From 5400d82acdc5bf7ca107f92dcf45226afc5c8874 Mon Sep 17 00:00:00 2001
From: hobokenchicken <dustin@dustin.coffee>
Date: Thu, 26 Feb 2026 11:51:36 -0500
Subject: [PATCH] Init repo

---
 .env                           |   22 +
 .env.example                   |   23 +
 Cargo.lock                     | 4163 ++++++++++++++++++++++++++++++++
 Cargo.toml                     |   75 +
 DASHBOARD_README.md            |  207 ++
 OPTIMIZATION.md                |  232 ++
 deploy.sh                      |  610 +++++
 deployment.md                  |  294 +++
 src/auth/mod.rs                |   46 +
 src/client/mod.rs              |  310 +++
 src/config/mod.rs              |  178 ++
 src/dashboard/mod.rs           |  625 +++++
 src/database/mod.rs            |  128 +
 src/errors/mod.rs              |   58 +
 src/lib.rs                     |   89 +
 src/logging/mod.rs             |  186 ++
 src/main.rs                    |  129 +
 src/models/mod.rs              |  239 ++
 src/models/registry.rs         |   69 +
 src/multimodal/mod.rs          |  285 +++
 src/providers/deepseek.rs      |  303 +++
 src/providers/gemini.rs        |  342 +++
 src/providers/grok.rs          |   92 +
 src/providers/mod.rs           |  138 ++
 src/providers/openai.rs        |  304 +++
 src/rate_limiting/mod.rs       |  359 +++
 src/server/mod.rs              |  222 ++
 src/state/mod.rs               |   43 +
 src/utils/mod.rs               |    3 +
 src/utils/registry.rs          |   24 +
 src/utils/streaming.rs         |  188 ++
 src/utils/tokens.rs            |   51 +
 static/css/dashboard.css       | 1119 +++++++++
 static/index.html              |  175 ++
 static/js/auth.js              |  269 +++
 static/js/charts.js            |  533 ++++
 static/js/dashboard.js         |  872 +++++++
 static/js/pages/analytics.js   |  334 +++
 static/js/pages/clients.js     |  471 ++++
 static/js/pages/costs.js       |  468 ++++
 static/js/pages/logs.js        |  567 +++++
 static/js/pages/monitoring.js  |  611 +++++
 static/js/pages/overview.js    |  513 ++++
 static/js/pages/providers.js   |  650 +++++
 static/js/pages/settings.js    |  318 +++
 static/js/websocket.js         |  510 ++++
 test_dashboard.sh              |   38 +
 test_server.sh                 |   75 +
 tests/integration_tests.rs.bak |  188 ++
 tests/streaming_test.rs        |    0
 50 files changed, 17748 insertions(+)
 create mode 100644 .env
 create mode 100644 .env.example
 create mode 100644 Cargo.lock
 create mode 100644 Cargo.toml
 create mode 100644 DASHBOARD_README.md
 create mode 100644 OPTIMIZATION.md
 create mode 100755 deploy.sh
 create mode 100644 deployment.md
 create mode 100644 src/auth/mod.rs
 create mode 100644 src/client/mod.rs
 create mode 100644 src/config/mod.rs
 create mode 100644 src/dashboard/mod.rs
 create mode 100644 src/database/mod.rs
 create mode 100644 src/errors/mod.rs
 create mode 100644 src/lib.rs
 create mode 100644 src/logging/mod.rs
 create mode 100644 src/main.rs
 create mode 100644 src/models/mod.rs
 create mode 100644 src/models/registry.rs
 create mode 100644 src/multimodal/mod.rs
 create mode 100644 src/providers/deepseek.rs
 create mode 100644 src/providers/gemini.rs
 create mode 100644 src/providers/grok.rs
 create mode 100644 src/providers/mod.rs
 create mode 100644 src/providers/openai.rs
 create mode 100644 src/rate_limiting/mod.rs
 create mode 100644 src/server/mod.rs
 create mode 100644 src/state/mod.rs
 create mode 100644 src/utils/mod.rs
 create mode 100644 src/utils/registry.rs
 create mode 100644 src/utils/streaming.rs
 create mode 100644 src/utils/tokens.rs
 create mode 100644 static/css/dashboard.css
 create mode 100644 static/index.html
 create mode 100644 static/js/auth.js
 create mode 100644 static/js/charts.js
 create mode 100644 static/js/dashboard.js
 create mode 100644 static/js/pages/analytics.js
 create mode 100644 static/js/pages/clients.js
 create mode 100644 static/js/pages/costs.js
 create mode 100644 static/js/pages/logs.js
 create mode 100644 static/js/pages/monitoring.js
 create mode 100644 static/js/pages/overview.js
 create mode 100644 static/js/pages/providers.js
 create mode 100644 static/js/pages/settings.js
 create mode 100644 static/js/websocket.js
 create mode 100755 test_dashboard.sh
 create mode 100755 test_server.sh
 create mode 100644 tests/integration_tests.rs.bak
 create mode 100644 tests/streaming_test.rs

diff --git a/.env b/.env
new file mode 100644
index 00000000..796ebbe0
--- /dev/null
+++ b/.env
@@ -0,0 +1,22 @@
+# LLM Proxy Gateway Environment Variables
+
+# OpenAI
+OPENAI_API_KEY=sk-demo-openai-key
+
+# Google Gemini
+GEMINI_API_KEY=AIza-demo-gemini-key
+
+# DeepSeek
+DEEPSEEK_API_KEY=sk-demo-deepseek-key
+
+# xAI Grok (not yet available)
+GROK_API_KEY=gk-demo-grok-key
+
+# Authentication tokens (comma-separated list)
+LLM_PROXY__SERVER__AUTH_TOKENS=demo-token-123456,another-token
+
+# Server port (optional)
+LLM_PROXY__SERVER__PORT=8080
+
+# Database path (optional)
+LLM_PROXY__DATABASE__PATH=./data/llm_proxy.db
\ No newline at end of file
diff --git a/.env.example b/.env.example
new file mode 100644
index 00000000..c84d43d9
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,23 @@
+# LLM Proxy Gateway Environment Variables
+# Copy to .env and fill in your API keys
+
+# OpenAI
+OPENAI_API_KEY=your_openai_api_key_here
+
+# Google Gemini
+GEMINI_API_KEY=your_gemini_api_key_here
+
+# DeepSeek
+DEEPSEEK_API_KEY=your_deepseek_api_key_here
+
+# xAI Grok (not yet available)
+GROK_API_KEY=your_grok_api_key_here
+
+# Authentication tokens (comma-separated list)
+LLM_PROXY__SERVER__AUTH_TOKENS=your_bearer_token_here,another_token
+
+# Server port (optional)
+LLM_PROXY__SERVER__PORT=8080
+
+# Database path (optional)
+LLM_PROXY__DATABASE__PATH=./data/llm_proxy.db
\ No newline at end of file
diff --git a/Cargo.lock b/Cargo.lock
new file mode 100644
index 00000000..80072ca1
--- /dev/null
+++ b/Cargo.lock
@@ -0,0 +1,4163 @@
+# This file is automatically @generated by Cargo.
+# It is not intended for manual editing.
+version = 4
+
+[[package]]
+name = "adler2"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "320119579fcad9c21884f5c4861d16174d0e06250625266f50fe6898340abefa"
+
+[[package]]
+name = "ahash"
+version = "0.7.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "891477e0c6a8957309ee5c45a6368af3ae14bb510732d2684ffa19af310920f9"
+dependencies = [
+ "getrandom 0.2.17",
+ "once_cell",
+ "version_check",
+]
+
+[[package]]
+name = "aho-corasick"
+version = "1.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ddd31a130427c27518df266943a5308ed92d4b226cc639f5a8f1002816174301"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "allocator-api2"
+version = "0.2.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "683d7910e743518b0e34f1186f92494becacb047c7b6bf616c96772180fef923"
+
+[[package]]
+name = "android_system_properties"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "819e7219dbd41043ac279b19830f2efc897156490d7fd6ea916720117ee66311"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "anstyle"
+version = "1.0.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5192cca8006f1fd4f7237516f40fa183bb07f8fbdfedaa0036de5ea9b0b45e78"
+
+[[package]]
+name = "anyhow"
+version = "1.0.102"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f202df86484c868dbad7eaa557ef785d5c66295e41b460ef922eca0723b842c"
+
+[[package]]
+name = "assert-json-diff"
+version = "2.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "47e4f2b81832e72834d7518d8487a0396a28cc408186a2e8854c0f98011faf12"
+dependencies = [
+ "serde",
+ "serde_json",
+]
+
+[[package]]
+name = "assert_cmd"
+version = "2.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c5bcfa8749ac45dd12cb11055aeeb6b27a3895560d60d71e3c23bf979e60514"
+dependencies = [
+ "anstyle",
+ "bstr",
+ "libc",
+ "predicates",
+ "predicates-core",
+ "predicates-tree",
+ "wait-timeout",
+]
+
+[[package]]
+name = "async-compression"
+version = "0.4.41"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d0f9ee0f6e02ffd7ad5816e9464499fba7b3effd01123b515c41d1697c43dad1"
+dependencies = [
+ "compression-codecs",
+ "compression-core",
+ "pin-project-lite",
+ "tokio",
+]
+
+[[package]]
+name = "async-openai"
+version = "0.33.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b3ef6d66e53b3ec8ed4bae8e6dcdda75c0f5b4f67faba78fac1b09434cb4f2fc"
+dependencies = [
+ "async-openai-macros",
+ "backoff",
+ "base64 0.22.1",
+ "bytes",
+ "derive_builder",
+ "eventsource-stream",
+ "futures",
+ "getrandom 0.3.4",
+ "rand 0.9.2",
+ "reqwest",
+ "reqwest-eventsource",
+ "secrecy",
+ "serde",
+ "serde_json",
+ "serde_urlencoded",
+ "thiserror 2.0.18",
+ "tokio",
+ "tokio-stream",
+ "tokio-util",
+ "tracing",
+ "url",
+]
+
+[[package]]
+name = "async-openai-macros"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "81872a8e595e8ceceab71c6ba1f9078e313b452a1e31934e6763ef5d308705e4"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "async-stream"
+version = "0.3.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b5a71a6f37880a80d1d7f19efd781e4b5de42c88f0722cc13bcb6cc2cfe8476"
+dependencies = [
+ "async-stream-impl",
+ "futures-core",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "async-stream-impl"
+version = "0.3.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7c24de15d275a1ecfd47a380fb4d5ec9bfe0933f309ed5e705b775596a3574d"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "async-trait"
+version = "0.1.89"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9035ad2d096bed7955a320ee7e2230574d28fd3c3a0f186cbea1ff3c7eed5dbb"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "atoi"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f28d99ec8bfea296261ca1af174f24225171fea9664ba9003cbebee704810528"
+dependencies = [
+ "num-traits",
+]
+
+[[package]]
+name = "atomic-waker"
+version = "1.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1505bd5d3d116872e7271a6d4e16d81d0c8570876c8de68093a09ac269d8aac0"
+
+[[package]]
+name = "autocfg"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c08606f8c3cbf4ce6ec8e28fb0014a2c086708fe954eaa885384a6165172e7e8"
+
+[[package]]
+name = "axum"
+version = "0.8.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b52af3cb4058c895d37317bb27508dccc8e5f2d39454016b297bf4a400597b8"
+dependencies = [
+ "axum-core",
+ "axum-macros",
+ "base64 0.22.1",
+ "bytes",
+ "form_urlencoded",
+ "futures-util",
+ "http",
+ "http-body",
+ "http-body-util",
+ "hyper",
+ "hyper-util",
+ "itoa",
+ "matchit",
+ "memchr",
+ "mime",
+ "percent-encoding",
+ "pin-project-lite",
+ "serde_core",
+ "serde_json",
+ "serde_path_to_error",
+ "serde_urlencoded",
+ "sha1",
+ "sync_wrapper",
+ "tokio",
+ "tokio-tungstenite",
+ "tower",
+ "tower-layer",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "axum-core"
+version = "0.5.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "08c78f31d7b1291f7ee735c1c6780ccde7785daae9a9206026862dab7d8792d1"
+dependencies = [
+ "bytes",
+ "futures-core",
+ "http",
+ "http-body",
+ "http-body-util",
+ "mime",
+ "pin-project-lite",
+ "sync_wrapper",
+ "tower-layer",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "axum-extra"
+version = "0.12.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fef252edff26ddba56bbcdf2ee3307b8129acb86f5749b68990c168a6fcc9c76"
+dependencies = [
+ "axum",
+ "axum-core",
+ "bytes",
+ "futures-core",
+ "futures-util",
+ "headers",
+ "http",
+ "http-body",
+ "http-body-util",
+ "mime",
+ "pin-project-lite",
+ "tower-layer",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "axum-macros"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "604fde5e028fea851ce1d8570bbdc034bec850d157f7569d10f347d06808c05c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "backoff"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b62ddb9cb1ec0a098ad4bbf9344d0713fa193ae1a80af55febcff2627b6a00c1"
+dependencies = [
+ "futures-core",
+ "getrandom 0.2.17",
+ "instant",
+ "pin-project-lite",
+ "rand 0.8.5",
+ "tokio",
+]
+
+[[package]]
+name = "base64"
+version = "0.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9e1b586273c5702936fe7b7d6896644d8be71e6314cfe09d3167c95f712589e8"
+
+[[package]]
+name = "base64"
+version = "0.21.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9d297deb1925b89f2ccc13d7635fa0714f12c87adce1c75356b39ca9b7178567"
+
+[[package]]
+name = "base64"
+version = "0.22.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
+
+[[package]]
+name = "base64ct"
+version = "1.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2af50177e190e07a26ab74f8b1efbfe2ef87da2116221318cb1c2e82baf7de06"
+
+[[package]]
+name = "bit-set"
+version = "0.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0700ddab506f33b20a03b13996eccd309a48e5ff77d0d95926aa0210fb4e95f1"
+dependencies = [
+ "bit-vec",
+]
+
+[[package]]
+name = "bit-vec"
+version = "0.6.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "349f9b6a179ed607305526ca489b34ad0a41aed5f7980fa90eb03160b69598fb"
+
+[[package]]
+name = "bitflags"
+version = "1.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bef38d45163c2f1dde094a7dfd33ccf595c92905c8f8f4fdc18d06fb1037718a"
+
+[[package]]
+name = "bitflags"
+version = "2.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "843867be96c8daad0d758b57df9392b6d8d271134fce549de6ce169ff98a92af"
+dependencies = [
+ "serde_core",
+]
+
+[[package]]
+name = "block-buffer"
+version = "0.10.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3078c7629b62d3f0439517fa394996acacc5cbc91c5a20d8c658e77abd503a71"
+dependencies = [
+ "generic-array",
+]
+
+[[package]]
+name = "bstr"
+version = "1.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "63044e1ae8e69f3b5a92c736ca6269b8d12fa7efe39bf34ddb06d102cf0e2cab"
+dependencies = [
+ "memchr",
+ "regex-automata",
+ "serde",
+]
+
+[[package]]
+name = "bumpalo"
+version = "3.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d20789868f4b01b2f2caec9f5c4e0213b41e3e5702a50157d699ae31ced2fcb"
+
+[[package]]
+name = "bytemuck"
+version = "1.25.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c8efb64bd706a16a1bdde310ae86b351e4d21550d98d056f22f8a7f7a2183fec"
+
+[[package]]
+name = "byteorder"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fd0f2584146f6f2ef48085050886acf353beff7305ebd1ae69500e27c67f64b"
+
+[[package]]
+name = "byteorder-lite"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f1fe948ff07f4bd06c30984e69f5b4899c516a3ef74f34df92a2df2ab535495"
+
+[[package]]
+name = "bytes"
+version = "1.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e748733b7cbc798e1434b6ac524f0c1ff2ab456fe201501e6497c8417a4fc33"
+
+[[package]]
+name = "cc"
+version = "1.2.56"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aebf35691d1bfb0ac386a69bac2fde4dd276fb618cf8bf4f5318fe285e821bb2"
+dependencies = [
+ "find-msvc-tools",
+ "shlex",
+]
+
+[[package]]
+name = "cfg-if"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9330f8b2ff13f34540b44e946ef35111825727b38d33286ef986142615121801"
+
+[[package]]
+name = "cfg_aliases"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "613afe47fcd5fac7ccf1db93babcb082c5994d996f20b8b159f2ad1658eb5724"
+
+[[package]]
+name = "chrono"
+version = "0.4.44"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c673075a2e0e5f4a1dde27ce9dee1ea4558c7ffe648f576438a20ca1d2acc4b0"
+dependencies = [
+ "iana-time-zone",
+ "js-sys",
+ "num-traits",
+ "serde",
+ "wasm-bindgen",
+ "windows-link",
+]
+
+[[package]]
+name = "colored"
+version = "3.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "faf9468729b8cbcea668e36183cb69d317348c2e08e994829fb56ebfdfbaac34"
+dependencies = [
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "compression-codecs"
+version = "0.4.37"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eb7b51a7d9c967fc26773061ba86150f19c50c0d65c887cb1fbe295fd16619b7"
+dependencies = [
+ "compression-core",
+ "flate2",
+ "memchr",
+]
+
+[[package]]
+name = "compression-core"
+version = "0.4.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75984efb6ed102a0d42db99afb6c1948f0380d1d91808d5529916e6c08b49d8d"
+
+[[package]]
+name = "concurrent-queue"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ca0197aee26d1ae37445ee532fefce43251d24cc7c166799f4d46817f1d3973"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "config"
+version = "0.13.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "23738e11972c7643e4ec947840fc463b6a571afcd3e735bdfce7d03c7a784aca"
+dependencies = [
+ "async-trait",
+ "json5",
+ "lazy_static",
+ "nom",
+ "pathdiff",
+ "ron",
+ "rust-ini",
+ "serde",
+ "serde_json",
+ "toml 0.5.11",
+ "yaml-rust",
+]
+
+[[package]]
+name = "console"
+version = "0.15.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "054ccb5b10f9f2cbf51eb355ca1d05c2d279ce1804688d0db74b4733a5aeafd8"
+dependencies = [
+ "encode_unicode",
+ "libc",
+ "once_cell",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "const-oid"
+version = "0.9.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c2459377285ad874054d797f3ccebf984978aa39129f6eafde5cdc8315b612f8"
+
+[[package]]
+name = "core-foundation-sys"
+version = "0.8.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "773648b94d0e5d620f64f280777445740e61fe701025087ec8b57f45c791888b"
+
+[[package]]
+name = "cpufeatures"
+version = "0.2.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "59ed5838eebb26a2bb2e58f6d5b5316989ae9d08bab10e0e6d103e656d1b0280"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "crc"
+version = "3.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5eb8a2a1cd12ab0d987a5d5e825195d372001a4094a0376319d5a0ad71c1ba0d"
+dependencies = [
+ "crc-catalog",
+]
+
+[[package]]
+name = "crc-catalog"
+version = "2.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "19d374276b40fb8bbdee95aef7c7fa6b5316ec764510eb64b8dd0e2ed0d7e7f5"
+
+[[package]]
+name = "crc32fast"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9481c1c90cbf2ac953f07c8d4a58aa3945c425b7185c9154d67a65e4230da511"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "crossbeam-queue"
+version = "0.3.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0f58bbc28f91df819d0aa2a2c00cd19754769c2fad90579b3592b1c9ba7a3115"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-utils"
+version = "0.8.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d0a5c400df2834b80a4c3327b3aad3a4c4cd4de0629063962b03235697506a28"
+
+[[package]]
+name = "crypto-common"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "78c8292055d1c1df0cce5d180393dc8cce0abec0a7102adb6c7b1eef6016d60a"
+dependencies = [
+ "generic-array",
+ "typenum",
+]
+
+[[package]]
+name = "darling"
+version = "0.20.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc7f46116c46ff9ab3eb1597a45688b6715c6e628b5c133e288e709a29bcb4ee"
+dependencies = [
+ "darling_core",
+ "darling_macro",
+]
+
+[[package]]
+name = "darling_core"
+version = "0.20.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d00b9596d185e565c2207a0b01f8bd1a135483d02d9b7b0a54b11da8d53412e"
+dependencies = [
+ "fnv",
+ "ident_case",
+ "proc-macro2",
+ "quote",
+ "strsim",
+ "syn",
+]
+
+[[package]]
+name = "darling_macro"
+version = "0.20.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc34b93ccb385b40dc71c6fceac4b2ad23662c7eeb248cf10d529b7e055b6ead"
+dependencies = [
+ "darling_core",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "dashmap"
+version = "5.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "978747c1d849a7d2ee5e8adc0159961c48fb7e5db2f06af6723b80123bb53856"
+dependencies = [
+ "cfg-if",
+ "hashbrown 0.14.5",
+ "lock_api",
+ "once_cell",
+ "parking_lot_core",
+]
+
+[[package]]
+name = "data-encoding"
+version = "2.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d7a1e2f27636f116493b8b860f5546edb47c8d8f8ea73e1d2a20be88e28d1fea"
+
+[[package]]
+name = "der"
+version = "0.7.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e7c1832837b905bbfb5101e07cc24c8deddf52f93225eee6ead5f4d63d53ddcb"
+dependencies = [
+ "const-oid",
+ "pem-rfc7468",
+ "zeroize",
+]
+
+[[package]]
+name = "derive_builder"
+version = "0.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "507dfb09ea8b7fa618fcf76e953f4f5e192547945816d5358edffe39f6f94947"
+dependencies = [
+ "derive_builder_macro",
+]
+
+[[package]]
+name = "derive_builder_core"
+version = "0.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2d5bcf7b024d6835cfb3d473887cd966994907effbe9227e8c8219824d06c4e8"
+dependencies = [
+ "darling",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "derive_builder_macro"
+version = "0.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ab63b0e2bf4d5928aff72e83a7dace85d7bba5fe12dcc3c5a572d78caffd3f3c"
+dependencies = [
+ "derive_builder_core",
+ "syn",
+]
+
+[[package]]
+name = "difflib"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6184e33543162437515c2e2b48714794e37845ec9851711914eec9d308f6ebe8"
+
+[[package]]
+name = "digest"
+version = "0.10.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9ed9a281f7bc9b7576e61468ba615a66a5c8cfdff42420a70aa82701a3b1e292"
+dependencies = [
+ "block-buffer",
+ "const-oid",
+ "crypto-common",
+ "subtle",
+]
+
+[[package]]
+name = "displaydoc"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "97369cbbc041bc366949bc74d34658d6cda5621039731c6310521892a3a20ae0"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "dlv-list"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0688c2a7f92e427f44895cd63841bff7b29f8d7a1648b9e7e07a4a365b2e1257"
+
+[[package]]
+name = "dotenvy"
+version = "0.15.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1aaf95b3e5c8f23aa320147307562d361db0ae0d51242340f558153b4eb2439b"
+
+[[package]]
+name = "either"
+version = "1.15.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "48c757948c5ede0e46177b7add2e67155f70e33c07fea8284df6576da70b3719"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "encode_unicode"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34aa73646ffb006b8f5147f3dc182bd4bcb190227ce861fc4a4844bf8e3cb2c0"
+
+[[package]]
+name = "equivalent"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "877a4ace8713b0bcf2a4e7eec82529c029f1d0619886d18145fea96c3ffe5c0f"
+
+[[package]]
+name = "errno"
+version = "0.3.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "39cab71617ae0d63f51a36d69f866391735b51691dbda63cf6f96d042b63efeb"
+dependencies = [
+ "libc",
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "etcetera"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "136d1b5283a1ab77bd9257427ffd09d8667ced0570b6f938942bc7568ed5b943"
+dependencies = [
+ "cfg-if",
+ "home",
+ "windows-sys 0.48.0",
+]
+
+[[package]]
+name = "event-listener"
+version = "5.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e13b66accf52311f30a0db42147dadea9850cb48cd070028831ae5f5d4b856ab"
+dependencies = [
+ "concurrent-queue",
+ "parking",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "eventsource-stream"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "74fef4569247a5f429d9156b9d0a2599914385dd189c539334c625d8099d90ab"
+dependencies = [
+ "futures-core",
+ "nom",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "fancy-regex"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "531e46835a22af56d1e3b66f04844bed63158bc094a628bec1d321d9b4c44bf2"
+dependencies = [
+ "bit-set",
+ "regex-automata",
+ "regex-syntax",
+]
+
+[[package]]
+name = "fastrand"
+version = "2.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "37909eebbb50d72f9059c3b6d82c0463f2ff062c9e95845c43a6c9c0355411be"
+
+[[package]]
+name = "fdeflate"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e6853b52649d4ac5c0bd02320cddc5ba956bdb407c4b75a2c6b75bf51500f8c"
+dependencies = [
+ "simd-adler32",
+]
+
+[[package]]
+name = "find-msvc-tools"
+version = "0.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5baebc0774151f905a1a2cc41989300b1e6fbb29aff0ceffa1064fdd3088d582"
+
+[[package]]
+name = "flate2"
+version = "1.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "843fba2746e448b37e26a819579957415c8cef339bf08564fe8b7ddbd959573c"
+dependencies = [
+ "crc32fast",
+ "miniz_oxide",
+]
+
+[[package]]
+name = "flume"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "da0e4dd2a88388a1f4ccc7c9ce104604dab68d9f408dc34cd45823d5a9069095"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+ "spin",
+]
+
+[[package]]
+name = "fnv"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
+
+[[package]]
+name = "foldhash"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d9c4f5dac5e15c24eb999c26181a6ca40b39fe946cbe4c263c7209467bc83af2"
+
+[[package]]
+name = "form_urlencoded"
+version = "1.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cb4cb245038516f5f85277875cdaa4f7d2c9a0fa0468de06ed190163b1581fcf"
+dependencies = [
+ "percent-encoding",
+]
+
+[[package]]
+name = "futures"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b147ee9d1f6d097cef9ce628cd2ee62288d963e16fb287bd9286455b241382d"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-channel"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "07bbe89c50d7a535e539b8c17bc0b49bdb77747034daa8087407d655f3f7cc1d"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+]
+
+[[package]]
+name = "futures-core"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7e3450815272ef58cec6d564423f6e755e25379b217b0bc688e295ba24df6b1d"
+
+[[package]]
+name = "futures-executor"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "baf29c38818342a3b26b5b923639e7b1f4a61fc5e76102d4b1981c6dc7a7579d"
+dependencies = [
+ "futures-core",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-intrusive"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d930c203dd0b6ff06e0201a4a2fe9149b43c684fd4420555b26d21b1a02956f"
+dependencies = [
+ "futures-core",
+ "lock_api",
+ "parking_lot",
+]
+
+[[package]]
+name = "futures-io"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cecba35d7ad927e23624b22ad55235f2239cfa44fd10428eecbeba6d6a717718"
+
+[[package]]
+name = "futures-macro"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e835b70203e41293343137df5c0664546da5745f82ec9b84d40be8336958447b"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "futures-sink"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c39754e157331b013978ec91992bde1ac089843443c49cbc7f46150b0fad0893"
+
+[[package]]
+name = "futures-task"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "037711b3d59c33004d3856fbdc83b99d4ff37a24768fa1be9ce3538a1cde4393"
+
+[[package]]
+name = "futures-timer"
+version = "3.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f288b0a4f20f9a56b5d1da57e2227c661b7b16168e2f72365f57b63326e29b24"
+
+[[package]]
+name = "futures-util"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "389ca41296e6190b48053de0321d02a77f32f8a5d2461dd38762c0593805c6d6"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-macro",
+ "futures-sink",
+ "futures-task",
+ "memchr",
+ "pin-project-lite",
+ "slab",
+]
+
+[[package]]
+name = "generic-array"
+version = "0.14.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85649ca51fd72272d7821adaf274ad91c288277713d9c18820d8499a7ff69e9a"
+dependencies = [
+ "typenum",
+ "version_check",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.2.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ff2abc00be7fca6ebc474524697ae276ad847ad0a6b3faa4bcb027e9a4614ad0"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "wasi",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.3.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "899def5c37c4fd7b2664648c28120ecec138e4d395b459e5ca34f9cce2dd77fd"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "r-efi",
+ "wasip2",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "139ef39800118c7683f2fd3c98c1b23c09ae076556b435f8e9064ae108aaeeec"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "r-efi",
+ "wasip2",
+ "wasip3",
+]
+
+[[package]]
+name = "governor"
+version = "0.6.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68a7f542ee6b35af73b06abc0dad1c1bae89964e4e253bc4b587b91c9637867b"
+dependencies = [
+ "cfg-if",
+ "dashmap",
+ "futures",
+ "futures-timer",
+ "no-std-compat",
+ "nonzero_ext",
+ "parking_lot",
+ "portable-atomic",
+ "quanta",
+ "rand 0.8.5",
+ "smallvec",
+ "spinning_top",
+]
+
+[[package]]
+name = "h2"
+version = "0.4.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2f44da3a8150a6703ed5d34e164b875fd14c2cdab9af1252a9a1020bde2bdc54"
+dependencies = [
+ "atomic-waker",
+ "bytes",
+ "fnv",
+ "futures-core",
+ "futures-sink",
+ "http",
+ "indexmap",
+ "slab",
+ "tokio",
+ "tokio-util",
+ "tracing",
+]
+
+[[package]]
+name = "hashbrown"
+version = "0.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a9ee70c43aaf417c914396645a0fa852624801b24ebb7ae78fe8272889ac888"
+dependencies = [
+ "ahash",
+]
+
+[[package]]
+name = "hashbrown"
+version = "0.14.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e5274423e17b7c9fc20b6e7e208532f9b19825d82dfd615708b70edd83df41f1"
+
+[[package]]
+name = "hashbrown"
+version = "0.15.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9229cfe53dfd69f0609a49f65461bd93001ea1ef889cd5529dd176593f5338a1"
+dependencies = [
+ "allocator-api2",
+ "equivalent",
+ "foldhash",
+]
+
+[[package]]
+name = "hashbrown"
+version = "0.16.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "841d1cc9bed7f9236f321df977030373f4a4163ae1a7dbfe1a51a2c1a51d9100"
+
+[[package]]
+name = "hashlink"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7382cf6263419f2d8df38c55d7da83da5c18aef87fc7a7fc1fb1e344edfe14c1"
+dependencies = [
+ "hashbrown 0.15.5",
+]
+
+[[package]]
+name = "headers"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b3314d5adb5d94bcdf56771f2e50dbbc80bb4bdf88967526706205ac9eff24eb"
+dependencies = [
+ "base64 0.22.1",
+ "bytes",
+ "headers-core",
+ "http",
+ "httpdate",
+ "mime",
+ "sha1",
+]
+
+[[package]]
+name = "headers-core"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "54b4a22553d4242c49fddb9ba998a99962b5cc6f22cb5a3482bec22522403ce4"
+dependencies = [
+ "http",
+]
+
+[[package]]
+name = "heck"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2304e00983f87ffb38b55b444b5e3b60a884b5d30c0fca7d82fe33449bbe55ea"
+
+[[package]]
+name = "hex"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
+
+[[package]]
+name = "hkdf"
+version = "0.12.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7b5f8eb2ad728638ea2c7d47a21db23b7b58a72ed6a38256b8a1849f15fbbdf7"
+dependencies = [
+ "hmac",
+]
+
+[[package]]
+name = "hmac"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6c49c37c09c17a53d937dfbb742eb3a961d65a994e6bcdcf37e7399d0cc8ab5e"
+dependencies = [
+ "digest",
+]
+
+[[package]]
+name = "home"
+version = "0.5.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cc627f471c528ff0c4a49e1d5e60450c8f6461dd6d10ba9dcd3a61d3dff7728d"
+dependencies = [
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "http"
+version = "1.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3ba2a386d7f85a81f119ad7498ebe444d2e22c2af0b86b069416ace48b3311a"
+dependencies = [
+ "bytes",
+ "itoa",
+]
+
+[[package]]
+name = "http-body"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1efedce1fb8e6913f23e0c92de8e62cd5b772a67e7b3946df930a62566c93184"
+dependencies = [
+ "bytes",
+ "http",
+]
+
+[[package]]
+name = "http-body-util"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b021d93e26becf5dc7e1b75b1bed1fd93124b374ceb73f43d4d4eafec896a64a"
+dependencies = [
+ "bytes",
+ "futures-core",
+ "http",
+ "http-body",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "http-range-header"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9171a2ea8a68358193d15dd5d70c1c10a2afc3e7e4c5bc92bc9f025cebd7359c"
+
+[[package]]
+name = "httparse"
+version = "1.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6dbf3de79e51f3d586ab4cb9d5c3e2c14aa28ed23d180cf89b4df0454a69cc87"
+
+[[package]]
+name = "httpdate"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df3b46402a9d5adb4c86a0cf463f42e19994e3ee891101b1841f30a545cb49a9"
+
+[[package]]
+name = "hyper"
+version = "1.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2ab2d4f250c3d7b1c9fcdff1cece94ea4e2dfbec68614f7b87cb205f24ca9d11"
+dependencies = [
+ "atomic-waker",
+ "bytes",
+ "futures-channel",
+ "futures-core",
+ "h2",
+ "http",
+ "http-body",
+ "httparse",
+ "httpdate",
+ "itoa",
+ "pin-project-lite",
+ "pin-utils",
+ "smallvec",
+ "tokio",
+ "want",
+]
+
+[[package]]
+name = "hyper-rustls"
+version = "0.27.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3c93eb611681b207e1fe55d5a71ecf91572ec8a6705cdb6857f7d8d5242cf58"
+dependencies = [
+ "http",
+ "hyper",
+ "hyper-util",
+ "rustls",
+ "rustls-pki-types",
+ "tokio",
+ "tokio-rustls",
+ "tower-service",
+ "webpki-roots",
+]
+
+[[package]]
+name = "hyper-util"
+version = "0.1.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "96547c2556ec9d12fb1578c4eaf448b04993e7fb79cbaad930a656880a6bdfa0"
+dependencies = [
+ "base64 0.22.1",
+ "bytes",
+ "futures-channel",
+ "futures-util",
+ "http",
+ "http-body",
+ "hyper",
+ "ipnet",
+ "libc",
+ "percent-encoding",
+ "pin-project-lite",
+ "socket2",
+ "tokio",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "iana-time-zone"
+version = "0.1.65"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e31bc9ad994ba00e440a8aa5c9ef0ec67d5cb5e5cb0cc7f8b744a35b389cc470"
+dependencies = [
+ "android_system_properties",
+ "core-foundation-sys",
+ "iana-time-zone-haiku",
+ "js-sys",
+ "log",
+ "wasm-bindgen",
+ "windows-core",
+]
+
+[[package]]
+name = "iana-time-zone-haiku"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f31827a206f56af32e590ba56d5d2d085f558508192593743f16b2306495269f"
+dependencies = [
+ "cc",
+]
+
+[[package]]
+name = "icu_collections"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4c6b649701667bbe825c3b7e6388cb521c23d88644678e83c0c4d0a621a34b43"
+dependencies = [
+ "displaydoc",
+ "potential_utf",
+ "yoke",
+ "zerofrom",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locale_core"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "edba7861004dd3714265b4db54a3c390e880ab658fec5f7db895fae2046b5bb6"
+dependencies = [
+ "displaydoc",
+ "litemap",
+ "tinystr",
+ "writeable",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_normalizer"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5f6c8828b67bf8908d82127b2054ea1b4427ff0230ee9141c54251934ab1b599"
+dependencies = [
+ "icu_collections",
+ "icu_normalizer_data",
+ "icu_properties",
+ "icu_provider",
+ "smallvec",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_normalizer_data"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7aedcccd01fc5fe81e6b489c15b247b8b0690feb23304303a9e560f37efc560a"
+
+[[package]]
+name = "icu_properties"
+version = "2.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "020bfc02fe870ec3a66d93e677ccca0562506e5872c650f893269e08615d74ec"
+dependencies = [
+ "icu_collections",
+ "icu_locale_core",
+ "icu_properties_data",
+ "icu_provider",
+ "zerotrie",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_properties_data"
+version = "2.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "616c294cf8d725c6afcd8f55abc17c56464ef6211f9ed59cccffe534129c77af"
+
+[[package]]
+name = "icu_provider"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85962cf0ce02e1e0a629cc34e7ca3e373ce20dda4c4d7294bbd0bf1fdb59e614"
+dependencies = [
+ "displaydoc",
+ "icu_locale_core",
+ "writeable",
+ "yoke",
+ "zerofrom",
+ "zerotrie",
+ "zerovec",
+]
+
+[[package]]
+name = "id-arena"
+version = "2.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3d3067d79b975e8844ca9eb072e16b31c3c1c36928edf9c6789548c524d0d954"
+
+[[package]]
+name = "ident_case"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9e0384b61958566e926dc50660321d12159025e767c18e043daf26b70104c39"
+
+[[package]]
+name = "idna"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3b0875f23caa03898994f6ddc501886a45c7d3d62d04d2d90788d47be1b1e4de"
+dependencies = [
+ "idna_adapter",
+ "smallvec",
+ "utf8_iter",
+]
+
+[[package]]
+name = "idna_adapter"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3acae9609540aa318d1bc588455225fb2085b9ed0c4f6bd0d9d5bcd86f1a0344"
+dependencies = [
+ "icu_normalizer",
+ "icu_properties",
+]
+
+[[package]]
+name = "image"
+version = "0.25.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6506c6c10786659413faa717ceebcb8f70731c0a60cbae39795fdf114519c1a"
+dependencies = [
+ "bytemuck",
+ "byteorder-lite",
+ "image-webp",
+ "moxcms",
+ "num-traits",
+ "png",
+ "zune-core",
+ "zune-jpeg",
+]
+
+[[package]]
+name = "image-webp"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "525e9ff3e1a4be2fbea1fdf0e98686a6d98b4d8f937e1bf7402245af1909e8c3"
+dependencies = [
+ "byteorder-lite",
+ "quick-error",
+]
+
+[[package]]
+name = "indexmap"
+version = "2.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7714e70437a7dc3ac8eb7e6f8df75fd8eb422675fc7678aff7364301092b1017"
+dependencies = [
+ "equivalent",
+ "hashbrown 0.16.1",
+ "serde",
+ "serde_core",
+]
+
+[[package]]
+name = "insta"
+version = "1.46.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e82db8c87c7f1ccecb34ce0c24399b8a73081427f3c7c50a5d597925356115e4"
+dependencies = [
+ "console",
+ "once_cell",
+ "similar",
+ "tempfile",
+]
+
+[[package]]
+name = "instant"
+version = "0.1.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e0242819d153cba4b4b05a5a8f2a7e9bbf97b6055b2a002b395c96b5ff3c0222"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "ipnet"
+version = "2.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "469fb0b9cefa57e3ef31275ee7cacb78f2fdca44e4765491884a2b119d4eb130"
+
+[[package]]
+name = "iri-string"
+version = "0.7.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c91338f0783edbd6195decb37bae672fd3b165faffb89bf7b9e6942f8b1a731a"
+dependencies = [
+ "memchr",
+ "serde",
+]
+
+[[package]]
+name = "itoa"
+version = "1.0.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "92ecc6618181def0457392ccd0ee51198e065e016d1d527a7ac1b6dc7c1f09d2"
+
+[[package]]
+name = "js-sys"
+version = "0.3.90"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "14dc6f6450b3f6d4ed5b16327f38fed626d375a886159ca555bd7822c0c3a5a6"
+dependencies = [
+ "once_cell",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "json5"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "96b0db21af676c1ce64250b5f40f3ce2cf27e4e47cb91ed91eb6fe9350b430c1"
+dependencies = [
+ "pest",
+ "pest_derive",
+ "serde",
+]
+
+[[package]]
+name = "lazy_static"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bbd2bcb4c963f2ddae06a2efc7e9f3591312473c50c6685e1f298068316e66fe"
+dependencies = [
+ "spin",
+]
+
+[[package]]
+name = "leb128fmt"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09edd9e8b54e49e587e4f6295a7d29c3ea94d469cb40ab8ca70b288248a81db2"
+
+[[package]]
+name = "libc"
+version = "0.2.182"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6800badb6cb2082ffd7b6a67e6125bb39f18782f793520caee8cb8846be06112"
+
+[[package]]
+name = "libm"
+version = "0.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6d2cec3eae94f9f509c767b45932f1ada8350c4bdb85af2fcab4a3c14807981"
+
+[[package]]
+name = "libredox"
+version = "0.1.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3d0b95e02c851351f877147b7deea7b1afb1df71b63aa5f8270716e0c5720616"
+dependencies = [
+ "bitflags 2.11.0",
+ "libc",
+ "redox_syscall 0.7.2",
+]
+
+[[package]]
+name = "libsqlite3-sys"
+version = "0.30.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2e99fb7a497b1e3339bc746195567ed8d3e24945ecd636e3619d20b9de9e9149"
+dependencies = [
+ "cc",
+ "pkg-config",
+ "vcpkg",
+]
+
+[[package]]
+name = "linked-hash-map"
+version = "0.5.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0717cef1bc8b636c6e1c1bbdefc09e6322da8a9321966e8928ef80d20f7f770f"
+
+[[package]]
+name = "linux-raw-sys"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32a66949e030da00e8c7d4434b251670a91556f4144941d37452769c25d58a53"
+
+[[package]]
+name = "litemap"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6373607a59f0be73a39b6fe456b8192fcc3585f602af20751600e974dd455e77"
+
+[[package]]
+name = "llm-proxy"
+version = "0.1.0"
+dependencies = [
+ "anyhow",
+ "assert_cmd",
+ "async-openai",
+ "async-stream",
+ "async-trait",
+ "axum",
+ "axum-extra",
+ "base64 0.21.7",
+ "chrono",
+ "config",
+ "dotenvy",
+ "futures",
+ "governor",
+ "headers",
+ "image",
+ "insta",
+ "mime",
+ "mime_guess",
+ "mockito",
+ "once_cell",
+ "rand 0.8.5",
+ "regex",
+ "reqwest",
+ "reqwest-eventsource",
+ "serde",
+ "serde_json",
+ "sqlx",
+ "tempfile",
+ "thiserror 1.0.69",
+ "tiktoken-rs",
+ "tokio",
+ "tokio-test",
+ "toml 0.8.23",
+ "tower",
+ "tower-http",
+ "tracing",
+ "tracing-subscriber",
+ "uuid",
+]
+
+[[package]]
+name = "lock_api"
+version = "0.4.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "224399e74b87b5f3557511d98dff8b14089b3dadafcab6bb93eab67d3aace965"
+dependencies = [
+ "scopeguard",
+]
+
+[[package]]
+name = "log"
+version = "0.4.29"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5e5032e24019045c762d3c0f28f5b6b8bbf38563a65908389bf7978758920897"
+
+[[package]]
+name = "lru-slab"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "112b39cec0b298b6c1999fee3e31427f74f676e4cb9879ed1a121b43661a4154"
+
+[[package]]
+name = "matchers"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d1525a2a28c7f4fa0fc98bb91ae755d1e2d1505079e05539e35bc876b5d65ae9"
+dependencies = [
+ "regex-automata",
+]
+
+[[package]]
+name = "matchit"
+version = "0.8.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "47e1ffaa40ddd1f3ed91f717a33c8c0ee23fff369e3aa8772b9605cc1d22f4c3"
+
+[[package]]
+name = "md-5"
+version = "0.10.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d89e7ee0cfbedfc4da3340218492196241d89eefb6dab27de5df917a6d2e78cf"
+dependencies = [
+ "cfg-if",
+ "digest",
+]
+
+[[package]]
+name = "memchr"
+version = "2.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8ca58f447f06ed17d5fc4043ce1b10dd205e060fb3ce5b979b8ed8e59ff3f79"
+
+[[package]]
+name = "mime"
+version = "0.3.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6877bb514081ee2a7ff5ef9de3281f14a4dd4bceac4c09388074a6b5df8a139a"
+
+[[package]]
+name = "mime_guess"
+version = "2.0.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f7c44f8e672c00fe5308fa235f821cb4198414e1c77935c1ab6948d3fd78550e"
+dependencies = [
+ "mime",
+ "unicase",
+]
+
+[[package]]
+name = "minimal-lexical"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68354c5c6bd36d73ff3feceb05efa59b6acb7626617f4962be322a825e61f79a"
+
+[[package]]
+name = "miniz_oxide"
+version = "0.8.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fa76a2c86f704bdb222d66965fb3d63269ce38518b83cb0575fca855ebb6316"
+dependencies = [
+ "adler2",
+ "simd-adler32",
+]
+
+[[package]]
+name = "mio"
+version = "1.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a69bcab0ad47271a0234d9422b131806bf3968021e5dc9328caf2d4cd58557fc"
+dependencies = [
+ "libc",
+ "wasi",
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "mockito"
+version = "1.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "90820618712cab19cfc46b274c6c22546a82affcb3c3bdf0f29e3db8e1bb92c0"
+dependencies = [
+ "assert-json-diff",
+ "bytes",
+ "colored",
+ "futures-core",
+ "http",
+ "http-body",
+ "http-body-util",
+ "hyper",
+ "hyper-util",
+ "log",
+ "pin-project-lite",
+ "rand 0.9.2",
+ "regex",
+ "serde_json",
+ "serde_urlencoded",
+ "similar",
+ "tokio",
+]
+
+[[package]]
+name = "moxcms"
+version = "0.7.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ac9557c559cd6fc9867e122e20d2cbefc9ca29d80d027a8e39310920ed2f0a97"
+dependencies = [
+ "num-traits",
+ "pxfm",
+]
+
+[[package]]
+name = "no-std-compat"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b93853da6d84c2e3c7d730d6473e8817692dd89be387eb01b94d7f108ecb5b8c"
+
+[[package]]
+name = "nom"
+version = "7.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d273983c5a657a70a3e8f2a01329822f3b8c8172b73826411a55751e404a0a4a"
+dependencies = [
+ "memchr",
+ "minimal-lexical",
+]
+
+[[package]]
+name = "nonzero_ext"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "38bf9645c8b145698bb0b18a4637dcacbc421ea49bef2317e4fd8065a387cf21"
+
+[[package]]
+name = "nu-ansi-term"
+version = "0.50.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7957b9740744892f114936ab4a57b3f487491bbeafaf8083688b16841a4240e5"
+dependencies = [
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "num-bigint-dig"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e661dda6640fad38e827a6d4a310ff4763082116fe217f279885c97f511bb0b7"
+dependencies = [
+ "lazy_static",
+ "libm",
+ "num-integer",
+ "num-iter",
+ "num-traits",
+ "rand 0.8.5",
+ "smallvec",
+ "zeroize",
+]
+
+[[package]]
+name = "num-integer"
+version = "0.1.46"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7969661fd2958a5cb096e56c8e1ad0444ac2bbcd0061bd28660485a44879858f"
+dependencies = [
+ "num-traits",
+]
+
+[[package]]
+name = "num-iter"
+version = "0.1.45"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1429034a0490724d0075ebb2bc9e875d6503c3cf69e235a8941aa757d83ef5bf"
+dependencies = [
+ "autocfg",
+ "num-integer",
+ "num-traits",
+]
+
+[[package]]
+name = "num-traits"
+version = "0.2.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "071dfc062690e90b734c0b2273ce72ad0ffa95f0c74596bc250dcfd960262841"
+dependencies = [
+ "autocfg",
+ "libm",
+]
+
+[[package]]
+name = "once_cell"
+version = "1.21.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "42f5e15c9953c5e4ccceeb2e7382a716482c34515315f7b03532b8b4e8393d2d"
+
+[[package]]
+name = "ordered-multimap"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ccd746e37177e1711c20dd619a1620f34f5c8b569c53590a72dedd5344d8924a"
+dependencies = [
+ "dlv-list",
+ "hashbrown 0.12.3",
+]
+
+[[package]]
+name = "parking"
+version = "2.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f38d5652c16fde515bb1ecef450ab0f6a219d619a7274976324d5e377f7dceba"
+
+[[package]]
+name = "parking_lot"
+version = "0.12.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "93857453250e3077bd71ff98b6a65ea6621a19bb0f559a85248955ac12c45a1a"
+dependencies = [
+ "lock_api",
+ "parking_lot_core",
+]
+
+[[package]]
+name = "parking_lot_core"
+version = "0.9.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2621685985a2ebf1c516881c026032ac7deafcda1a2c9b7850dc81e3dfcb64c1"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "redox_syscall 0.5.18",
+ "smallvec",
+ "windows-link",
+]
+
+[[package]]
+name = "pathdiff"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df94ce210e5bc13cb6651479fa48d14f601d9858cfe0467f43ae157023b938d3"
+
+[[package]]
+name = "pem-rfc7468"
+version = "0.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "88b39c9bfcfc231068454382784bb460aae594343fb030d46e9f50a645418412"
+dependencies = [
+ "base64ct",
+]
+
+[[package]]
+name = "percent-encoding"
+version = "2.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b4f627cb1b25917193a259e49bdad08f671f8d9708acfd5fe0a8c1455d87220"
+
+[[package]]
+name = "pest"
+version = "2.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e0848c601009d37dfa3430c4666e147e49cdcf1b92ecd3e63657d8a5f19da662"
+dependencies = [
+ "memchr",
+ "ucd-trie",
+]
+
+[[package]]
+name = "pest_derive"
+version = "2.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "11f486f1ea21e6c10ed15d5a7c77165d0ee443402f0780849d1768e7d9d6fe77"
+dependencies = [
+ "pest",
+ "pest_generator",
+]
+
+[[package]]
+name = "pest_generator"
+version = "2.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8040c4647b13b210a963c1ed407c1ff4fdfa01c31d6d2a098218702e6664f94f"
+dependencies = [
+ "pest",
+ "pest_meta",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "pest_meta"
+version = "2.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "89815c69d36021a140146f26659a81d6c2afa33d216d736dd4be5381a7362220"
+dependencies = [
+ "pest",
+ "sha2",
+]
+
+[[package]]
+name = "pin-project-lite"
+version = "0.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3b3cff922bd51709b605d9ead9aa71031d81447142d828eb4a6eba76fe619f9b"
+
+[[package]]
+name = "pin-utils"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184"
+
+[[package]]
+name = "pkcs1"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c8ffb9f10fa047879315e6625af03c164b16962a5368d724ed16323b68ace47f"
+dependencies = [
+ "der",
+ "pkcs8",
+ "spki",
+]
+
+[[package]]
+name = "pkcs8"
+version = "0.10.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f950b2377845cebe5cf8b5165cb3cc1a5e0fa5cfa3e1f7f55707d8fd82e0a7b7"
+dependencies = [
+ "der",
+ "spki",
+]
+
+[[package]]
+name = "pkg-config"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7edddbd0b52d732b21ad9a5fab5c704c14cd949e5e9a1ec5929a24fded1b904c"
+
+[[package]]
+name = "png"
+version = "0.18.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "60769b8b31b2a9f263dae2776c37b1b28ae246943cf719eb6946a1db05128a61"
+dependencies = [
+ "bitflags 2.11.0",
+ "crc32fast",
+ "fdeflate",
+ "flate2",
+ "miniz_oxide",
+]
+
+[[package]]
+name = "portable-atomic"
+version = "1.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c33a9471896f1c69cecef8d20cbe2f7accd12527ce60845ff44c153bb2a21b49"
+
+[[package]]
+name = "potential_utf"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b73949432f5e2a09657003c25bca5e19a0e9c84f8058ca374f49e0ebe605af77"
+dependencies = [
+ "zerovec",
+]
+
+[[package]]
+name = "ppv-lite86"
+version = "0.2.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85eae3c4ed2f50dcfe72643da4befc30deadb458a9b590d720cde2f2b1e97da9"
+dependencies = [
+ "zerocopy",
+]
+
+[[package]]
+name = "predicates"
+version = "3.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ada8f2932f28a27ee7b70dd6c1c39ea0675c55a36879ab92f3a715eaa1e63cfe"
+dependencies = [
+ "anstyle",
+ "difflib",
+ "predicates-core",
+]
+
+[[package]]
+name = "predicates-core"
+version = "1.0.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cad38746f3166b4031b1a0d39ad9f954dd291e7854fcc0eed52ee41a0b50d144"
+
+[[package]]
+name = "predicates-tree"
+version = "1.0.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d0de1b847b39c8131db0467e9df1ff60e6d0562ab8e9a16e568ad0fdb372e2f2"
+dependencies = [
+ "predicates-core",
+ "termtree",
+]
+
+[[package]]
+name = "prettyplease"
+version = "0.2.37"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "479ca8adacdd7ce8f1fb39ce9ecccbfe93a3f1344b3d0d97f20bc0196208f62b"
+dependencies = [
+ "proc-macro2",
+ "syn",
+]
+
+[[package]]
+name = "proc-macro2"
+version = "1.0.106"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8fd00f0bb2e90d81d1044c2b32617f68fcb9fa3bb7640c23e9c748e53fb30934"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "pxfm"
+version = "0.1.27"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7186d3822593aa4393561d186d1393b3923e9d6163d3fbfd6e825e3e6cf3e6a8"
+dependencies = [
+ "num-traits",
+]
+
+[[package]]
+name = "quanta"
+version = "0.12.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f3ab5a9d756f0d97bdc89019bd2e4ea098cf9cde50ee7564dde6b81ccc8f06c7"
+dependencies = [
+ "crossbeam-utils",
+ "libc",
+ "once_cell",
+ "raw-cpuid",
+ "wasi",
+ "web-sys",
+ "winapi",
+]
+
+[[package]]
+name = "quick-error"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a993555f31e5a609f617c12db6250dedcac1b0a85076912c436e6fc9b2c8e6a3"
+
+[[package]]
+name = "quinn"
+version = "0.11.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9e20a958963c291dc322d98411f541009df2ced7b5a4f2bd52337638cfccf20"
+dependencies = [
+ "bytes",
+ "cfg_aliases",
+ "pin-project-lite",
+ "quinn-proto",
+ "quinn-udp",
+ "rustc-hash 2.1.1",
+ "rustls",
+ "socket2",
+ "thiserror 2.0.18",
+ "tokio",
+ "tracing",
+ "web-time",
+]
+
+[[package]]
+name = "quinn-proto"
+version = "0.11.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f1906b49b0c3bc04b5fe5d86a77925ae6524a19b816ae38ce1e426255f1d8a31"
+dependencies = [
+ "bytes",
+ "getrandom 0.3.4",
+ "lru-slab",
+ "rand 0.9.2",
+ "ring",
+ "rustc-hash 2.1.1",
+ "rustls",
+ "rustls-pki-types",
+ "slab",
+ "thiserror 2.0.18",
+ "tinyvec",
+ "tracing",
+ "web-time",
+]
+
+[[package]]
+name = "quinn-udp"
+version = "0.5.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "addec6a0dcad8a8d96a771f815f0eaf55f9d1805756410b39f5fa81332574cbd"
+dependencies = [
+ "cfg_aliases",
+ "libc",
+ "once_cell",
+ "socket2",
+ "tracing",
+ "windows-sys 0.60.2",
+]
+
+[[package]]
+name = "quote"
+version = "1.0.44"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "21b2ebcf727b7760c461f091f9f0f539b77b8e87f2fd88131e7f1b433b3cece4"
+dependencies = [
+ "proc-macro2",
+]
+
+[[package]]
+name = "r-efi"
+version = "5.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "69cdb34c158ceb288df11e18b4bd39de994f6657d83847bdffdbd7f346754b0f"
+
+[[package]]
+name = "rand"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34af8d1a0e25924bc5b7c43c079c942339d8f0a8b57c39049bef581b46327404"
+dependencies = [
+ "libc",
+ "rand_chacha 0.3.1",
+ "rand_core 0.6.4",
+]
+
+[[package]]
+name = "rand"
+version = "0.9.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6db2770f06117d490610c7488547d543617b21bfa07796d7a12f6f1bd53850d1"
+dependencies = [
+ "rand_chacha 0.9.0",
+ "rand_core 0.9.5",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6c10a63a0fa32252be49d21e7709d4d4baf8d231c2dbce1eaa8141b9b127d88"
+dependencies = [
+ "ppv-lite86",
+ "rand_core 0.6.4",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3022b5f1df60f26e1ffddd6c66e8aa15de382ae63b3a0c1bfc0e4d3e3f325cb"
+dependencies = [
+ "ppv-lite86",
+ "rand_core 0.9.5",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.6.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec0be4795e2f6a28069bec0b5ff3e2ac9bafc99e6a9a7dc3547996c5c816922c"
+dependencies = [
+ "getrandom 0.2.17",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.9.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "76afc826de14238e6e8c374ddcc1fa19e374fd8dd986b0d2af0d02377261d83c"
+dependencies = [
+ "getrandom 0.3.4",
+]
+
+[[package]]
+name = "raw-cpuid"
+version = "11.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "498cd0dc59d73224351ee52a95fee0f1a617a2eae0e7d9d720cc622c73a54186"
+dependencies = [
+ "bitflags 2.11.0",
+]
+
+[[package]]
+name = "redox_syscall"
+version = "0.5.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ed2bf2547551a7053d6fdfafda3f938979645c44812fbfcda098faae3f1a362d"
+dependencies = [
+ "bitflags 2.11.0",
+]
+
+[[package]]
+name = "redox_syscall"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6d94dd2f7cd932d4dc02cc8b2b50dfd38bd079a4e5d79198b99743d7fcf9a4b4"
+dependencies = [
+ "bitflags 2.11.0",
+]
+
+[[package]]
+name = "regex"
+version = "1.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e10754a14b9137dd7b1e3e5b0493cc9171fdd105e0ab477f51b72e7f3ac0e276"
+dependencies = [
+ "aho-corasick",
+ "memchr",
+ "regex-automata",
+ "regex-syntax",
+]
+
+[[package]]
+name = "regex-automata"
+version = "0.4.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6e1dd4122fc1595e8162618945476892eefca7b88c52820e74af6262213cae8f"
+dependencies = [
+ "aho-corasick",
+ "memchr",
+ "regex-syntax",
+]
+
+[[package]]
+name = "regex-syntax"
+version = "0.8.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc897dd8d9e8bd1ed8cdad82b5966c3e0ecae09fb1907d58efaa013543185d0a"
+
+[[package]]
+name = "reqwest"
+version = "0.12.28"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eddd3ca559203180a307f12d114c268abf583f59b03cb906fd0b3ff8646c1147"
+dependencies = [
+ "base64 0.22.1",
+ "bytes",
+ "futures-core",
+ "futures-util",
+ "http",
+ "http-body",
+ "http-body-util",
+ "hyper",
+ "hyper-rustls",
+ "hyper-util",
+ "js-sys",
+ "log",
+ "mime_guess",
+ "percent-encoding",
+ "pin-project-lite",
+ "quinn",
+ "rustls",
+ "rustls-pki-types",
+ "serde",
+ "serde_json",
+ "serde_urlencoded",
+ "sync_wrapper",
+ "tokio",
+ "tokio-rustls",
+ "tokio-util",
+ "tower",
+ "tower-http",
+ "tower-service",
+ "url",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "wasm-streams",
+ "web-sys",
+ "webpki-roots",
+]
+
+[[package]]
+name = "reqwest-eventsource"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "632c55746dbb44275691640e7b40c907c16a2dc1a5842aa98aaec90da6ec6bde"
+dependencies = [
+ "eventsource-stream",
+ "futures-core",
+ "futures-timer",
+ "mime",
+ "nom",
+ "pin-project-lite",
+ "reqwest",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "ring"
+version = "0.17.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a4689e6c2294d81e88dc6261c768b63bc4fcdb852be6d1352498b114f61383b7"
+dependencies = [
+ "cc",
+ "cfg-if",
+ "getrandom 0.2.17",
+ "libc",
+ "untrusted",
+ "windows-sys 0.52.0",
+]
+
+[[package]]
+name = "ron"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "88073939a61e5b7680558e6be56b419e208420c2adb92be54921fa6b72283f1a"
+dependencies = [
+ "base64 0.13.1",
+ "bitflags 1.3.2",
+ "serde",
+]
+
+[[package]]
+name = "rsa"
+version = "0.9.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b8573f03f5883dcaebdfcf4725caa1ecb9c15b2ef50c43a07b816e06799bb12d"
+dependencies = [
+ "const-oid",
+ "digest",
+ "num-bigint-dig",
+ "num-integer",
+ "num-traits",
+ "pkcs1",
+ "pkcs8",
+ "rand_core 0.6.4",
+ "signature",
+ "spki",
+ "subtle",
+ "zeroize",
+]
+
+[[package]]
+name = "rust-ini"
+version = "0.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f6d5f2436026b4f6e79dc829837d467cc7e9a55ee40e750d716713540715a2df"
+dependencies = [
+ "cfg-if",
+ "ordered-multimap",
+]
+
+[[package]]
+name = "rustc-hash"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "08d43f7aa6b08d49f382cde6a7982047c3426db949b1424bc4b7ec9ae12c6ce2"
+
+[[package]]
+name = "rustc-hash"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "357703d41365b4b27c590e3ed91eabb1b663f07c4c084095e60cbed4362dff0d"
+
+[[package]]
+name = "rustix"
+version = "1.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6fe4565b9518b83ef4f91bb47ce29620ca828bd32cb7e408f0062e9930ba190"
+dependencies = [
+ "bitflags 2.11.0",
+ "errno",
+ "libc",
+ "linux-raw-sys",
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "rustls"
+version = "0.23.37"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "758025cb5fccfd3bc2fd74708fd4682be41d99e5dff73c377c0646c6012c73a4"
+dependencies = [
+ "once_cell",
+ "ring",
+ "rustls-pki-types",
+ "rustls-webpki",
+ "subtle",
+ "zeroize",
+]
+
+[[package]]
+name = "rustls-pki-types"
+version = "1.14.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be040f8b0a225e40375822a563fa9524378b9d63112f53e19ffff34df5d33fdd"
+dependencies = [
+ "web-time",
+ "zeroize",
+]
+
+[[package]]
+name = "rustls-webpki"
+version = "0.103.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d7df23109aa6c1567d1c575b9952556388da57401e4ace1d15f79eedad0d8f53"
+dependencies = [
+ "ring",
+ "rustls-pki-types",
+ "untrusted",
+]
+
+[[package]]
+name = "rustversion"
+version = "1.0.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b39cdef0fa800fc44525c84ccb54a029961a8215f9619753635a9c0d2538d46d"
+
+[[package]]
+name = "ryu"
+version = "1.0.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9774ba4a74de5f7b1c1451ed6cd5285a32eddb5cccb8cc655a4e50009e06477f"
+
+[[package]]
+name = "scopeguard"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
+
+[[package]]
+name = "secrecy"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e891af845473308773346dc847b2c23ee78fe442e0472ac50e22a18a93d3ae5a"
+dependencies = [
+ "serde",
+ "zeroize",
+]
+
+[[package]]
+name = "semver"
+version = "1.0.27"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d767eb0aabc880b29956c35734170f26ed551a859dbd361d140cdbeca61ab1e2"
+
+[[package]]
+name = "serde"
+version = "1.0.228"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9a8e94ea7f378bd32cbbd37198a4a91436180c5bb472411e48b5ec2e2124ae9e"
+dependencies = [
+ "serde_core",
+ "serde_derive",
+]
+
+[[package]]
+name = "serde_core"
+version = "1.0.228"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "41d385c7d4ca58e59fc732af25c3983b67ac852c1a25000afe1175de458b67ad"
+dependencies = [
+ "serde_derive",
+]
+
+[[package]]
+name = "serde_derive"
+version = "1.0.228"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d540f220d3187173da220f885ab66608367b6574e925011a9353e4badda91d79"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "serde_json"
+version = "1.0.149"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "83fc039473c5595ace860d8c4fafa220ff474b3fc6bfdb4293327f1a37e94d86"
+dependencies = [
+ "itoa",
+ "memchr",
+ "serde",
+ "serde_core",
+ "zmij",
+]
+
+[[package]]
+name = "serde_path_to_error"
+version = "0.1.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "10a9ff822e371bb5403e391ecd83e182e0e77ba7f6fe0160b795797109d1b457"
+dependencies = [
+ "itoa",
+ "serde",
+ "serde_core",
+]
+
+[[package]]
+name = "serde_spanned"
+version = "0.6.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf41e0cfaf7226dca15e8197172c295a782857fcb97fad1808a166870dee75a3"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "serde_urlencoded"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3491c14715ca2294c4d6a88f15e84739788c1d030eed8c110436aafdaa2f3fd"
+dependencies = [
+ "form_urlencoded",
+ "itoa",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "sha1"
+version = "0.10.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3bf829a2d51ab4a5ddf1352d8470c140cadc8301b2ae1789db023f01cedd6ba"
+dependencies = [
+ "cfg-if",
+ "cpufeatures",
+ "digest",
+]
+
+[[package]]
+name = "sha2"
+version = "0.10.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a7507d819769d01a365ab707794a4084392c824f54a7a6a7862f8c3d0892b283"
+dependencies = [
+ "cfg-if",
+ "cpufeatures",
+ "digest",
+]
+
+[[package]]
+name = "sharded-slab"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f40ca3c46823713e0d4209592e8d6e826aa57e928f09752619fc696c499637f6"
+dependencies = [
+ "lazy_static",
+]
+
+[[package]]
+name = "shlex"
+version = "1.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fda2ff0d084019ba4d7c6f371c95d8fd75ce3524c3cb8fb653a3023f6323e64"
+
+[[package]]
+name = "signal-hook-registry"
+version = "1.4.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c4db69cba1110affc0e9f7bcd48bbf87b3f4fc7c61fc9155afd4c469eb3d6c1b"
+dependencies = [
+ "errno",
+ "libc",
+]
+
+[[package]]
+name = "signature"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77549399552de45a898a580c1b41d445bf730df867cc44e6c0233bbc4b8329de"
+dependencies = [
+ "digest",
+ "rand_core 0.6.4",
+]
+
+[[package]]
+name = "simd-adler32"
+version = "0.3.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e320a6c5ad31d271ad523dcf3ad13e2767ad8b1cb8f047f75a8aeaf8da139da2"
+
+[[package]]
+name = "similar"
+version = "2.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bbbb5d9659141646ae647b42fe094daf6c6192d1620870b449d9557f748b2daa"
+
+[[package]]
+name = "slab"
+version = "0.4.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0c790de23124f9ab44544d7ac05d60440adc586479ce501c1d6d7da3cd8c9cf5"
+
+[[package]]
+name = "smallvec"
+version = "1.15.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "67b1b7a3b5fe4f1376887184045fcf45c69e92af734b7aaddc05fb777b6fbd03"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "socket2"
+version = "0.6.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "86f4aa3ad99f2088c990dfa82d367e19cb29268ed67c574d10d0a4bfe71f07e0"
+dependencies = [
+ "libc",
+ "windows-sys 0.60.2",
+]
+
+[[package]]
+name = "spin"
+version = "0.9.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6980e8d7511241f8acf4aebddbb1ff938df5eebe98691418c4468d0b72a96a67"
+dependencies = [
+ "lock_api",
+]
+
+[[package]]
+name = "spinning_top"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d96d2d1d716fb500937168cc09353ffdc7a012be8475ac7308e1bdf0e3923300"
+dependencies = [
+ "lock_api",
+]
+
+[[package]]
+name = "spki"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d91ed6c858b01f942cd56b37a94b3e0a1798290327d1236e4d9cf4eaca44d29d"
+dependencies = [
+ "base64ct",
+ "der",
+]
+
+[[package]]
+name = "sqlx"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fefb893899429669dcdd979aff487bd78f4064e5e7907e4269081e0ef7d97dc"
+dependencies = [
+ "sqlx-core",
+ "sqlx-macros",
+ "sqlx-mysql",
+ "sqlx-postgres",
+ "sqlx-sqlite",
+]
+
+[[package]]
+name = "sqlx-core"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ee6798b1838b6a0f69c007c133b8df5866302197e404e8b6ee8ed3e3a5e68dc6"
+dependencies = [
+ "base64 0.22.1",
+ "bytes",
+ "chrono",
+ "crc",
+ "crossbeam-queue",
+ "either",
+ "event-listener",
+ "futures-core",
+ "futures-intrusive",
+ "futures-io",
+ "futures-util",
+ "hashbrown 0.15.5",
+ "hashlink",
+ "indexmap",
+ "log",
+ "memchr",
+ "once_cell",
+ "percent-encoding",
+ "serde",
+ "serde_json",
+ "sha2",
+ "smallvec",
+ "thiserror 2.0.18",
+ "tokio",
+ "tokio-stream",
+ "tracing",
+ "url",
+]
+
+[[package]]
+name = "sqlx-macros"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a2d452988ccaacfbf5e0bdbc348fb91d7c8af5bee192173ac3636b5fb6e6715d"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "sqlx-core",
+ "sqlx-macros-core",
+ "syn",
+]
+
+[[package]]
+name = "sqlx-macros-core"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "19a9c1841124ac5a61741f96e1d9e2ec77424bf323962dd894bdb93f37d5219b"
+dependencies = [
+ "dotenvy",
+ "either",
+ "heck",
+ "hex",
+ "once_cell",
+ "proc-macro2",
+ "quote",
+ "serde",
+ "serde_json",
+ "sha2",
+ "sqlx-core",
+ "sqlx-mysql",
+ "sqlx-postgres",
+ "sqlx-sqlite",
+ "syn",
+ "tokio",
+ "url",
+]
+
+[[package]]
+name = "sqlx-mysql"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa003f0038df784eb8fecbbac13affe3da23b45194bd57dba231c8f48199c526"
+dependencies = [
+ "atoi",
+ "base64 0.22.1",
+ "bitflags 2.11.0",
+ "byteorder",
+ "bytes",
+ "chrono",
+ "crc",
+ "digest",
+ "dotenvy",
+ "either",
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-util",
+ "generic-array",
+ "hex",
+ "hkdf",
+ "hmac",
+ "itoa",
+ "log",
+ "md-5",
+ "memchr",
+ "once_cell",
+ "percent-encoding",
+ "rand 0.8.5",
+ "rsa",
+ "serde",
+ "sha1",
+ "sha2",
+ "smallvec",
+ "sqlx-core",
+ "stringprep",
+ "thiserror 2.0.18",
+ "tracing",
+ "whoami",
+]
+
+[[package]]
+name = "sqlx-postgres"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "db58fcd5a53cf07c184b154801ff91347e4c30d17a3562a635ff028ad5deda46"
+dependencies = [
+ "atoi",
+ "base64 0.22.1",
+ "bitflags 2.11.0",
+ "byteorder",
+ "chrono",
+ "crc",
+ "dotenvy",
+ "etcetera",
+ "futures-channel",
+ "futures-core",
+ "futures-util",
+ "hex",
+ "hkdf",
+ "hmac",
+ "home",
+ "itoa",
+ "log",
+ "md-5",
+ "memchr",
+ "once_cell",
+ "rand 0.8.5",
+ "serde",
+ "serde_json",
+ "sha2",
+ "smallvec",
+ "sqlx-core",
+ "stringprep",
+ "thiserror 2.0.18",
+ "tracing",
+ "whoami",
+]
+
+[[package]]
+name = "sqlx-sqlite"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c2d12fe70b2c1b4401038055f90f151b78208de1f9f89a7dbfd41587a10c3eea"
+dependencies = [
+ "atoi",
+ "chrono",
+ "flume",
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-intrusive",
+ "futures-util",
+ "libsqlite3-sys",
+ "log",
+ "percent-encoding",
+ "serde",
+ "serde_urlencoded",
+ "sqlx-core",
+ "thiserror 2.0.18",
+ "tracing",
+ "url",
+]
+
+[[package]]
+name = "stable_deref_trait"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ce2be8dc25455e1f91df71bfa12ad37d7af1092ae736f3a6cd0e37bc7810596"
+
+[[package]]
+name = "stringprep"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7b4df3d392d81bd458a8a621b8bffbd2302a12ffe288a9d931670948749463b1"
+dependencies = [
+ "unicode-bidi",
+ "unicode-normalization",
+ "unicode-properties",
+]
+
+[[package]]
+name = "strsim"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7da8b5736845d9f2fcb837ea5d9e2628564b3b043a70948a3f0b778838c5fb4f"
+
+[[package]]
+name = "subtle"
+version = "2.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13c2bddecc57b384dee18652358fb23172facb8a2c51ccc10d74c157bdea3292"
+
+[[package]]
+name = "syn"
+version = "2.0.117"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e665b8803e7b1d2a727f4023456bbbbe74da67099c585258af0ad9c5013b9b99"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "sync_wrapper"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0bf256ce5efdfa370213c1dabab5935a12e49f2c58d15e9eac2870d3b4f27263"
+dependencies = [
+ "futures-core",
+]
+
+[[package]]
+name = "synstructure"
+version = "0.13.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "728a70f3dbaf5bab7f0c4b1ac8d7ae5ea60a4b5549c8a5914361c99147a709d2"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "tempfile"
+version = "3.26.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "82a72c767771b47409d2345987fda8628641887d5466101319899796367354a0"
+dependencies = [
+ "fastrand",
+ "getrandom 0.4.1",
+ "once_cell",
+ "rustix",
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "termtree"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f50febec83f5ee1df3015341d8bd429f2d1cc62bcba7ea2076759d315084683"
+
+[[package]]
+name = "thiserror"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6aaf5339b578ea85b50e080feb250a3e8ae8cfcdff9a461c9ec2904bc923f52"
+dependencies = [
+ "thiserror-impl 1.0.69",
+]
+
+[[package]]
+name = "thiserror"
+version = "2.0.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4288b5bcbc7920c07a1149a35cf9590a2aa808e0bc1eafaade0b80947865fbc4"
+dependencies = [
+ "thiserror-impl 2.0.18",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4fee6c4efc90059e10f81e6d42c60a18f76588c3d74cb83a0b242a2b6c7504c1"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "2.0.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ebc4ee7f67670e9b64d05fa4253e753e016c6c95ff35b89b7941d6b856dec1d5"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "thread_local"
+version = "1.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f60246a4944f24f6e018aa17cdeffb7818b76356965d03b07d6a9886e8962185"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "tiktoken-rs"
+version = "0.9.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3a19830747d9034cd9da43a60eaa8e552dfda7712424aebf187b7a60126bae0d"
+dependencies = [
+ "anyhow",
+ "base64 0.22.1",
+ "bstr",
+ "fancy-regex",
+ "lazy_static",
+ "regex",
+ "rustc-hash 1.1.0",
+]
+
+[[package]]
+name = "tinystr"
+version = "0.8.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "42d3e9c45c09de15d06dd8acf5f4e0e399e85927b7f00711024eb7ae10fa4869"
+dependencies = [
+ "displaydoc",
+ "zerovec",
+]
+
+[[package]]
+name = "tinyvec"
+version = "1.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfa5fdc3bce6191a1dbc8c02d5c8bffcf557bafa17c124c5264a458f1b0613fa"
+dependencies = [
+ "tinyvec_macros",
+]
+
+[[package]]
+name = "tinyvec_macros"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1f3ccbac311fea05f86f61904b462b55fb3df8837a366dfc601a0161d0532f20"
+
+[[package]]
+name = "tokio"
+version = "1.49.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72a2903cd7736441aac9df9d7688bd0ce48edccaadf181c3b90be801e81d3d86"
+dependencies = [
+ "bytes",
+ "libc",
+ "mio",
+ "parking_lot",
+ "pin-project-lite",
+ "signal-hook-registry",
+ "socket2",
+ "tokio-macros",
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "tokio-macros"
+version = "2.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af407857209536a95c8e56f8231ef2c2e2aff839b22e07a1ffcbc617e9db9fa5"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "tokio-rustls"
+version = "0.26.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1729aa945f29d91ba541258c8df89027d5792d85a8841fb65e8bf0f4ede4ef61"
+dependencies = [
+ "rustls",
+ "tokio",
+]
+
+[[package]]
+name = "tokio-stream"
+version = "0.1.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32da49809aab5c3bc678af03902d4ccddea2a87d028d86392a4b1560c6906c70"
+dependencies = [
+ "futures-core",
+ "pin-project-lite",
+ "tokio",
+]
+
+[[package]]
+name = "tokio-test"
+version = "0.4.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f6d24790a10a7af737693a3e8f1d03faef7e6ca0cc99aae5066f533766de545"
+dependencies = [
+ "futures-core",
+ "tokio",
+ "tokio-stream",
+]
+
+[[package]]
+name = "tokio-tungstenite"
+version = "0.28.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d25a406cddcc431a75d3d9afc6a7c0f7428d4891dd973e4d54c56b46127bf857"
+dependencies = [
+ "futures-util",
+ "log",
+ "tokio",
+ "tungstenite",
+]
+
+[[package]]
+name = "tokio-util"
+version = "0.7.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9ae9cec805b01e8fc3fd2fe289f89149a9b66dd16786abd8b19cfa7b48cb0098"
+dependencies = [
+ "bytes",
+ "futures-core",
+ "futures-sink",
+ "pin-project-lite",
+ "tokio",
+]
+
+[[package]]
+name = "toml"
+version = "0.5.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f4f7f0dd8d50a853a531c426359045b1998f04219d88799810762cd4ad314234"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "toml"
+version = "0.8.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc1beb996b9d83529a9e75c17a1686767d148d70663143c7854d8b4a09ced362"
+dependencies = [
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_edit",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22cddaf88f4fbc13c51aebbf5f8eceb5c7c5a9da2ac40a13519eb5b0a0e8f11c"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.22.27"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "41fe8c660ae4257887cf66394862d21dbca4a6ddd26f04a3560410406a2f819a"
+dependencies = [
+ "indexmap",
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_write",
+ "winnow",
+]
+
+[[package]]
+name = "toml_write"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d99f8c9a7727884afe522e9bd5edbfc91a3312b36a77b5fb8926e4c31a41801"
+
+[[package]]
+name = "tower"
+version = "0.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ebe5ef63511595f1344e2d5cfa636d973292adc0eec1f0ad45fae9f0851ab1d4"
+dependencies = [
+ "futures-core",
+ "futures-util",
+ "pin-project-lite",
+ "sync_wrapper",
+ "tokio",
+ "tower-layer",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "tower-http"
+version = "0.6.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d4e6559d53cc268e5031cd8429d05415bc4cb4aefc4aa5d6cc35fbf5b924a1f8"
+dependencies = [
+ "async-compression",
+ "bitflags 2.11.0",
+ "bytes",
+ "futures-core",
+ "futures-util",
+ "http",
+ "http-body",
+ "http-body-util",
+ "http-range-header",
+ "httpdate",
+ "iri-string",
+ "mime",
+ "mime_guess",
+ "percent-encoding",
+ "pin-project-lite",
+ "tokio",
+ "tokio-util",
+ "tower",
+ "tower-layer",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "tower-layer"
+version = "0.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "121c2a6cda46980bb0fcd1647ffaf6cd3fc79a013de288782836f6df9c48780e"
+
+[[package]]
+name = "tower-service"
+version = "0.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8df9b6e13f2d32c91b9bd719c00d1958837bc7dec474d94952798cc8e69eeec3"
+
+[[package]]
+name = "tracing"
+version = "0.1.44"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "63e71662fa4b2a2c3a26f570f037eb95bb1f85397f3cd8076caed2f026a6d100"
+dependencies = [
+ "log",
+ "pin-project-lite",
+ "tracing-attributes",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-attributes"
+version = "0.1.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7490cfa5ec963746568740651ac6781f701c9c5ea257c58e057f3ba8cf69e8da"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "tracing-core"
+version = "0.1.36"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "db97caf9d906fbde555dd62fa95ddba9eecfd14cb388e4f491a66d74cd5fb79a"
+dependencies = [
+ "once_cell",
+ "valuable",
+]
+
+[[package]]
+name = "tracing-log"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ee855f1f400bd0e5c02d150ae5de3840039a3f54b025156404e34c23c03f47c3"
+dependencies = [
+ "log",
+ "once_cell",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-serde"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "704b1aeb7be0d0a84fc9828cae51dab5970fee5088f83d1dd7ee6f6246fc6ff1"
+dependencies = [
+ "serde",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-subscriber"
+version = "0.3.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2f30143827ddab0d256fd843b7a66d164e9f271cfa0dde49142c5ca0ca291f1e"
+dependencies = [
+ "matchers",
+ "nu-ansi-term",
+ "once_cell",
+ "regex-automata",
+ "serde",
+ "serde_json",
+ "sharded-slab",
+ "smallvec",
+ "thread_local",
+ "tracing",
+ "tracing-core",
+ "tracing-log",
+ "tracing-serde",
+]
+
+[[package]]
+name = "try-lock"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e421abadd41a4225275504ea4d6566923418b7f05506fbc9c0fe86ba7396114b"
+
+[[package]]
+name = "tungstenite"
+version = "0.28.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8628dcc84e5a09eb3d8423d6cb682965dea9133204e8fb3efee74c2a0c259442"
+dependencies = [
+ "bytes",
+ "data-encoding",
+ "http",
+ "httparse",
+ "log",
+ "rand 0.9.2",
+ "sha1",
+ "thiserror 2.0.18",
+ "utf-8",
+]
+
+[[package]]
+name = "typenum"
+version = "1.19.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "562d481066bde0658276a35467c4af00bdc6ee726305698a55b86e61d7ad82bb"
+
+[[package]]
+name = "ucd-trie"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2896d95c02a80c6d6a5d6e953d479f5ddf2dfdb6a244441010e373ac0fb88971"
+
+[[package]]
+name = "unicase"
+version = "2.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dbc4bc3a9f746d862c45cb89d705aa10f187bb96c76001afab07a0d35ce60142"
+
+[[package]]
+name = "unicode-bidi"
+version = "0.3.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c1cb5db39152898a79168971543b1cb5020dff7fe43c8dc468b0885f5e29df5"
+
+[[package]]
+name = "unicode-ident"
+version = "1.0.24"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6e4313cd5fcd3dad5cafa179702e2b244f760991f45397d14d4ebf38247da75"
+
+[[package]]
+name = "unicode-normalization"
+version = "0.1.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5fd4f6878c9cb28d874b009da9e8d183b5abc80117c40bbd187a1fde336be6e8"
+dependencies = [
+ "tinyvec",
+]
+
+[[package]]
+name = "unicode-properties"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7df058c713841ad818f1dc5d3fd88063241cc61f49f5fbea4b951e8cf5a8d71d"
+
+[[package]]
+name = "unicode-xid"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ebc1c04c71510c7f702b52b7c350734c9ff1295c464a03335b00bb84fc54f853"
+
+[[package]]
+name = "untrusted"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ecb6da28b8a351d773b68d5825ac39017e680750f980f3a1a85cd8dd28a47c1"
+
+[[package]]
+name = "url"
+version = "2.5.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ff67a8a4397373c3ef660812acab3268222035010ab8680ec4215f38ba3d0eed"
+dependencies = [
+ "form_urlencoded",
+ "idna",
+ "percent-encoding",
+ "serde",
+]
+
+[[package]]
+name = "utf-8"
+version = "0.7.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09cc8ee72d2a9becf2f2febe0205bbed8fc6615b7cb429ad062dc7b7ddd036a9"
+
+[[package]]
+name = "utf8_iter"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6c140620e7ffbb22c2dee59cafe6084a59b5ffc27a8859a5f0d494b5d52b6be"
+
+[[package]]
+name = "uuid"
+version = "1.21.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b672338555252d43fd2240c714dc444b8c6fb0a5c5335e65a07bba7742735ddb"
+dependencies = [
+ "getrandom 0.4.1",
+ "js-sys",
+ "serde_core",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "valuable"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ba73ea9cf16a25df0c8caa16c51acb937d5712a8429db78a3ee29d5dcacd3a65"
+
+[[package]]
+name = "vcpkg"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "accd4ea62f7bb7a82fe23066fb0957d48ef677f6eeb8215f372f52e48bb32426"
+
+[[package]]
+name = "version_check"
+version = "0.9.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
+
+[[package]]
+name = "wait-timeout"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09ac3b126d3914f9849036f826e054cbabdc8519970b8998ddaf3b5bd3c65f11"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "want"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfa7760aed19e106de2c7c0b581b509f2f25d3dacaf737cb82ac61bc6d760b0e"
+dependencies = [
+ "try-lock",
+]
+
+[[package]]
+name = "wasi"
+version = "0.11.1+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ccf3ec651a847eb01de73ccad15eb7d99f80485de043efb2f370cd654f4ea44b"
+
+[[package]]
+name = "wasip2"
+version = "1.0.2+wasi-0.2.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9517f9239f02c069db75e65f174b3da828fe5f5b945c4dd26bd25d89c03ebcf5"
+dependencies = [
+ "wit-bindgen",
+]
+
+[[package]]
+name = "wasip3"
+version = "0.4.0+wasi-0.3.0-rc-2026-01-06"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5428f8bf88ea5ddc08faddef2ac4a67e390b88186c703ce6dbd955e1c145aca5"
+dependencies = [
+ "wit-bindgen",
+]
+
+[[package]]
+name = "wasite"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b8dad83b4f25e74f184f64c43b150b91efe7647395b42289f38e50566d82855b"
+
+[[package]]
+name = "wasm-bindgen"
+version = "0.2.113"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "60722a937f594b7fde9adb894d7c092fc1bb6612897c46368d18e7a20208eff2"
+dependencies = [
+ "cfg-if",
+ "once_cell",
+ "rustversion",
+ "wasm-bindgen-macro",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-futures"
+version = "0.4.63"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a89f4650b770e4521aa6573724e2aed4704372151bd0de9d16a3bbabb87441a"
+dependencies = [
+ "cfg-if",
+ "futures-util",
+ "js-sys",
+ "once_cell",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "wasm-bindgen-macro"
+version = "0.2.113"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fac8c6395094b6b91c4af293f4c79371c163f9a6f56184d2c9a85f5a95f3950"
+dependencies = [
+ "quote",
+ "wasm-bindgen-macro-support",
+]
+
+[[package]]
+name = "wasm-bindgen-macro-support"
+version = "0.2.113"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ab3fabce6159dc20728033842636887e4877688ae94382766e00b180abac9d60"
+dependencies = [
+ "bumpalo",
+ "proc-macro2",
+ "quote",
+ "syn",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-shared"
+version = "0.2.113"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "de0e091bdb824da87dc01d967388880d017a0a9bc4f3bdc0d86ee9f9336e3bb5"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "wasm-encoder"
+version = "0.244.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "990065f2fe63003fe337b932cfb5e3b80e0b4d0f5ff650e6985b1048f62c8319"
+dependencies = [
+ "leb128fmt",
+ "wasmparser",
+]
+
+[[package]]
+name = "wasm-metadata"
+version = "0.244.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bb0e353e6a2fbdc176932bbaab493762eb1255a7900fe0fea1a2f96c296cc909"
+dependencies = [
+ "anyhow",
+ "indexmap",
+ "wasm-encoder",
+ "wasmparser",
+]
+
+[[package]]
+name = "wasm-streams"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "15053d8d85c7eccdbefef60f06769760a563c7f0a9d6902a13d35c7800b0ad65"
+dependencies = [
+ "futures-util",
+ "js-sys",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "wasmparser"
+version = "0.244.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "47b807c72e1bac69382b3a6fb3dbe8ea4c0ed87ff5629b8685ae6b9a611028fe"
+dependencies = [
+ "bitflags 2.11.0",
+ "hashbrown 0.15.5",
+ "indexmap",
+ "semver",
+]
+
+[[package]]
+name = "web-sys"
+version = "0.3.90"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "705eceb4ce901230f8625bd1d665128056ccbe4b7408faa625eec1ba80f59a97"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "web-time"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5a6580f308b1fad9207618087a65c04e7a10bc77e02c8e84e9b00dd4b12fa0bb"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "webpki-roots"
+version = "1.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22cfaf3c063993ff62e73cb4311efde4db1efb31ab78a3e5c457939ad5cc0bed"
+dependencies = [
+ "rustls-pki-types",
+]
+
+[[package]]
+name = "whoami"
+version = "1.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d4a4db5077702ca3015d3d02d74974948aba2ad9e12ab7df718ee64ccd7e97d"
+dependencies = [
+ "libredox",
+ "wasite",
+]
+
+[[package]]
+name = "winapi"
+version = "0.3.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c839a674fcd7a98952e593242ea400abe93992746761e38641405d28b00f419"
+dependencies = [
+ "winapi-i686-pc-windows-gnu",
+ "winapi-x86_64-pc-windows-gnu",
+]
+
+[[package]]
+name = "winapi-i686-pc-windows-gnu"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ac3b87c63620426dd9b991e5ce0329eff545bccbbb34f3be09ff6fb6ab51b7b6"
+
+[[package]]
+name = "winapi-x86_64-pc-windows-gnu"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
+
+[[package]]
+name = "windows-core"
+version = "0.62.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b8e83a14d34d0623b51dce9581199302a221863196a1dde71a7663a4c2be9deb"
+dependencies = [
+ "windows-implement",
+ "windows-interface",
+ "windows-link",
+ "windows-result",
+ "windows-strings",
+]
+
+[[package]]
+name = "windows-implement"
+version = "0.60.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "053e2e040ab57b9dc951b72c264860db7eb3b0200ba345b4e4c3b14f67855ddf"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "windows-interface"
+version = "0.59.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f316c4a2570ba26bbec722032c4099d8c8bc095efccdc15688708623367e358"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "windows-link"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f0805222e57f7521d6a62e36fa9163bc891acd422f971defe97d64e70d0a4fe5"
+
+[[package]]
+name = "windows-result"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7781fa89eaf60850ac3d2da7af8e5242a5ea78d1a11c49bf2910bb5a73853eb5"
+dependencies = [
+ "windows-link",
+]
+
+[[package]]
+name = "windows-strings"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7837d08f69c77cf6b07689544538e017c1bfcf57e34b4c0ff58e6c2cd3b37091"
+dependencies = [
+ "windows-link",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.48.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "677d2418bec65e3338edb076e806bc1ec15693c5d0104683f2efe857f61056a9"
+dependencies = [
+ "windows-targets 0.48.5",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.52.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "282be5f36a8ce781fad8c8ae18fa3f9beff57ec1b52cb3de0789201425d9a33d"
+dependencies = [
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.59.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e38bc4d79ed67fd075bcc251a1c39b32a1776bbe92e5bef1f0bf1f8c531853b"
+dependencies = [
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.60.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f2f500e4d28234f72040990ec9d39e3a6b950f9f22d3dba18416c35882612bcb"
+dependencies = [
+ "windows-targets 0.53.5",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.61.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ae137229bcbd6cdf0f7b80a31df61766145077ddf49416a728b02cb3921ff3fc"
+dependencies = [
+ "windows-link",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9a2fa6e2155d7247be68c096456083145c183cbbbc2764150dda45a87197940c"
+dependencies = [
+ "windows_aarch64_gnullvm 0.48.5",
+ "windows_aarch64_msvc 0.48.5",
+ "windows_i686_gnu 0.48.5",
+ "windows_i686_msvc 0.48.5",
+ "windows_x86_64_gnu 0.48.5",
+ "windows_x86_64_gnullvm 0.48.5",
+ "windows_x86_64_msvc 0.48.5",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b724f72796e036ab90c1021d4780d4d3d648aca59e491e6b98e725b84e99973"
+dependencies = [
+ "windows_aarch64_gnullvm 0.52.6",
+ "windows_aarch64_msvc 0.52.6",
+ "windows_i686_gnu 0.52.6",
+ "windows_i686_gnullvm 0.52.6",
+ "windows_i686_msvc 0.52.6",
+ "windows_x86_64_gnu 0.52.6",
+ "windows_x86_64_gnullvm 0.52.6",
+ "windows_x86_64_msvc 0.52.6",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.53.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4945f9f551b88e0d65f3db0bc25c33b8acea4d9e41163edf90dcd0b19f9069f3"
+dependencies = [
+ "windows-link",
+ "windows_aarch64_gnullvm 0.53.1",
+ "windows_aarch64_msvc 0.53.1",
+ "windows_i686_gnu 0.53.1",
+ "windows_i686_gnullvm 0.53.1",
+ "windows_i686_msvc 0.53.1",
+ "windows_x86_64_gnu 0.53.1",
+ "windows_x86_64_gnullvm 0.53.1",
+ "windows_x86_64_msvc 0.53.1",
+]
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2b38e32f0abccf9987a4e3079dfb67dcd799fb61361e53e2882c3cbaf0d905d8"
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.53.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a9d8416fa8b42f5c947f8482c43e7d89e73a173cead56d044f6a56104a6d1b53"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc35310971f3b2dbbf3f0690a219f40e2d9afcf64f9ab7cc1be722937c26b4bc"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.53.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9d782e804c2f632e395708e99a94275910eb9100b2114651e04744e9b125006"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a75915e7def60c94dcef72200b9a8e58e5091744960da64ec734a6c6e9b3743e"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.53.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "960e6da069d81e09becb0ca57a65220ddff016ff2d6af6a223cf372a506593a3"
+
+[[package]]
+name = "windows_i686_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"
+
+[[package]]
+name = "windows_i686_gnullvm"
+version = "0.53.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fa7359d10048f68ab8b09fa71c3daccfb0e9b559aed648a8f95469c27057180c"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f55c233f70c4b27f66c523580f78f1004e8b5a8b659e05a4eb49d4166cca406"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.53.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e7ac75179f18232fe9c285163565a57ef8d3c89254a30685b57d83a38d326c2"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "53d40abd2583d23e4718fddf1ebec84dbff8381c07cae67ff7768bbf19c6718e"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.53.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c3842cdd74a865a8066ab39c8a7a473c0778a3f29370b5fd6b4b9aa7df4a499"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b7b52767868a23d5bab768e390dc5f5c55825b6d30b86c844ff2dc7414044cc"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.53.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0ffa179e2d07eee8ad8f57493436566c7cc30ac536a3379fdf008f47f6bb7ae1"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ed94fce61571a4006852b7389a063ab983c02eb1bb37b47f8272ce92d06d9538"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.53.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d6bbff5f0aada427a1e5a6da5f1f98158182f26556f345ac9e04d36d0ebed650"
+
+[[package]]
+name = "winnow"
+version = "0.7.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5a5364e9d77fcdeeaa6062ced926ee3381faa2ee02d3eb83a5c27a8825540829"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "wit-bindgen"
+version = "0.51.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d7249219f66ced02969388cf2bb044a09756a083d0fab1e566056b04d9fbcaa5"
+dependencies = [
+ "wit-bindgen-rust-macro",
+]
+
+[[package]]
+name = "wit-bindgen-core"
+version = "0.51.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ea61de684c3ea68cb082b7a88508a8b27fcc8b797d738bfc99a82facf1d752dc"
+dependencies = [
+ "anyhow",
+ "heck",
+ "wit-parser",
+]
+
+[[package]]
+name = "wit-bindgen-rust"
+version = "0.51.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b7c566e0f4b284dd6561c786d9cb0142da491f46a9fbed79ea69cdad5db17f21"
+dependencies = [
+ "anyhow",
+ "heck",
+ "indexmap",
+ "prettyplease",
+ "syn",
+ "wasm-metadata",
+ "wit-bindgen-core",
+ "wit-component",
+]
+
+[[package]]
+name = "wit-bindgen-rust-macro"
+version = "0.51.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0c0f9bfd77e6a48eccf51359e3ae77140a7f50b1e2ebfe62422d8afdaffab17a"
+dependencies = [
+ "anyhow",
+ "prettyplease",
+ "proc-macro2",
+ "quote",
+ "syn",
+ "wit-bindgen-core",
+ "wit-bindgen-rust",
+]
+
+[[package]]
+name = "wit-component"
+version = "0.244.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9d66ea20e9553b30172b5e831994e35fbde2d165325bec84fc43dbf6f4eb9cb2"
+dependencies = [
+ "anyhow",
+ "bitflags 2.11.0",
+ "indexmap",
+ "log",
+ "serde",
+ "serde_derive",
+ "serde_json",
+ "wasm-encoder",
+ "wasm-metadata",
+ "wasmparser",
+ "wit-parser",
+]
+
+[[package]]
+name = "wit-parser"
+version = "0.244.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ecc8ac4bc1dc3381b7f59c34f00b67e18f910c2c0f50015669dde7def656a736"
+dependencies = [
+ "anyhow",
+ "id-arena",
+ "indexmap",
+ "log",
+ "semver",
+ "serde",
+ "serde_derive",
+ "serde_json",
+ "unicode-xid",
+ "wasmparser",
+]
+
+[[package]]
+name = "writeable"
+version = "0.6.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9edde0db4769d2dc68579893f2306b26c6ecfbe0ef499b013d731b7b9247e0b9"
+
+[[package]]
+name = "yaml-rust"
+version = "0.4.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56c1936c4cc7a1c9ab21a1ebb602eb942ba868cbd44a99cb7cdc5892335e1c85"
+dependencies = [
+ "linked-hash-map",
+]
+
+[[package]]
+name = "yoke"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72d6e5c6afb84d73944e5cedb052c4680d5657337201555f9f2a16b7406d4954"
+dependencies = [
+ "stable_deref_trait",
+ "yoke-derive",
+ "zerofrom",
+]
+
+[[package]]
+name = "yoke-derive"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b659052874eb698efe5b9e8cf382204678a0086ebf46982b79d6ca3182927e5d"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "synstructure",
+]
+
+[[package]]
+name = "zerocopy"
+version = "0.8.39"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "db6d35d663eadb6c932438e763b262fe1a70987f9ae936e60158176d710cae4a"
+dependencies = [
+ "zerocopy-derive",
+]
+
+[[package]]
+name = "zerocopy-derive"
+version = "0.8.39"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4122cd3169e94605190e77839c9a40d40ed048d305bfdc146e7df40ab0f3e517"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "zerofrom"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "50cc42e0333e05660c3587f3bf9d0478688e15d870fab3346451ce7f8c9fbea5"
+dependencies = [
+ "zerofrom-derive",
+]
+
+[[package]]
+name = "zerofrom-derive"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d71e5d6e06ab090c67b5e44993ec16b72dcbaabc526db883a360057678b48502"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "synstructure",
+]
+
+[[package]]
+name = "zeroize"
+version = "1.8.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b97154e67e32c85465826e8bcc1c59429aaaf107c1e4a9e53c8d8ccd5eff88d0"
+
+[[package]]
+name = "zerotrie"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2a59c17a5562d507e4b54960e8569ebee33bee890c70aa3fe7b97e85a9fd7851"
+dependencies = [
+ "displaydoc",
+ "yoke",
+ "zerofrom",
+]
+
+[[package]]
+name = "zerovec"
+version = "0.11.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6c28719294829477f525be0186d13efa9a3c602f7ec202ca9e353d310fb9a002"
+dependencies = [
+ "yoke",
+ "zerofrom",
+ "zerovec-derive",
+]
+
+[[package]]
+name = "zerovec-derive"
+version = "0.11.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eadce39539ca5cb3985590102671f2567e659fca9666581ad3411d59207951f3"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "zmij"
+version = "1.0.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b8848ee67ecc8aedbaf3e4122217aff892639231befc6a1b58d29fff4c2cabaa"
+
+[[package]]
+name = "zune-core"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cb8a0807f7c01457d0379ba880ba6322660448ddebc890ce29bb64da71fb40f9"
+
+[[package]]
+name = "zune-jpeg"
+version = "0.5.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "410e9ecef634c709e3831c2cfdb8d9c32164fae1c67496d5b68fff728eec37fe"
+dependencies = [
+ "zune-core",
+]
diff --git a/Cargo.toml b/Cargo.toml
new file mode 100644
index 00000000..e2366f34
--- /dev/null
+++ b/Cargo.toml
@@ -0,0 +1,75 @@
+[package]
+name = "llm-proxy"
+version = "0.1.0"
+edition = "2024"
+description = "Unified LLM proxy gateway supporting OpenAI, Gemini, DeepSeek, and Grok with token tracking and cost calculation"
+authors = ["newkirk"]
+license = "MIT OR Apache-2.0"
+repository = ""
+
+[dependencies]
+# ========== Web Framework & Async Runtime ==========
+axum = { version = "0.8", features = ["macros", "ws"] }
+tokio = { version = "1.0", features = ["rt-multi-thread", "macros", "net", "time", "signal", "fs"] }
+tower = "0.5"
+tower-http = { version = "0.6", features = ["trace", "cors", "compression-gzip", "fs"] }
+
+# ========== HTTP Clients ==========
+reqwest = { version = "0.12", default-features = false, features = ["json", "stream", "rustls-tls"] }
+async-openai = { version = "0.33", default-features = false, features = ["_api", "chat-completion"] }
+tiktoken-rs = "0.9"
+
+# ========== Database & ORM ==========
+sqlx = { version = "0.8", features = ["runtime-tokio", "sqlite", "macros", "migrate", "chrono"] }
+
+# ========== Authentication & Middleware ==========
+axum-extra = { version = "0.12", features = ["typed-header"] }
+headers = "0.4"
+
+# ========== Configuration Management ==========
+config = "0.13"
+dotenvy = "0.15"
+serde = { version = "1.0", features = ["derive"] }
+serde_json = "1.0"
+toml = "0.8"
+
+# ========== Logging & Monitoring ==========
+tracing = "0.1"
+tracing-subscriber = { version = "0.3", features = ["env-filter", "json"] }
+
+# ========== Multimodal & Image Processing ==========
+base64 = "0.21"
+image = { version = "0.25", default-features = false, features = ["jpeg", "png", "webp"] }
+mime = "0.3"
+mime_guess = "2.0"
+
+# ========== Error Handling & Utilities ==========
+anyhow = "1.0"
+thiserror = "1.0"
+chrono = { version = "0.4", features = ["serde"] }
+uuid = { version = "1.0", features = ["v4", "serde"] }
+futures = "0.3"
+async-trait = "0.1"
+async-stream = "0.3"
+reqwest-eventsource = "0.6"
+once_cell = "1.19"
+regex = "1.10"
+rand = "0.8"
+
+# ========== Rate Limiting & Circuit Breaking ==========
+governor = "0.6"
+
+[dev-dependencies]
+tokio-test = "0.4"
+mockito = "1.0"
+tempfile = "3.10"
+assert_cmd = "2.0"
+insta = "1.39"
+anyhow = "1.0"
+
+[profile.release]
+opt-level = 3
+lto = true
+codegen-units = 1
+strip = true
+panic = "abort"
diff --git a/DASHBOARD_README.md b/DASHBOARD_README.md
new file mode 100644
index 00000000..f72394fd
--- /dev/null
+++ b/DASHBOARD_README.md
@@ -0,0 +1,207 @@
+# LLM Proxy Gateway - Admin Dashboard
+
+## Overview
+
+This is a comprehensive admin dashboard for the LLM Proxy Gateway, providing real-time monitoring, analytics, and management capabilities for the proxy service.
+
+## Features
+
+### 1. **Dashboard Overview**
+- Real-time request counters and statistics
+- System health indicators
+- Provider status monitoring
+- Recent requests stream
+
+### 2. **Usage Analytics**
+- Time series charts for requests, tokens, and costs
+- Filter by date range, client, provider, and model
+- Top clients and models analysis
+- Export functionality to CSV/JSON
+
+### 3. **Cost Management**
+- Cost breakdown by provider, client, and model
+- Budget tracking with alerts
+- Cost projections
+- Pricing configuration management
+
+### 4. **Client Management**
+- List, create, revoke, and rotate API tokens
+- Client-specific rate limits
+- Usage statistics per client
+- Token management interface
+
+### 5. **Provider Configuration**
+- Enable/disable LLM providers
+- Configure API keys (masked display)
+- Test provider connections
+- Model availability management
+
+### 6. **Real-time Monitoring**
+- Live request stream via WebSocket
+- System metrics dashboard
+- Response time and error rate tracking
+- Live system logs
+
+### 7. **System Settings**
+- General configuration
+- Database management
+- Logging settings
+- Security settings
+
+## Technology Stack
+
+### Frontend
+- **HTML5/CSS3**: Modern, responsive design with CSS Grid/Flexbox
+- **JavaScript (ES6+)**: Vanilla JavaScript with modular architecture
+- **Chart.js**: Interactive data visualizations
+- **Luxon**: Date/time manipulation
+- **WebSocket API**: Real-time updates
+
+### Backend (Rust/Axum)
+- **Axum**: Web framework with WebSocket support
+- **Tokio**: Async runtime
+- **Serde**: JSON serialization/deserialization
+- **Broadcast channels**: Real-time event distribution
+
+## Installation & Setup
+
+### 1. Build and Run the Server
+```bash
+# Build the project
+cargo build --release
+
+# Run the server
+cargo run --release
+```
+
+### 2. Access the Dashboard
+Once the server is running, access the dashboard at:
+```
+http://localhost:8080
+```
+
+### 3. Default Login Credentials
+- **Username**: `admin`
+- **Password**: `admin123`
+
+## API Endpoints
+
+### Authentication
+- `POST /api/auth/login` - Dashboard login
+- `GET /api/auth/status` - Authentication status
+
+### Analytics
+- `GET /api/usage/summary` - Overall usage summary
+- `GET /api/usage/time-series` - Time series data
+- `GET /api/usage/clients` - Client breakdown
+- `GET /api/usage/providers` - Provider breakdown
+
+### Clients
+- `GET /api/clients` - List all clients
+- `POST /api/clients` - Create new client
+- `DELETE /api/clients/{id}` - Revoke client
+- `GET /api/clients/{id}/usage` - Client-specific usage
+
+### Providers
+- `GET /api/providers` - List providers and status
+- `PUT /api/providers/{name}` - Update provider config
+- `POST /api/providers/{name}/test` - Test provider connection
+
+### System
+- `GET /api/system/health` - System health
+- `GET /api/system/logs` - Recent logs
+- `POST /api/system/backup` - Trigger backup
+
+### WebSocket
+- `GET /ws` - WebSocket endpoint for real-time updates
+
+## Project Structure
+
+```
+llm-proxy/
+├── src/
+│   ├── dashboard/          # Dashboard backend module
+│   │   └── mod.rs         # Dashboard routes and handlers
+│   ├── server/            # Main proxy server
+│   ├── providers/         # LLM provider implementations
+│   └── ...               # Other modules
+├── static/               # Frontend dashboard files
+│   ├── index.html        # Main dashboard HTML
+│   ├── css/
+│   │   └── dashboard.css # Dashboard styles
+│   ├── js/
+│   │   ├── auth.js       # Authentication module
+│   │   ├── dashboard.js  # Main dashboard controller
+│   │   ├── websocket.js  # WebSocket manager
+│   │   ├── charts.js     # Chart.js utilities
+│   │   └── pages/        # Page-specific modules
+│   │       ├── overview.js
+│   │       ├── analytics.js
+│   │       ├── costs.js
+│   │       ├── clients.js
+│   │       ├── providers.js
+│   │       ├── monitoring.js
+│   │       ├── settings.js
+│   │       └── logs.js
+│   ├── img/              # Images and icons
+│   └── fonts/            # Font files
+└── Cargo.toml           # Rust dependencies
+```
+
+## Development
+
+### Adding New Pages
+1. Create a new JavaScript module in `static/js/pages/`
+2. Implement the page class with `init()` method
+3. Register the page in `dashboard.js`
+4. Add menu item in `index.html`
+
+### Adding New API Endpoints
+1. Add route in `src/dashboard/mod.rs`
+2. Implement handler function
+3. Update frontend JavaScript to call the endpoint
+
+### Styling Guidelines
+- Use CSS custom properties (variables) from `:root`
+- Follow mobile-first responsive design
+- Use BEM-like naming convention for CSS classes
+- Maintain consistent spacing with CSS variables
+
+## Security Considerations
+
+1. **Authentication**: Simple password-based auth for demo; replace with proper auth in production
+2. **API Keys**: Tokens are masked in the UI (only last 4 characters shown)
+3. **CORS**: Configure appropriate CORS headers for production
+4. **Rate Limiting**: Implement rate limiting for API endpoints
+5. **HTTPS**: Always use HTTPS in production
+
+## Performance Optimizations
+
+1. **Code Splitting**: JavaScript modules are loaded on-demand
+2. **Caching**: Static assets are served with cache headers
+3. **WebSocket**: Real-time updates reduce polling overhead
+4. **Lazy Loading**: Charts and tables load data as needed
+5. **Compression**: Enable gzip/brotli compression for static files
+
+## Browser Support
+
+- Chrome 60+
+- Firefox 55+
+- Safari 11+
+- Edge 79+
+
+## License
+
+MIT License - See LICENSE file for details.
+
+## Contributing
+
+1. Fork the repository
+2. Create a feature branch
+3. Make your changes
+4. Add tests if applicable
+5. Submit a pull request
+
+## Support
+
+For issues and feature requests, please use the GitHub issue tracker.
\ No newline at end of file
diff --git a/OPTIMIZATION.md b/OPTIMIZATION.md
new file mode 100644
index 00000000..a21b01b6
--- /dev/null
+++ b/OPTIMIZATION.md
@@ -0,0 +1,232 @@
+# Optimization for 512MB RAM Environment
+
+This document provides guidance for optimizing the LLM Proxy Gateway for deployment in resource-constrained environments (512MB RAM).
+
+## Memory Optimization Strategies
+
+### 1. Build Optimization
+
+The project is already configured with optimized build settings in `Cargo.toml`:
+
+```toml
+[profile.release]
+opt-level = 3      # Maximum optimization
+lto = true         # Link-time optimization
+codegen-units = 1  # Single codegen unit for better optimization
+strip = true       # Strip debug symbols
+```
+
+**Additional optimizations you can apply:**
+
+```bash
+# Build with specific target for better optimization
+cargo build --release --target x86_64-unknown-linux-musl
+
+# Or for ARM (Raspberry Pi, etc.)
+cargo build --release --target aarch64-unknown-linux-musl
+```
+
+### 2. Runtime Memory Management
+
+#### Database Connection Pool
+- Default: 10 connections
+- Recommended for 512MB: 5 connections
+
+Update `config.toml`:
+```toml
+[database]
+max_connections = 5
+```
+
+#### Rate Limiting Memory Usage
+- Client rate limit buckets: Store in memory
+- Circuit breakers: Minimal memory usage
+- Consider reducing burst capacity if memory is critical
+
+#### Provider Management
+- Only enable providers you actually use
+- Disable unused providers in configuration
+
+### 3. Configuration for Low Memory
+
+Create a `config-low-memory.toml`:
+
+```toml
+[server]
+port = 8080
+host = "0.0.0.0"
+
+[database]
+path = "./data/llm_proxy.db"
+max_connections = 3  # Reduced from default 10
+
+[providers]
+# Only enable providers you need
+openai.enabled = true
+gemini.enabled = false  # Disable if not used
+deepseek.enabled = false  # Disable if not used
+grok.enabled = false  # Disable if not used
+
+[rate_limiting]
+# Reduce memory usage for rate limiting
+client_requests_per_minute = 30  # Reduced from 60
+client_burst_size = 5  # Reduced from 10
+global_requests_per_minute = 300  # Reduced from 600
+```
+
+### 4. System-Level Optimizations
+
+#### Linux Kernel Parameters
+Add to `/etc/sysctl.conf`:
+```bash
+# Reduce TCP buffer sizes
+net.ipv4.tcp_rmem = 4096 87380 174760
+net.ipv4.tcp_wmem = 4096 65536 131072
+
+# Reduce connection tracking
+net.netfilter.nf_conntrack_max = 65536
+net.netfilter.nf_conntrack_tcp_timeout_established = 1200
+
+# Reduce socket buffer sizes
+net.core.rmem_max = 131072
+net.core.wmem_max = 131072
+net.core.rmem_default = 65536
+net.core.wmem_default = 65536
+```
+
+#### Systemd Service Configuration
+Create `/etc/systemd/system/llm-proxy.service`:
+```ini
+[Unit]
+Description=LLM Proxy Gateway
+After=network.target
+
+[Service]
+Type=simple
+User=llmproxy
+Group=llmproxy
+WorkingDirectory=/opt/llm-proxy
+ExecStart=/opt/llm-proxy/llm-proxy
+Restart=on-failure
+RestartSec=5
+
+# Memory limits
+MemoryMax=400M
+MemorySwapMax=100M
+
+# CPU limits
+CPUQuota=50%
+
+# Process limits
+LimitNOFILE=65536
+LimitNPROC=512
+
+Environment="RUST_LOG=info"
+Environment="LLM_PROXY__DATABASE__MAX_CONNECTIONS=3"
+
+[Install]
+WantedBy=multi-user.target
+```
+
+### 5. Application-Specific Optimizations
+
+#### Disable Unused Features
+- **Multimodal support**: If not using images, disable image processing dependencies
+- **Dashboard**: The dashboard uses WebSockets and additional memory. Consider disabling if not needed.
+- **Detailed logging**: Reduce log verbosity in production
+
+#### Memory Pool Sizes
+The application uses several memory pools:
+1. **Database connection pool**: Configured via `max_connections`
+2. **HTTP client pool**: Reqwest client pool (defaults to reasonable values)
+3. **Async runtime**: Tokio worker threads
+
+Reduce Tokio worker threads for low-core systems:
+```rust
+// In main.rs, modify tokio runtime creation
+#[tokio::main(flavor = "current_thread")]  // Single-threaded runtime
+async fn main() -> Result<()> {
+    // Or for multi-threaded with limited threads:
+    // #[tokio::main(worker_threads = 2)]
+```
+
+### 6. Monitoring and Profiling
+
+#### Memory Usage Monitoring
+```bash
+# Install heaptrack for memory profiling
+cargo install heaptrack
+
+# Profile memory usage
+heaptrack ./target/release/llm-proxy
+
+# Monitor with ps
+ps aux --sort=-%mem | head -10
+
+# Monitor with top
+top -p $(pgrep llm-proxy)
+```
+
+#### Performance Benchmarks
+Test with different configurations:
+```bash
+# Test with 100 concurrent connections
+wrk -t4 -c100 -d30s http://localhost:8080/health
+
+# Test chat completion endpoint
+ab -n 1000 -c 10 -p test_request.json -T application/json http://localhost:8080/v1/chat/completions
+```
+
+### 7. Deployment Checklist for 512MB RAM
+
+- [ ] Build with release profile: `cargo build --release`
+- [ ] Configure database with `max_connections = 3`
+- [ ] Disable unused providers in configuration
+- [ ] Set appropriate rate limiting limits
+- [ ] Configure systemd with memory limits
+- [ ] Set up log rotation to prevent disk space issues
+- [ ] Monitor memory usage during initial deployment
+- [ ] Consider using swap space (512MB-1GB) for safety
+
+### 8. Troubleshooting High Memory Usage
+
+#### Common Issues and Solutions:
+
+1. **Database connection leaks**: Ensure connections are properly closed
+2. **Memory fragmentation**: Use jemalloc or mimalloc as allocator
+3. **Unbounded queues**: Check WebSocket message queues
+4. **Cache growth**: Implement cache limits or TTL
+
+#### Add to Cargo.toml for alternative allocator:
+```toml
+[dependencies]
+mimalloc = { version = "0.1", default-features = false }
+
+[features]
+default = ["mimalloc"]
+```
+
+#### In main.rs:
+```rust
+#[global_allocator]
+static GLOBAL: mimalloc::MiMalloc = mimalloc::MiMalloc;
+```
+
+### 9. Expected Memory Usage
+
+| Component | Baseline | With 10 clients | With 100 clients |
+|-----------|----------|-----------------|------------------|
+| Base executable | 15MB | 15MB | 15MB |
+| Database connections | 5MB | 8MB | 15MB |
+| Rate limiting | 2MB | 5MB | 20MB |
+| HTTP clients | 3MB | 5MB | 10MB |
+| **Total** | **25MB** | **33MB** | **60MB** |
+
+**Note**: These are estimates. Actual usage depends on request volume, payload sizes, and configuration.
+
+### 10. Further Reading
+
+- [Tokio performance guide](https://tokio.rs/tokio/topics/performance)
+- [Rust performance book](https://nnethercote.github.io/perf-book/)
+- [Linux memory management](https://www.kernel.org/doc/html/latest/admin-guide/mm/)
+- [SQLite performance tips](https://www.sqlite.org/faq.html#q19)
\ No newline at end of file
diff --git a/deploy.sh b/deploy.sh
new file mode 100755
index 00000000..865d220d
--- /dev/null
+++ b/deploy.sh
@@ -0,0 +1,610 @@
+#!/bin/bash
+
+# LLM Proxy Gateway Deployment Script
+# This script automates the deployment of the LLM Proxy Gateway on a Linux server
+
+set -e  # Exit on error
+set -u  # Exit on undefined variable
+
+# Configuration
+APP_NAME="llm-proxy"
+APP_USER="llmproxy"
+APP_GROUP="llmproxy"
+INSTALL_DIR="/opt/$APP_NAME"
+CONFIG_DIR="/etc/$APP_NAME"
+DATA_DIR="/var/lib/$APP_NAME"
+LOG_DIR="/var/log/$APP_NAME"
+SERVICE_FILE="/etc/systemd/system/$APP_NAME.service"
+ENV_FILE="$CONFIG_DIR/.env"
+
+# Colors for output
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+NC='\033[0m' # No Color
+
+# Logging functions
+log_info() {
+    echo -e "${GREEN}[INFO]${NC} $1"
+}
+
+log_warn() {
+    echo -e "${YELLOW}[WARN]${NC} $1"
+}
+
+log_error() {
+    echo -e "${RED}[ERROR]${NC} $1"
+}
+
+# Check if running as root
+check_root() {
+    if [[ $EUID -ne 0 ]]; then
+        log_error "This script must be run as root"
+        exit 1
+    fi
+}
+
+# Install system dependencies
+install_dependencies() {
+    log_info "Installing system dependencies..."
+    
+    # Detect package manager
+    if command -v apt-get &> /dev/null; then
+        # Debian/Ubuntu
+        apt-get update
+        apt-get install -y \
+            build-essential \
+            pkg-config \
+            libssl-dev \
+            sqlite3 \
+            curl \
+            git
+    elif command -v yum &> /dev/null; then
+        # RHEL/CentOS
+        yum groupinstall -y "Development Tools"
+        yum install -y \
+            openssl-devel \
+            sqlite \
+            curl \
+            git
+    elif command -v dnf &> /dev/null; then
+        # Fedora
+        dnf groupinstall -y "Development Tools"
+        dnf install -y \
+            openssl-devel \
+            sqlite \
+            curl \
+            git
+    elif command -v pacman &> /dev/null; then
+        # Arch Linux
+        pacman -Syu --noconfirm \
+            base-devel \
+            openssl \
+            sqlite \
+            curl \
+            git
+    else
+        log_warn "Could not detect package manager. Please install dependencies manually."
+    fi
+}
+
+# Install Rust if not present
+install_rust() {
+    log_info "Checking for Rust installation..."
+    
+    if ! command -v rustc &> /dev/null; then
+        log_info "Installing Rust..."
+        curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
+        source "$HOME/.cargo/env"
+    else
+        log_info "Rust is already installed"
+    fi
+    
+    # Verify installation
+    rustc --version
+    cargo --version
+}
+
+# Create system user and directories
+setup_directories() {
+    log_info "Creating system user and directories..."
+    
+    # Create user and group if they don't exist
+    if ! id "$APP_USER" &>/dev/null; then
+        useradd -r -s /usr/sbin/nologin -M "$APP_USER"
+    fi
+    
+    # Create directories
+    mkdir -p "$INSTALL_DIR"
+    mkdir -p "$CONFIG_DIR"
+    mkdir -p "$DATA_DIR"
+    mkdir -p "$LOG_DIR"
+    
+    # Set permissions
+    chown -R "$APP_USER:$APP_GROUP" "$INSTALL_DIR"
+    chown -R "$APP_USER:$APP_GROUP" "$CONFIG_DIR"
+    chown -R "$APP_USER:$APP_GROUP" "$DATA_DIR"
+    chown -R "$APP_USER:$APP_GROUP" "$LOG_DIR"
+    
+    chmod 750 "$INSTALL_DIR"
+    chmod 750 "$CONFIG_DIR"
+    chmod 750 "$DATA_DIR"
+    chmod 750 "$LOG_DIR"
+}
+
+# Build the application
+build_application() {
+    log_info "Building the application..."
+    
+    # Clone or update repository
+    if [[ ! -d "$INSTALL_DIR/.git" ]]; then
+        log_info "Cloning repository..."
+        git clone https://github.com/yourusername/llm-proxy.git "$INSTALL_DIR"
+    else
+        log_info "Updating repository..."
+        cd "$INSTALL_DIR"
+        git pull
+    fi
+    
+    # Build in release mode
+    cd "$INSTALL_DIR"
+    log_info "Building release binary..."
+    cargo build --release
+    
+    # Verify build
+    if [[ -f "target/release/$APP_NAME" ]]; then
+        log_info "Build successful"
+    else
+        log_error "Build failed"
+        exit 1
+    fi
+}
+
+# Create configuration files
+create_configuration() {
+    log_info "Creating configuration files..."
+    
+    # Create .env file with API keys
+    cat > "$ENV_FILE" << EOF
+# LLM Proxy Gateway Environment Variables
+# Add your API keys here
+
+# OpenAI API Key
+# OPENAI_API_KEY=sk-your-key-here
+
+# Google Gemini API Key
+# GEMINI_API_KEY=AIza-your-key-here
+
+# DeepSeek API Key
+# DEEPSEEK_API_KEY=sk-your-key-here
+
+# xAI Grok API Key
+# GROK_API_KEY=gk-your-key-here
+
+# Authentication tokens (comma-separated)
+# LLM_PROXY__SERVER__AUTH_TOKENS=token1,token2,token3
+EOF
+    
+    # Create config.toml
+    cat > "$CONFIG_DIR/config.toml" << EOF
+# LLM Proxy Gateway Configuration
+
+[server]
+port = 8080
+host = "0.0.0.0"
+# auth_tokens = ["token1", "token2", "token3"]  # Uncomment to enable authentication
+
+[database]
+path = "$DATA_DIR/llm_proxy.db"
+max_connections = 5
+
+[providers.openai]
+enabled = true
+api_key_env = "OPENAI_API_KEY"
+base_url = "https://api.openai.com/v1"
+default_model = "gpt-4o"
+
+[providers.gemini]
+enabled = true
+api_key_env = "GEMINI_API_KEY"
+base_url = "https://generativelanguage.googleapis.com/v1"
+default_model = "gemini-2.0-flash"
+
+[providers.deepseek]
+enabled = true
+api_key_env = "DEEPSEEK_API_KEY"
+base_url = "https://api.deepseek.com"
+default_model = "deepseek-reasoner"
+
+[providers.grok]
+enabled = false  # Disabled by default until API is researched
+api_key_env = "GROK_API_KEY"
+base_url = "https://api.x.ai/v1"
+default_model = "grok-beta"
+
+[model_mapping]
+"gpt-*" = "openai"
+"gemini-*" = "gemini"
+"deepseek-*" = "deepseek"
+"grok-*" = "grok"
+
+[pricing]
+openai = { input = 0.01, output = 0.03 }
+gemini = { input = 0.0005, output = 0.0015 }
+deepseek = { input = 0.00014, output = 0.00028 }
+grok = { input = 0.001, output = 0.003 }
+EOF
+    
+    # Set permissions
+    chown "$APP_USER:$APP_GROUP" "$ENV_FILE"
+    chown "$APP_USER:$APP_GROUP" "$CONFIG_DIR/config.toml"
+    chmod 640 "$ENV_FILE"
+    chmod 640 "$CONFIG_DIR/config.toml"
+}
+
+# Create systemd service
+create_systemd_service() {
+    log_info "Creating systemd service..."
+    
+    cat > "$SERVICE_FILE" << EOF
+[Unit]
+Description=LLM Proxy Gateway
+Documentation=https://github.com/yourusername/llm-proxy
+After=network.target
+Wants=network.target
+
+[Service]
+Type=simple
+User=$APP_USER
+Group=$APP_GROUP
+WorkingDirectory=$INSTALL_DIR
+EnvironmentFile=$ENV_FILE
+Environment="RUST_LOG=info"
+Environment="LLM_PROXY__CONFIG_PATH=$CONFIG_DIR/config.toml"
+ExecStart=$INSTALL_DIR/target/release/$APP_NAME
+Restart=on-failure
+RestartSec=5
+
+# Security hardening
+NoNewPrivileges=true
+PrivateTmp=true
+ProtectSystem=strict
+ProtectHome=true
+ReadWritePaths=$DATA_DIR $LOG_DIR
+
+# Resource limits (adjust based on your server)
+MemoryMax=400M
+MemorySwapMax=100M
+CPUQuota=50%
+LimitNOFILE=65536
+
+# Logging
+StandardOutput=journal
+StandardError=journal
+SyslogIdentifier=$APP_NAME
+
+[Install]
+WantedBy=multi-user.target
+EOF
+    
+    # Reload systemd
+    systemctl daemon-reload
+}
+
+# Setup nginx reverse proxy (optional)
+setup_nginx_proxy() {
+    if ! command -v nginx &> /dev/null; then
+        log_warn "nginx not installed. Skipping reverse proxy setup."
+        return
+    fi
+    
+    log_info "Setting up nginx reverse proxy..."
+    
+    cat > "/etc/nginx/sites-available/$APP_NAME" << EOF
+server {
+    listen 80;
+    server_name your-domain.com;  # Change to your domain
+    
+    # Redirect to HTTPS (recommended)
+    return 301 https://\$server_name\$request_uri;
+}
+
+server {
+    listen 443 ssl http2;
+    server_name your-domain.com;  # Change to your domain
+    
+    # SSL certificates (adjust paths)
+    ssl_certificate /etc/letsencrypt/live/your-domain.com/fullchain.pem;
+    ssl_certificate_key /etc/letsencrypt/live/your-domain.com/privkey.pem;
+    
+    # SSL configuration
+    ssl_protocols TLSv1.2 TLSv1.3;
+    ssl_ciphers ECDHE-RSA-AES256-GCM-SHA512:DHE-RSA-AES256-GCM-SHA512:ECDHE-RSA-AES256-GCM-SHA384:DHE-RSA-AES256-GCM-SHA384;
+    ssl_prefer_server_ciphers off;
+    
+    # Proxy to LLM Proxy Gateway
+    location / {
+        proxy_pass http://127.0.0.1:8080;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade \$http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_set_header Host \$host;
+        proxy_set_header X-Real-IP \$remote_addr;
+        proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto \$scheme;
+        
+        # Timeouts
+        proxy_connect_timeout 60s;
+        proxy_send_timeout 60s;
+        proxy_read_timeout 60s;
+    }
+    
+    # Health check endpoint
+    location /health {
+        proxy_pass http://127.0.0.1:8080/health;
+        access_log off;
+    }
+    
+    # Dashboard
+    location /dashboard {
+        proxy_pass http://127.0.0.1:8080/dashboard;
+    }
+}
+EOF
+    
+    # Enable site
+    ln -sf "/etc/nginx/sites-available/$APP_NAME" "/etc/nginx/sites-enabled/"
+    
+    # Test nginx configuration
+    nginx -t
+    
+    log_info "nginx configuration created. Please update the domain and SSL certificate paths."
+}
+
+# Setup firewall
+setup_firewall() {
+    log_info "Configuring firewall..."
+    
+    # Check for ufw (Ubuntu)
+    if command -v ufw &> /dev/null; then
+        ufw allow 22/tcp  # SSH
+        ufw allow 80/tcp  # HTTP
+        ufw allow 443/tcp # HTTPS
+        ufw --force enable
+        log_info "UFW firewall configured"
+    fi
+    
+    # Check for firewalld (RHEL/CentOS)
+    if command -v firewall-cmd &> /dev/null; then
+        firewall-cmd --permanent --add-service=ssh
+        firewall-cmd --permanent --add-service=http
+        firewall-cmd --permanent --add-service=https
+        firewall-cmd --reload
+        log_info "Firewalld configured"
+    fi
+}
+
+# Initialize database
+initialize_database() {
+    log_info "Initializing database..."
+    
+    # Run the application once to create database
+    sudo -u "$APP_USER" "$INSTALL_DIR/target/release/$APP_NAME" --help &> /dev/null || true
+    
+    log_info "Database initialized at $DATA_DIR/llm_proxy.db"
+}
+
+# Start and enable service
+start_service() {
+    log_info "Starting $APP_NAME service..."
+    
+    systemctl enable "$APP_NAME"
+    systemctl start "$APP_NAME"
+    
+    # Check status
+    sleep 2
+    systemctl status "$APP_NAME" --no-pager
+}
+
+# Verify installation
+verify_installation() {
+    log_info "Verifying installation..."
+    
+    # Check if service is running
+    if systemctl is-active --quiet "$APP_NAME"; then
+        log_info "Service is running"
+    else
+        log_error "Service is not running"
+        journalctl -u "$APP_NAME" -n 20 --no-pager
+        exit 1
+    fi
+    
+    # Test health endpoint
+    if curl -s http://localhost:8080/health | grep -q "OK"; then
+        log_info "Health check passed"
+    else
+        log_error "Health check failed"
+        exit 1
+    fi
+    
+    # Test dashboard
+    if curl -s -o /dev/null -w "%{http_code}" http://localhost:8080/dashboard | grep -q "200"; then
+        log_info "Dashboard is accessible"
+    else
+        log_warn "Dashboard may not be accessible (this is normal if not configured)"
+    fi
+    
+    log_info "Installation verified successfully!"
+}
+
+# Print next steps
+print_next_steps() {
+    cat << EOF
+
+${GREEN}=== LLM Proxy Gateway Installation Complete ===${NC}
+
+${YELLOW}Next steps:${NC}
+
+1. ${GREEN}Configure API keys${NC}
+   Edit: $ENV_FILE
+   Add your API keys for the providers you want to use
+
+2. ${GREEN}Configure authentication${NC}
+   Edit: $CONFIG_DIR/config.toml
+   Uncomment and set auth_tokens for client authentication
+
+3. ${GREEN}Configure nginx${NC}
+   Edit: /etc/nginx/sites-available/$APP_NAME
+   Update domain name and SSL certificate paths
+
+4. ${GREEN}Test the API${NC}
+   curl -X POST http://localhost:8080/v1/chat/completions \\
+     -H "Content-Type: application/json" \\
+     -H "Authorization: Bearer your-token" \\
+     -d '{
+       "model": "gpt-4o",
+       "messages": [{"role": "user", "content": "Hello!"}]
+     }'
+
+5. ${GREEN}Access the dashboard${NC}
+   Open: http://your-server-ip:8080/dashboard
+   Or: https://your-domain.com/dashboard (if nginx configured)
+
+${YELLOW}Useful commands:${NC}
+   systemctl status $APP_NAME    # Check service status
+   journalctl -u $APP_NAME -f    # View logs
+   systemctl restart $APP_NAME   # Restart service
+
+${YELLOW}Configuration files:${NC}
+   Service: $SERVICE_FILE
+   Config: $CONFIG_DIR/config.toml
+   Environment: $ENV_FILE
+   Database: $DATA_DIR/llm_proxy.db
+   Logs: $LOG_DIR/
+
+${GREEN}For more information, see:${NC}
+   https://github.com/yourusername/llm-proxy
+   $INSTALL_DIR/README.md
+   $INSTALL_DIR/deployment.md
+
+EOF
+}
+
+# Main deployment function
+deploy() {
+    log_info "Starting LLM Proxy Gateway deployment..."
+    
+    check_root
+    install_dependencies
+    install_rust
+    setup_directories
+    build_application
+    create_configuration
+    create_systemd_service
+    initialize_database
+    start_service
+    verify_installation
+    print_next_steps
+    
+    # Optional steps (uncomment if needed)
+    # setup_nginx_proxy
+    # setup_firewall
+    
+    log_info "Deployment completed successfully!"
+}
+
+# Update function
+update() {
+    log_info "Updating LLM Proxy Gateway..."
+    
+    check_root
+    
+    # Stop service
+    systemctl stop "$APP_NAME"
+    
+    # Update from git
+    cd "$INSTALL_DIR"
+    git pull
+    
+    # Rebuild
+    cargo build --release
+    
+    # Restart service
+    systemctl start "$APP_NAME"
+    
+    log_info "Update completed successfully!"
+    systemctl status "$APP_NAME" --no-pager
+}
+
+# Uninstall function
+uninstall() {
+    log_info "Uninstalling LLM Proxy Gateway..."
+    
+    check_root
+    
+    # Stop and disable service
+    systemctl stop "$APP_NAME" 2>/dev/null || true
+    systemctl disable "$APP_NAME" 2>/dev/null || true
+    rm -f "$SERVICE_FILE"
+    systemctl daemon-reload
+    
+    # Remove application files
+    rm -rf "$INSTALL_DIR"
+    rm -rf "$CONFIG_DIR"
+    
+    # Keep data and logs (comment out to remove)
+    log_warn "Data directory $DATA_DIR and logs $LOG_DIR have been preserved"
+    log_warn "Remove manually if desired:"
+    log_warn "  rm -rf $DATA_DIR $LOG_DIR"
+    
+    # Remove user (optional)
+    read -p "Remove user $APP_USER? [y/N]: " -n 1 -r
+    echo
+    if [[ $REPLY =~ ^[Yy]$ ]]; then
+        userdel "$APP_USER" 2>/dev/null || true
+        groupdel "$APP_GROUP" 2>/dev/null || true
+    fi
+    
+    log_info "Uninstallation completed!"
+}
+
+# Show usage
+usage() {
+    cat << EOF
+LLM Proxy Gateway Deployment Script
+
+Usage: $0 [command]
+
+Commands:
+  deploy     - Install and configure LLM Proxy Gateway
+  update     - Update existing installation
+  uninstall  - Remove LLM Proxy Gateway
+  help       - Show this help message
+
+Examples:
+  $0 deploy     # Full installation
+  $0 update     # Update to latest version
+  $0 uninstall  # Remove installation
+
+EOF
+}
+
+# Parse command line arguments
+case "${1:-}" in
+    deploy)
+        deploy
+        ;;
+    update)
+        update
+        ;;
+    uninstall)
+        uninstall
+        ;;
+    help|--help|-h)
+        usage
+        ;;
+    *)
+        usage
+        exit 1
+        ;;
+esac
\ No newline at end of file
diff --git a/deployment.md b/deployment.md
new file mode 100644
index 00000000..adeb1fea
--- /dev/null
+++ b/deployment.md
@@ -0,0 +1,294 @@
+# LLM Proxy Gateway - Deployment Guide
+
+## Overview
+A unified LLM proxy gateway supporting OpenAI, Google Gemini, DeepSeek, and xAI Grok with token tracking, cost calculation, and admin dashboard.
+
+## System Requirements
+- **CPU**: 2 cores minimum
+- **RAM**: 512MB minimum (1GB recommended)
+- **Storage**: 10GB minimum
+- **OS**: Linux (tested on Arch Linux, Ubuntu, Debian)
+- **Runtime**: Rust 1.70+ with Cargo
+
+## Deployment Options
+
+### Option 1: Docker (Recommended)
+```dockerfile
+FROM rust:1.70-alpine as builder
+WORKDIR /app
+COPY . .
+RUN cargo build --release
+
+FROM alpine:latest
+RUN apk add --no-cache libgcc
+COPY --from=builder /app/target/release/llm-proxy /usr/local/bin/
+COPY --from=builder /app/static /app/static
+WORKDIR /app
+EXPOSE 8080
+CMD ["llm-proxy"]
+```
+
+### Option 2: Systemd Service (Bare Metal/LXC)
+```ini
+# /etc/systemd/system/llm-proxy.service
+[Unit]
+Description=LLM Proxy Gateway
+After=network.target
+
+[Service]
+Type=simple
+User=llmproxy
+Group=llmproxy
+WorkingDirectory=/opt/llm-proxy
+ExecStart=/opt/llm-proxy/llm-proxy
+Restart=always
+RestartSec=10
+Environment="RUST_LOG=info"
+Environment="LLM_PROXY__SERVER__PORT=8080"
+Environment="LLM_PROXY__SERVER__AUTH_TOKENS=sk-test-123,sk-test-456"
+
+[Install]
+WantedBy=multi-user.target
+```
+
+### Option 3: LXC Container (Proxmox)
+1. Create Alpine Linux LXC container
+2. Install Rust: `apk add rust cargo`
+3. Copy application files
+4. Build: `cargo build --release`
+5. Run: `./target/release/llm-proxy`
+
+## Configuration
+
+### Environment Variables
+```bash
+# Required API Keys
+OPENAI_API_KEY=sk-...
+GEMINI_API_KEY=AIza...
+DEEPSEEK_API_KEY=sk-...
+GROK_API_KEY=gk-...  # Optional
+
+# Server Configuration (with LLM_PROXY__ prefix)
+LLM_PROXY__SERVER__PORT=8080
+LLM_PROXY__SERVER__HOST=0.0.0.0
+LLM_PROXY__SERVER__AUTH_TOKENS=sk-test-123,sk-test-456
+
+# Database Configuration
+LLM_PROXY__DATABASE__PATH=./data/llm_proxy.db
+LLM_PROXY__DATABASE__MAX_CONNECTIONS=10
+
+# Provider Configuration
+LLM_PROXY__PROVIDERS__OPENAI__ENABLED=true
+LLM_PROXY__PROVIDERS__GEMINI__ENABLED=true
+LLM_PROXY__PROVIDERS__DEEPSEEK__ENABLED=true
+LLM_PROXY__PROVIDERS__GROK__ENABLED=false
+```
+
+### Configuration File (config.toml)
+Create `config.toml` in the application directory:
+```toml
+[server]
+port = 8080
+host = "0.0.0.0"
+auth_tokens = ["sk-test-123", "sk-test-456"]
+
+[database]
+path = "./data/llm_proxy.db"
+max_connections = 10
+
+[providers.openai]
+enabled = true
+base_url = "https://api.openai.com/v1"
+default_model = "gpt-4o"
+
+[providers.gemini]
+enabled = true
+base_url = "https://generativelanguage.googleapis.com/v1"
+default_model = "gemini-2.0-flash"
+
+[providers.deepseek]
+enabled = true
+base_url = "https://api.deepseek.com"
+default_model = "deepseek-reasoner"
+
+[providers.grok]
+enabled = false
+base_url = "https://api.x.ai/v1"
+default_model = "grok-beta"
+```
+
+## Nginx Reverse Proxy Configuration
+```nginx
+server {
+    listen 80;
+    server_name llm-proxy.yourdomain.com;
+    
+    location / {
+        proxy_pass http://localhost:8080;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_cache_bypass $http_upgrade;
+        
+        # WebSocket support
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+    
+    # SSL configuration (recommended)
+    listen 443 ssl http2;
+    ssl_certificate /etc/letsencrypt/live/llm-proxy.yourdomain.com/fullchain.pem;
+    ssl_certificate_key /etc/letsencrypt/live/llm-proxy.yourdomain.com/privkey.pem;
+}
+```
+
+## Security Considerations
+
+### 1. Authentication
+- Use strong Bearer tokens
+- Rotate tokens regularly
+- Consider implementing JWT for production
+
+### 2. Rate Limiting
+- Implement per-client rate limiting
+- Consider using `governor` crate for advanced rate limiting
+
+### 3. Network Security
+- Run behind reverse proxy (nginx)
+- Enable HTTPS
+- Restrict access by IP if needed
+- Use firewall rules
+
+### 4. Data Security
+- Database encryption (SQLCipher for SQLite)
+- Secure API key storage
+- Regular backups
+
+## Monitoring & Maintenance
+
+### Logging
+- Application logs: `RUST_LOG=info` (or `debug` for troubleshooting)
+- Access logs via nginx
+- Database logs for audit trail
+
+### Health Checks
+```bash
+# Health endpoint
+curl http://localhost:8080/health
+
+# Database check
+sqlite3 ./data/llm_proxy.db "SELECT COUNT(*) FROM llm_requests;"
+```
+
+### Backup Strategy
+```bash
+#!/bin/bash
+# backup.sh
+BACKUP_DIR="/backups/llm-proxy"
+DATE=$(date +%Y%m%d_%H%M%S)
+
+# Backup database
+sqlite3 ./data/llm_proxy.db ".backup $BACKUP_DIR/llm_proxy_$DATE.db"
+
+# Backup configuration
+cp config.toml $BACKUP_DIR/config_$DATE.toml
+
+# Rotate old backups (keep 30 days)
+find $BACKUP_DIR -name "*.db" -mtime +30 -delete
+find $BACKUP_DIR -name "*.toml" -mtime +30 -delete
+```
+
+## Performance Tuning
+
+### Database Optimization
+```sql
+-- Run these SQL commands periodically
+VACUUM;
+ANALYZE;
+```
+
+### Memory Management
+- Monitor memory usage with `htop` or `ps aux`
+- Adjust `max_connections` based on load
+- Consider connection pooling for high traffic
+
+### Scaling
+1. **Vertical Scaling**: Increase container resources
+2. **Horizontal Scaling**: Deploy multiple instances behind load balancer
+3. **Database**: Migrate to PostgreSQL for high-volume usage
+
+## Troubleshooting
+
+### Common Issues
+
+1. **Port already in use**
+   ```bash
+   netstat -tulpn | grep :8080
+   kill <PID>  # or change port in config
+   ```
+
+2. **Database permissions**
+   ```bash
+   chown -R llmproxy:llmproxy /opt/llm-proxy/data
+   chmod 600 /opt/llm-proxy/data/llm_proxy.db
+   ```
+
+3. **API key errors**
+   - Verify environment variables are set
+   - Check provider status (dashboard)
+   - Test connectivity: `curl https://api.openai.com/v1/models`
+
+4. **High memory usage**
+   - Check for memory leaks
+   - Reduce `max_connections`
+   - Implement connection timeouts
+
+### Debug Mode
+```bash
+# Run with debug logging
+RUST_LOG=debug ./llm-proxy
+
+# Check system logs
+journalctl -u llm-proxy -f
+```
+
+## Integration
+
+### Open-WebUI Compatibility
+The proxy provides OpenAI-compatible API, so configure Open-WebUI:
+```
+API Base URL: http://your-proxy-address:8080
+API Key: sk-test-123 (or your configured token)
+```
+
+### Custom Clients
+```python
+import openai
+
+client = openai.OpenAI(
+    base_url="http://localhost:8080/v1",
+    api_key="sk-test-123"
+)
+
+response = client.chat.completions.create(
+    model="gpt-4",
+    messages=[{"role": "user", "content": "Hello"}]
+)
+```
+
+## Updates & Upgrades
+
+1. **Backup** current configuration and database
+2. **Stop** the service: `systemctl stop llm-proxy`
+3. **Update** code: `git pull` or copy new binaries
+4. **Migrate** database if needed (check migrations/)
+5. **Restart**: `systemctl start llm-proxy`
+6. **Verify**: Check logs and test endpoints
+
+## Support
+- Check logs in `/var/log/llm-proxy/`
+- Monitor dashboard at `http://your-server:8080`
+- Review database metrics in dashboard
+- Enable debug logging for troubleshooting
\ No newline at end of file
diff --git a/src/auth/mod.rs b/src/auth/mod.rs
new file mode 100644
index 00000000..3e571f6e
--- /dev/null
+++ b/src/auth/mod.rs
@@ -0,0 +1,46 @@
+use axum::{extract::FromRequestParts, http::request::Parts};
+use axum_extra::headers::Authorization;
+use axum_extra::TypedHeader;
+use headers::authorization::Bearer;
+
+use crate::errors::AppError;
+
+pub struct AuthenticatedClient {
+    pub token: String,
+    pub client_id: String,
+}
+
+impl<S> FromRequestParts<S> for AuthenticatedClient
+where
+    S: Send + Sync,
+{
+    type Rejection = AppError;
+
+    fn from_request_parts(parts: &mut Parts, state: &S) -> impl std::future::Future<Output = Result<Self, Self::Rejection>> + Send {
+        async move {
+            // Extract bearer token from Authorization header
+            let TypedHeader(Authorization(bearer)) =
+                TypedHeader::<Authorization<Bearer>>::from_request_parts(parts, state)
+                    .await
+                    .map_err(|_| AppError::AuthError("Missing or invalid bearer token".to_string()))?;
+
+            let token = bearer.token().to_string();
+            
+            // In a real implementation, we would:
+            // 1. Validate token against database or config
+            // 2. Look up client_id associated with token
+            // 3. Check token permissions/rate limits
+            
+            // For now, use token hash as client_id
+            let client_id = format!("client_{}", &token[..8]);
+            
+            Ok(AuthenticatedClient { token, client_id })
+        }
+    }
+}
+
+pub fn validate_token(token: &str, valid_tokens: &[String]) -> bool {
+    // Simple validation against list of tokens
+    // In production, use proper token validation (JWT, database lookup, etc.)
+    valid_tokens.contains(&token.to_string())
+}
\ No newline at end of file
diff --git a/src/client/mod.rs b/src/client/mod.rs
new file mode 100644
index 00000000..c11ad22c
--- /dev/null
+++ b/src/client/mod.rs
@@ -0,0 +1,310 @@
+//! Client management for LLM proxy
+//!
+//! This module handles:
+//! 1. Client registration and management
+//! 2. Client usage tracking
+//! 3. Client rate limit configuration
+
+use chrono::{DateTime, Utc};
+use serde::{Deserialize, Serialize};
+use sqlx::{SqlitePool, Row};
+use anyhow::Result;
+use tracing::{info, warn};
+
+/// Client information
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct Client {
+    pub id: i64,
+    pub client_id: String,
+    pub name: String,
+    pub description: String,
+    pub created_at: DateTime<Utc>,
+    pub updated_at: DateTime<Utc>,
+    pub is_active: bool,
+    pub rate_limit_per_minute: i64,
+    pub total_requests: i64,
+    pub total_tokens: i64,
+    pub total_cost: f64,
+}
+
+/// Client creation request
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct CreateClientRequest {
+    pub client_id: String,
+    pub name: String,
+    pub description: String,
+    pub rate_limit_per_minute: Option<i64>,
+}
+
+/// Client update request
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct UpdateClientRequest {
+    pub name: Option<String>,
+    pub description: Option<String>,
+    pub is_active: Option<bool>,
+    pub rate_limit_per_minute: Option<i64>,
+}
+
+/// Client manager for database operations
+pub struct ClientManager {
+    db_pool: SqlitePool,
+}
+
+impl ClientManager {
+    pub fn new(db_pool: SqlitePool) -> Self {
+        Self { db_pool }
+    }
+
+    /// Create a new client
+    pub async fn create_client(&self, request: CreateClientRequest) -> Result<Client> {
+        let rate_limit = request.rate_limit_per_minute.unwrap_or(60);
+        
+        // First insert the client
+        sqlx::query(
+            r#"
+            INSERT INTO clients (client_id, name, description, rate_limit_per_minute)
+            VALUES (?, ?, ?, ?)
+            "#,
+        )
+        .bind(&request.client_id)
+        .bind(&request.name)
+        .bind(&request.description)
+        .bind(rate_limit)
+        .execute(&self.db_pool)
+        .await?;
+        
+        // Then fetch the created client
+        let client = self.get_client(&request.client_id).await?
+            .ok_or_else(|| anyhow::anyhow!("Failed to retrieve created client"))?;
+        
+        info!("Created client: {} ({})", client.name, client.client_id);
+        Ok(client)
+    }
+
+    /// Get a client by ID
+    pub async fn get_client(&self, client_id: &str) -> Result<Option<Client>> {
+        let row = sqlx::query(
+            r#"
+            SELECT 
+                id, client_id, name, description,
+                created_at, updated_at, is_active,
+                rate_limit_per_minute, total_requests, total_tokens, total_cost
+            FROM clients
+            WHERE client_id = ?
+            "#,
+        )
+        .bind(client_id)
+        .fetch_optional(&self.db_pool)
+        .await?;
+        
+        if let Some(row) = row {
+            let client = Client {
+                id: row.get("id"),
+                client_id: row.get("client_id"),
+                name: row.get("name"),
+                description: row.get("description"),
+                created_at: row.get("created_at"),
+                updated_at: row.get("updated_at"),
+                is_active: row.get("is_active"),
+                rate_limit_per_minute: row.get("rate_limit_per_minute"),
+                total_requests: row.get("total_requests"),
+                total_tokens: row.get("total_tokens"),
+                total_cost: row.get("total_cost"),
+            };
+            Ok(Some(client))
+        } else {
+            Ok(None)
+        }
+    }
+
+    /// Update a client
+    pub async fn update_client(&self, client_id: &str, request: UpdateClientRequest) -> Result<Option<Client>> {
+        // First, get the current client to check if it exists
+        let current_client = self.get_client(client_id).await?;
+        if current_client.is_none() {
+            return Ok(None);
+        }
+        
+        // Build update query dynamically based on provided fields
+        let mut updates = Vec::new();
+        let mut query_builder = sqlx::QueryBuilder::new("UPDATE clients SET ");
+        let mut has_updates = false;
+        
+        if let Some(name) = &request.name {
+            updates.push("name = ");
+            query_builder.push_bind(name);
+            has_updates = true;
+        }
+        
+        if let Some(description) = &request.description {
+            if has_updates {
+                query_builder.push(", ");
+            }
+            updates.push("description = ");
+            query_builder.push_bind(description);
+            has_updates = true;
+        }
+        
+        if let Some(is_active) = request.is_active {
+            if has_updates {
+                query_builder.push(", ");
+            }
+            updates.push("is_active = ");
+            query_builder.push_bind(is_active);
+            has_updates = true;
+        }
+        
+        if let Some(rate_limit) = request.rate_limit_per_minute {
+            if has_updates {
+                query_builder.push(", ");
+            }
+            updates.push("rate_limit_per_minute = ");
+            query_builder.push_bind(rate_limit);
+            has_updates = true;
+        }
+        
+        // Always update the updated_at timestamp
+        if has_updates {
+            query_builder.push(", ");
+        }
+        query_builder.push("updated_at = CURRENT_TIMESTAMP");
+        
+        if !has_updates {
+            // No updates to make
+            return self.get_client(client_id).await;
+        }
+        
+        query_builder.push(" WHERE client_id = ");
+        query_builder.push_bind(client_id);
+        
+        let query = query_builder.build();
+        query.execute(&self.db_pool).await?;
+        
+        // Fetch the updated client
+        let updated_client = self.get_client(client_id).await?;
+        
+        if updated_client.is_some() {
+            info!("Updated client: {}", client_id);
+        }
+        
+        Ok(updated_client)
+    }
+
+    /// List all clients
+    pub async fn list_clients(&self, limit: Option<i64>, offset: Option<i64>) -> Result<Vec<Client>> {
+        let limit = limit.unwrap_or(100);
+        let offset = offset.unwrap_or(0);
+        
+        let rows = sqlx::query(
+            r#"
+            SELECT 
+                id, client_id, name, description,
+                created_at, updated_at, is_active,
+                rate_limit_per_minute, total_requests, total_tokens, total_cost
+            FROM clients
+            ORDER BY created_at DESC
+            LIMIT ? OFFSET ?
+            "#
+        )
+        .bind(limit)
+        .bind(offset)
+        .fetch_all(&self.db_pool)
+        .await?;
+        
+        let mut clients = Vec::new();
+        for row in rows {
+            let client = Client {
+                id: row.get("id"),
+                client_id: row.get("client_id"),
+                name: row.get("name"),
+                description: row.get("description"),
+                created_at: row.get("created_at"),
+                updated_at: row.get("updated_at"),
+                is_active: row.get("is_active"),
+                rate_limit_per_minute: row.get("rate_limit_per_minute"),
+                total_requests: row.get("total_requests"),
+                total_tokens: row.get("total_tokens"),
+                total_cost: row.get("total_cost"),
+            };
+            clients.push(client);
+        }
+        
+        Ok(clients)
+    }
+
+    /// Delete a client
+    pub async fn delete_client(&self, client_id: &str) -> Result<bool> {
+        let result = sqlx::query(
+            "DELETE FROM clients WHERE client_id = ?"
+        )
+        .bind(client_id)
+        .execute(&self.db_pool)
+        .await?;
+        
+        let deleted = result.rows_affected() > 0;
+        
+        if deleted {
+            info!("Deleted client: {}", client_id);
+        } else {
+            warn!("Client not found for deletion: {}", client_id);
+        }
+        
+        Ok(deleted)
+    }
+
+    /// Update client usage statistics after a request
+    pub async fn update_client_usage(
+        &self,
+        client_id: &str,
+        tokens: i64,
+        cost: f64,
+    ) -> Result<()> {
+        sqlx::query(
+            r#"
+            UPDATE clients 
+            SET 
+                total_requests = total_requests + 1,
+                total_tokens = total_tokens + ?,
+                total_cost = total_cost + ?,
+                updated_at = CURRENT_TIMESTAMP
+            WHERE client_id = ?
+            "#
+        )
+        .bind(tokens)
+        .bind(cost)
+        .bind(client_id)
+        .execute(&self.db_pool)
+        .await?;
+        
+        Ok(())
+    }
+
+    /// Get client usage statistics
+    pub async fn get_client_usage(&self, client_id: &str) -> Result<Option<(i64, i64, f64)>> {
+        let row = sqlx::query(
+            r#"
+            SELECT total_requests, total_tokens, total_cost
+            FROM clients
+            WHERE client_id = ?
+            "#
+        )
+        .bind(client_id)
+        .fetch_optional(&self.db_pool)
+        .await?;
+        
+        if let Some(row) = row {
+            let total_requests: i64 = row.get("total_requests");
+            let total_tokens: i64 = row.get("total_tokens");
+            let total_cost: f64 = row.get("total_cost");
+            Ok(Some((total_requests, total_tokens, total_cost)))
+        } else {
+            Ok(None)
+        }
+    }
+
+    /// Check if a client exists and is active
+    pub async fn validate_client(&self, client_id: &str) -> Result<bool> {
+        let client = self.get_client(client_id).await?;
+        Ok(client.map(|c| c.is_active).unwrap_or(false))
+    }
+}
\ No newline at end of file
diff --git a/src/config/mod.rs b/src/config/mod.rs
new file mode 100644
index 00000000..4a251dca
--- /dev/null
+++ b/src/config/mod.rs
@@ -0,0 +1,178 @@
+use anyhow::Result;
+use config::{Config, File, FileFormat};
+use serde::{Deserialize, Serialize};
+use std::path::PathBuf;
+use std::sync::Arc;
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ServerConfig {
+    pub port: u16,
+    pub host: String,
+    pub auth_tokens: Vec<String>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct DatabaseConfig {
+    pub path: PathBuf,
+    pub max_connections: u32,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ProviderConfig {
+    pub openai: OpenAIConfig,
+    pub gemini: GeminiConfig,
+    pub deepseek: DeepSeekConfig,
+    pub grok: GrokConfig,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct OpenAIConfig {
+    pub api_key_env: String,
+    pub base_url: String,
+    pub default_model: String,
+    pub enabled: bool,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct GeminiConfig {
+    pub api_key_env: String,
+    pub base_url: String,
+    pub default_model: String,
+    pub enabled: bool,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct DeepSeekConfig {
+    pub api_key_env: String,
+    pub base_url: String,
+    pub default_model: String,
+    pub enabled: bool,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct GrokConfig {
+    pub api_key_env: String,
+    pub base_url: String,
+    pub default_model: String,
+    pub enabled: bool,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ModelMappingConfig {
+    pub patterns: Vec<(String, String)>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct PricingConfig {
+    pub openai: Vec<ModelPricing>,
+    pub gemini: Vec<ModelPricing>,
+    pub deepseek: Vec<ModelPricing>,
+    pub grok: Vec<ModelPricing>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ModelPricing {
+    pub model: String,
+    pub prompt_tokens_per_million: f64,
+    pub completion_tokens_per_million: f64,
+}
+
+#[derive(Debug, Clone)]
+pub struct AppConfig {
+    pub server: ServerConfig,
+    pub database: DatabaseConfig,
+    pub providers: ProviderConfig,
+    pub model_mapping: ModelMappingConfig,
+    pub pricing: PricingConfig,
+    pub config_path: PathBuf,
+}
+
+impl AppConfig {
+    pub async fn load() -> Result<Arc<Self>> {
+        Self::load_from_path(None).await
+    }
+    
+    /// Load configuration from a specific path (for testing)
+    pub async fn load_from_path(config_path: Option<PathBuf>) -> Result<Arc<Self>> {
+        // Load configuration from multiple sources
+        let mut config_builder = Config::builder();
+
+        // Default configuration
+        config_builder = config_builder
+            .set_default("server.port", 8080)?
+            .set_default("server.host", "0.0.0.0")?
+            .set_default("server.auth_tokens", Vec::<String>::new())?
+            .set_default("database.path", "./data/llm_proxy.db")?
+            .set_default("database.max_connections", 10)?
+            .set_default("providers.openai.api_key_env", "OPENAI_API_KEY")?
+            .set_default("providers.openai.base_url", "https://api.openai.com/v1")?
+            .set_default("providers.openai.default_model", "gpt-4o")?
+            .set_default("providers.openai.enabled", true)?
+            .set_default("providers.gemini.api_key_env", "GEMINI_API_KEY")?
+            .set_default("providers.gemini.base_url", "https://generativelanguage.googleapis.com/v1")?
+            .set_default("providers.gemini.default_model", "gemini-2.0-flash")?
+            .set_default("providers.gemini.enabled", true)?
+            .set_default("providers.deepseek.api_key_env", "DEEPSEEK_API_KEY")?
+            .set_default("providers.deepseek.base_url", "https://api.deepseek.com")?
+            .set_default("providers.deepseek.default_model", "deepseek-reasoner")?
+            .set_default("providers.deepseek.enabled", true)?
+            .set_default("providers.grok.api_key_env", "GROK_API_KEY")?
+            .set_default("providers.grok.base_url", "https://api.x.ai/v1")?
+            .set_default("providers.grok.default_model", "grok-beta")?
+            .set_default("providers.grok.enabled", false)?;  // Disabled by default until API is researched
+
+        // Load from config file if exists
+        let config_path = config_path.unwrap_or_else(|| std::env::current_dir().unwrap().join("config.toml"));
+        if config_path.exists() {
+            config_builder = config_builder.add_source(File::from(config_path.clone()).format(FileFormat::Toml));
+        }
+
+        // Load from .env file
+        dotenvy::dotenv().ok();
+
+        // Load from environment variables (with prefix "LLM_PROXY_")
+        config_builder = config_builder.add_source(
+            config::Environment::with_prefix("LLM_PROXY")
+                .separator("__")
+                .try_parsing(true),
+        );
+
+        let config = config_builder.build()?;
+
+        // Deserialize configuration
+        let server: ServerConfig = config.get("server")?;
+        let database: DatabaseConfig = config.get("database")?;
+        let providers: ProviderConfig = config.get("providers")?;
+        
+        // For now, use empty model mapping and pricing (will be populated later)
+        let model_mapping = ModelMappingConfig { patterns: vec![] };
+        let pricing = PricingConfig {
+            openai: vec![],
+            gemini: vec![],
+            deepseek: vec![],
+            grok: vec![],
+        };
+
+        Ok(Arc::new(AppConfig {
+            server,
+            database,
+            providers,
+            model_mapping,
+            pricing,
+            config_path,
+        }))
+    }
+
+    pub fn get_api_key(&self, provider: &str) -> Result<String> {
+        let env_var = match provider {
+            "openai" => &self.providers.openai.api_key_env,
+            "gemini" => &self.providers.gemini.api_key_env,
+            "deepseek" => &self.providers.deepseek.api_key_env,
+            "grok" => &self.providers.grok.api_key_env,
+            _ => return Err(anyhow::anyhow!("Unknown provider: {}", provider)),
+        };
+
+        std::env::var(env_var)
+            .map_err(|_| anyhow::anyhow!("Environment variable {} not set for {}", env_var, provider))
+    }
+}
\ No newline at end of file
diff --git a/src/dashboard/mod.rs b/src/dashboard/mod.rs
new file mode 100644
index 00000000..511e620a
--- /dev/null
+++ b/src/dashboard/mod.rs
@@ -0,0 +1,625 @@
+// Dashboard module for LLM Proxy Gateway
+
+use axum::{
+    extract::{ws::{Message, WebSocket, WebSocketUpgrade}, State},
+    response::{IntoResponse, Json},
+    routing::{get, post},
+    Router,
+};
+use serde::Serialize;
+use sqlx::Row;
+use std::collections::HashMap;
+use tracing::{info, warn};
+
+use crate::state::AppState;
+
+// Dashboard state
+#[derive(Clone)]
+struct DashboardState {
+    app_state: AppState,
+}
+
+// API Response types
+#[derive(Serialize)]
+struct ApiResponse<T> {
+    success: bool,
+    data: Option<T>,
+    error: Option<String>,
+}
+
+impl<T> ApiResponse<T> {
+    fn success(data: T) -> Self {
+        Self {
+            success: true,
+            data: Some(data),
+            error: None,
+        }
+    }
+    
+    fn error(error: String) -> Self {
+        Self {
+            success: false,
+            data: None,
+            error: Some(error),
+        }
+    }
+}
+
+// ... (keep routes as they are)
+
+// Dashboard routes
+pub fn router(state: AppState) -> Router {
+    let dashboard_state = DashboardState {
+        app_state: state,
+    };
+    
+    Router::new()
+        // Static file serving
+        .nest_service("/", tower_http::services::ServeDir::new("static"))
+        .fallback_service(tower_http::services::ServeDir::new("static"))
+        
+        // WebSocket endpoint
+        .route("/ws", get(handle_websocket))
+        
+        // API endpoints
+        .route("/api/auth/login", post(handle_login))
+        .route("/api/auth/status", get(handle_auth_status))
+        .route("/api/usage/summary", get(handle_usage_summary))
+        .route("/api/usage/time-series", get(handle_time_series))
+        .route("/api/usage/clients", get(handle_clients_usage))
+        .route("/api/usage/providers", get(handle_providers_usage))
+        .route("/api/clients", get(handle_get_clients).post(handle_create_client))
+        .route("/api/clients/:id", get(handle_get_client).delete(handle_delete_client))
+        .route("/api/clients/:id/usage", get(handle_client_usage))
+        .route("/api/providers", get(handle_get_providers))
+        .route("/api/providers/:name", get(handle_get_provider).put(handle_update_provider))
+        .route("/api/providers/:name/test", post(handle_test_provider))
+        .route("/api/system/health", get(handle_system_health))
+        .route("/api/system/logs", get(handle_system_logs))
+        .route("/api/system/backup", post(handle_system_backup))
+        
+        .with_state(dashboard_state)
+}
+
+// WebSocket handler
+async fn handle_websocket(
+    ws: WebSocketUpgrade,
+    State(state): State<DashboardState>,
+) -> impl IntoResponse {
+    ws.on_upgrade(|socket| handle_websocket_connection(socket, state))
+}
+
+async fn handle_websocket_connection(mut socket: WebSocket, state: DashboardState) {
+    info!("WebSocket connection established");
+    
+    // Subscribe to events from the global bus
+    let mut rx = state.app_state.dashboard_tx.subscribe();
+    
+    // Send initial connection message
+    let _ = socket.send(Message::Text(
+        serde_json::json!({
+            "type": "connected",
+            "message": "Connected to LLM Proxy Dashboard"
+        }).to_string().into(),
+    )).await;
+    
+    // Handle incoming messages and broadcast events
+    loop {
+        tokio::select! {
+            // Receive broadcast events
+            Ok(event) = rx.recv() => {
+                let message = Message::Text(serde_json::to_string(&event).unwrap().into());
+                if socket.send(message).await.is_err() {
+                    break;
+                }
+            }
+            
+            // Receive WebSocket messages
+            result = socket.recv() => {
+                match result {
+                    Some(Ok(Message::Text(text))) => {
+                        handle_websocket_message(&text, &state).await;
+                    }
+                    _ => break,
+                }
+            }
+        }
+    }
+    
+    info!("WebSocket connection closed");
+}
+
+async fn handle_websocket_message(text: &str, state: &DashboardState) {
+    // Parse and handle WebSocket messages
+    if let Ok(data) = serde_json::from_str::<serde_json::Value>(text) {
+        if let Some("ping") = data.get("type").and_then(|v| v.as_str()) {
+            let _ = state.app_state.dashboard_tx.send(serde_json::json!({
+                "event_type": "pong",
+                "data": {}
+            }));
+        }
+    }
+}
+
+// Authentication handlers
+async fn handle_login() -> Json<ApiResponse<serde_json::Value>> {
+    // Simple authentication for demo
+    // In production, this would validate credentials against a database
+    Json(ApiResponse::success(serde_json::json!({
+        "token": "demo-token-123456",
+        "user": {
+            "username": "admin",
+            "name": "Administrator",
+            "role": "Super Admin"
+        }
+    })))
+}
+
+async fn handle_auth_status() -> Json<ApiResponse<serde_json::Value>> {
+    Json(ApiResponse::success(serde_json::json!({
+        "authenticated": true,
+        "user": {
+            "username": "admin",
+            "name": "Administrator",
+            "role": "Super Admin"
+        }
+    })))
+}
+
+// Usage handlers
+async fn handle_usage_summary(State(state): State<DashboardState>) -> Json<ApiResponse<serde_json::Value>> {
+    let pool = &state.app_state.db_pool;
+    
+    // Total stats
+    let total_stats = sqlx::query(
+        r#"
+        SELECT 
+            COUNT(*) as total_requests,
+            COALESCE(SUM(total_tokens), 0) as total_tokens,
+            COALESCE(SUM(cost), 0.0) as total_cost,
+            COUNT(DISTINCT client_id) as active_clients
+        FROM llm_requests
+        "#
+    )
+    .fetch_one(pool);
+    
+    // Today's stats
+    let today = chrono::Utc::now().format("%Y-%m-%d").to_string();
+    let today_stats = sqlx::query(
+        r#"
+        SELECT 
+            COUNT(*) as today_requests,
+            COALESCE(SUM(total_tokens), 0) as today_tokens,
+            COALESCE(SUM(cost), 0.0) as today_cost
+        FROM llm_requests
+        WHERE strftime('%Y-%m-%d', timestamp) = ?
+        "#
+    )
+    .bind(today)
+    .fetch_one(pool);
+    
+    // Error stats
+    let error_stats = sqlx::query(
+        r#"
+        SELECT 
+            COUNT(*) as total,
+            SUM(CASE WHEN status = 'error' THEN 1 ELSE 0 END) as errors
+        FROM llm_requests
+        "#
+    )
+    .fetch_one(pool);
+    
+    // Average response time
+    let avg_response = sqlx::query(
+        r#"
+        SELECT COALESCE(AVG(duration_ms), 0.0) as avg_duration
+        FROM llm_requests
+        WHERE status = 'success'
+        "#
+    )
+    .fetch_one(pool);
+    
+    match tokio::join!(total_stats, today_stats, error_stats, avg_response) {
+        (Ok(t), Ok(d), Ok(e), Ok(a)) => {
+            let total_requests: i64 = t.get("total_requests");
+            let total_tokens: i64 = t.get("total_tokens");
+            let total_cost: f64 = t.get("total_cost");
+            let active_clients: i64 = t.get("active_clients");
+            
+            let today_requests: i64 = d.get("today_requests");
+            let today_cost: f64 = d.get("today_cost");
+            
+            let total_count: i64 = e.get("total");
+            let error_count: i64 = e.get("errors");
+            let error_rate = if total_count > 0 {
+                (error_count as f64 / total_count as f64) * 100.0
+            } else {
+                0.0
+            };
+            
+            let avg_response_time: f64 = a.get("avg_duration");
+            
+            Json(ApiResponse::success(serde_json::json!({
+                "total_requests": total_requests,
+                "total_tokens": total_tokens,
+                "total_cost": total_cost,
+                "active_clients": active_clients,
+                "today_requests": today_requests,
+                "today_cost": today_cost,
+                "error_rate": error_rate,
+                "avg_response_time": avg_response_time,
+            })))
+        }
+        _ => Json(ApiResponse::error("Failed to fetch usage statistics".to_string()))
+    }
+}
+
+async fn handle_time_series(State(state): State<DashboardState>) -> Json<ApiResponse<serde_json::Value>> {
+    let pool = &state.app_state.db_pool;
+    
+    let now = chrono::Utc::now();
+    let twenty_four_hours_ago = now - chrono::Duration::hours(24);
+    
+    let result = sqlx::query(
+        r#"
+        SELECT 
+            strftime('%H:00', timestamp) as hour,
+            COUNT(*) as requests,
+            SUM(total_tokens) as tokens,
+            SUM(cost) as cost
+        FROM llm_requests
+        WHERE timestamp >= ?
+        GROUP BY hour
+        ORDER BY hour
+        "#
+    )
+    .bind(twenty_four_hours_ago)
+    .fetch_all(pool)
+    .await;
+    
+    match result {
+        Ok(rows) => {
+            let mut series = Vec::new();
+            
+            for row in rows {
+                let hour: String = row.get("hour");
+                let requests: i64 = row.get("requests");
+                let tokens: i64 = row.get("tokens");
+                let cost: f64 = row.get("cost");
+                
+                series.push(serde_json::json!({
+                    "time": hour,
+                    "requests": requests,
+                    "tokens": tokens,
+                    "cost": cost,
+                }));
+            }
+            
+            Json(ApiResponse::success(serde_json::json!({
+                "series": series,
+                "period": "24h"
+            })))
+        }
+        Err(e) => {
+            warn!("Failed to fetch time series data: {}", e);
+            Json(ApiResponse::error("Failed to fetch time series data".to_string()))
+        }
+    }
+}
+
+async fn handle_clients_usage(State(state): State<DashboardState>) -> Json<ApiResponse<serde_json::Value>> {
+    // Query database for client usage statistics
+    let pool = &state.app_state.db_pool;
+    
+    let result = sqlx::query(
+        r#"
+        SELECT 
+            client_id,
+            COUNT(*) as requests,
+            SUM(total_tokens) as tokens,
+            SUM(cost) as cost,
+            MAX(timestamp) as last_request
+        FROM llm_requests
+        GROUP BY client_id
+        ORDER BY requests DESC
+        "#
+    )
+    .fetch_all(pool)
+    .await;
+    
+    match result {
+        Ok(rows) => {
+            let mut client_usage = Vec::new();
+            
+            for row in rows {
+                let client_id: String = row.get("client_id");
+                let requests: i64 = row.get("requests");
+                let tokens: i64 = row.get("tokens");
+                let cost: f64 = row.get("cost");
+                let last_request: Option<chrono::DateTime<chrono::Utc>> = row.get("last_request");
+                
+                client_usage.push(serde_json::json!({
+                    "client_id": client_id,
+                    "client_name": client_id,
+                    "requests": requests,
+                    "tokens": tokens,
+                    "cost": cost,
+                    "last_request": last_request,
+                }));
+            }
+            
+            Json(ApiResponse::success(serde_json::json!(client_usage)))
+        }
+        Err(e) => {
+            warn!("Failed to fetch client usage data: {}", e);
+            Json(ApiResponse::error("Failed to fetch client usage data".to_string()))
+        }
+    }
+}
+
+async fn handle_providers_usage(State(state): State<DashboardState>) -> Json<ApiResponse<serde_json::Value>> {
+    // Query database for provider usage statistics
+    let pool = &state.app_state.db_pool;
+    
+    let result = sqlx::query(
+        r#"
+        SELECT 
+            provider,
+            COUNT(*) as requests,
+            COALESCE(SUM(total_tokens), 0) as tokens,
+            COALESCE(SUM(cost), 0.0) as cost
+        FROM llm_requests
+        GROUP BY provider
+        ORDER BY requests DESC
+        "#
+    )
+    .fetch_all(pool)
+    .await;
+    
+    match result {
+        Ok(rows) => {
+            let mut provider_usage = Vec::new();
+            
+            for row in rows {
+                let provider: String = row.get("provider");
+                let requests: i64 = row.get("requests");
+                let tokens: i64 = row.get("tokens");
+                let cost: f64 = row.get("cost");
+                
+                provider_usage.push(serde_json::json!({
+                    "provider": provider,
+                    "requests": requests,
+                    "tokens": tokens,
+                    "cost": cost,
+                }));
+            }
+            
+            Json(ApiResponse::success(serde_json::json!(provider_usage)))
+        }
+        Err(e) => {
+            warn!("Failed to fetch provider usage data: {}", e);
+            Json(ApiResponse::error("Failed to fetch provider usage data".to_string()))
+        }
+    }
+}
+
+// Client handlers
+async fn handle_get_clients(State(state): State<DashboardState>) -> Json<ApiResponse<serde_json::Value>> {
+    let pool = &state.app_state.db_pool;
+    
+    let result = sqlx::query(
+        r#"
+        SELECT 
+            client_id as id,
+            name,
+            created_at,
+            total_requests,
+            total_tokens,
+            total_cost,
+            is_active
+        FROM clients
+        ORDER BY created_at DESC
+        "#
+    )
+    .fetch_all(pool)
+    .await;
+    
+    match result {
+        Ok(rows) => {
+            let clients: Vec<serde_json::Value> = rows.into_iter().map(|row| {
+                serde_json::json!({
+                    "id": row.get::<String, _>("id"),
+                    "name": row.get::<Option<String>, _>("name").unwrap_or_else(|| "Unnamed".to_string()),
+                    "created_at": row.get::<chrono::DateTime<chrono::Utc>, _>("created_at"),
+                    "requests_count": row.get::<i64, _>("total_requests"),
+                    "total_tokens": row.get::<i64, _>("total_tokens"),
+                    "total_cost": row.get::<f64, _>("total_cost"),
+                    "status": if row.get::<bool, _>("is_active") { "active" } else { "inactive" },
+                })
+            }).collect();
+            
+            Json(ApiResponse::success(serde_json::json!(clients)))
+        }
+        Err(e) => {
+            warn!("Failed to fetch clients: {}", e);
+            Json(ApiResponse::error("Failed to fetch clients".to_string()))
+        }
+    }
+}
+
+async fn handle_create_client() -> Json<ApiResponse<serde_json::Value>> {
+    // In production, this would create a real client
+    Json(ApiResponse::success(serde_json::json!({
+        "id": format!("client-{}", rand::random::<u32>()),
+        "name": "New Client",
+        "token": format!("sk-demo-{}", rand::random::<u32>()),
+        "created_at": chrono::Utc::now().to_rfc3339(),
+        "last_used": None::<String>,
+        "requests_count": 0,
+        "status": "active",
+    })))
+}
+
+async fn handle_get_client() -> Json<ApiResponse<serde_json::Value>> {
+    Json(ApiResponse::error("Not implemented".to_string()))
+}
+
+async fn handle_delete_client() -> Json<ApiResponse<serde_json::Value>> {
+    Json(ApiResponse::success(serde_json::json!({
+        "success": true,
+        "message": "Client deleted"
+    })))
+}
+
+async fn handle_client_usage() -> Json<ApiResponse<serde_json::Value>> {
+    Json(ApiResponse::error("Not implemented".to_string()))
+}
+
+// Provider handlers
+async fn handle_get_providers(State(state): State<DashboardState>) -> Json<ApiResponse<serde_json::Value>> {
+    let registry = &state.app_state.model_registry;
+    
+    let mut providers_json = Vec::new();
+    
+    for (p_id, p_info) in &registry.providers {
+        let models: Vec<String> = p_info.models.keys().cloned().collect();
+        
+        // Check if provider is healthy via circuit breaker
+        let status = if state.app_state.rate_limit_manager.check_provider_request(p_id).await.unwrap_or(true) {
+            "online"
+        } else {
+            "degraded"
+        };
+
+        providers_json.push(serde_json::json!({
+            "id": p_id,
+            "name": p_info.name,
+            "enabled": true,
+            "status": status,
+            "models": models,
+            "last_used": null, // TODO: track last used
+        }));
+    }
+    
+    Json(ApiResponse::success(serde_json::json!(providers_json)))
+}
+
+async fn handle_get_provider() -> Json<ApiResponse<serde_json::Value>> {
+    Json(ApiResponse::error("Not implemented".to_string()))
+}
+
+async fn handle_update_provider() -> Json<ApiResponse<serde_json::Value>> {
+    Json(ApiResponse::success(serde_json::json!({
+        "success": true,
+        "message": "Provider updated"
+    })))
+}
+
+async fn handle_test_provider() -> Json<ApiResponse<serde_json::Value>> {
+    Json(ApiResponse::success(serde_json::json!({
+        "success": true,
+        "latency": rand::random::<u32>() % 500 + 100,
+        "message": "Connection test successful"
+    })))
+}
+
+// System handlers
+async fn handle_system_health(State(state): State<DashboardState>) -> Json<ApiResponse<serde_json::Value>> {
+    let mut components = HashMap::new();
+    components.insert("api_server", "online");
+    components.insert("database", "online");
+    
+    // Check provider health via circuit breakers
+    for p_id in state.app_state.model_registry.providers.keys() {
+        if state.app_state.rate_limit_manager.check_provider_request(p_id).await.unwrap_or(true) {
+            components.insert(p_id.as_str(), "online");
+        } else {
+            components.insert(p_id.as_str(), "degraded");
+        }
+    }
+
+    Json(ApiResponse::success(serde_json::json!({
+        "status": "healthy",
+        "timestamp": chrono::Utc::now().to_rfc3339(),
+        "components": components,
+        "metrics": {
+            "cpu_usage": rand::random::<f64>() * 10.0 + 5.0,
+            "memory_usage": rand::random::<f64>() * 20.0 + 40.0,
+            "active_connections": rand::random::<u32>() % 20 + 5,
+        }
+    })))
+}
+
+async fn handle_system_logs(State(state): State<DashboardState>) -> Json<ApiResponse<serde_json::Value>> {
+    let pool = &state.app_state.db_pool;
+    
+    let result = sqlx::query(
+        r#"
+        SELECT 
+            id,
+            timestamp,
+            client_id,
+            provider,
+            model,
+            prompt_tokens,
+            completion_tokens,
+            total_tokens,
+            cost,
+            status,
+            error_message,
+            duration_ms
+        FROM llm_requests
+        ORDER BY timestamp DESC
+        LIMIT 100
+        "#
+    )
+    .fetch_all(pool)
+    .await;
+    
+    match result {
+        Ok(rows) => {
+            let logs: Vec<serde_json::Value> = rows.into_iter().map(|row| {
+                serde_json::json!({
+                    "id": row.get::<i64, _>("id"),
+                    "timestamp": row.get::<chrono::DateTime<chrono::Utc>, _>("timestamp"),
+                    "client_id": row.get::<String, _>("client_id"),
+                    "provider": row.get::<String, _>("provider"),
+                    "model": row.get::<String, _>("model"),
+                    "tokens": row.get::<i64, _>("total_tokens"),
+                    "cost": row.get::<f64, _>("cost"),
+                    "status": row.get::<String, _>("status"),
+                    "error": row.get::<Option<String>, _>("error_message"),
+                    "duration": row.get::<i64, _>("duration_ms"),
+                })
+            }).collect();
+            
+            Json(ApiResponse::success(serde_json::json!(logs)))
+        }
+        Err(e) => {
+            warn!("Failed to fetch system logs: {}", e);
+            Json(ApiResponse::error("Failed to fetch system logs".to_string()))
+        }
+    }
+}
+
+async fn handle_system_backup() -> Json<ApiResponse<serde_json::Value>> {
+    Json(ApiResponse::success(serde_json::json!({
+        "success": true,
+        "message": "Backup initiated",
+        "backup_id": format!("backup-{}", chrono::Utc::now().timestamp()),
+    })))
+}
+
+// Helper functions
+#[allow(dead_code)]
+fn mask_token(token: &str) -> String {
+    if token.len() <= 8 {
+        return "*****".to_string();
+    }
+    
+    let masked_len = token.len().min(12);
+    let visible_len = 4;
+    let mask_len = masked_len - visible_len;
+    
+    format!("{}{}", "*".repeat(mask_len), &token[token.len() - visible_len..])
+}
\ No newline at end of file
diff --git a/src/database/mod.rs b/src/database/mod.rs
new file mode 100644
index 00000000..104f05d6
--- /dev/null
+++ b/src/database/mod.rs
@@ -0,0 +1,128 @@
+use anyhow::Result;
+use sqlx::SqlitePool;
+use tracing::info;
+
+use crate::config::DatabaseConfig;
+
+pub type DbPool = SqlitePool;
+
+pub async fn init(config: &DatabaseConfig) -> Result<DbPool> {
+    // Ensure the database directory exists
+    if let Some(parent) = config.path.parent() {
+        tokio::fs::create_dir_all(parent).await?;
+    }
+
+    let database_url = format!("sqlite:{}", config.path.display());
+    info!("Connecting to database at {}", database_url);
+
+    let pool = SqlitePool::connect(&database_url).await?;
+
+    // Run migrations
+    run_migrations(&pool).await?;
+    info!("Database migrations completed");
+
+    Ok(pool)
+}
+
+async fn run_migrations(pool: &DbPool) -> Result<()> {
+    // Create clients table if it doesn't exist
+    sqlx::query(
+        r#"
+        CREATE TABLE IF NOT EXISTS clients (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            client_id TEXT UNIQUE NOT NULL,
+            name TEXT,
+            description TEXT,
+            created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+            updated_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+            is_active BOOLEAN DEFAULT TRUE,
+            rate_limit_per_minute INTEGER DEFAULT 60,
+            total_requests INTEGER DEFAULT 0,
+            total_tokens INTEGER DEFAULT 0,
+            total_cost REAL DEFAULT 0.0
+        )
+        "#,
+    )
+    .execute(pool)
+    .await?;
+
+    // Create llm_requests table if it doesn't exist
+    sqlx::query(
+        r#"
+        CREATE TABLE IF NOT EXISTS llm_requests (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            timestamp DATETIME DEFAULT CURRENT_TIMESTAMP,
+            client_id TEXT,
+            provider TEXT,
+            model TEXT,
+            prompt_tokens INTEGER,
+            completion_tokens INTEGER,
+            total_tokens INTEGER,
+            cost REAL,
+            has_images BOOLEAN DEFAULT FALSE,
+            status TEXT DEFAULT 'success',
+            error_message TEXT,
+            duration_ms INTEGER,
+            request_body TEXT,
+            response_body TEXT,
+            FOREIGN KEY (client_id) REFERENCES clients(client_id) ON DELETE SET NULL
+        )
+        "#,
+    )
+    .execute(pool)
+    .await?;
+
+    // Create indices
+    sqlx::query(
+        "CREATE INDEX IF NOT EXISTS idx_clients_client_id ON clients(client_id)"
+    )
+    .execute(pool)
+    .await?;
+
+    sqlx::query(
+        "CREATE INDEX IF NOT EXISTS idx_clients_created_at ON clients(created_at)"
+    )
+    .execute(pool)
+    .await?;
+
+    sqlx::query(
+        "CREATE INDEX IF NOT EXISTS idx_llm_requests_timestamp ON llm_requests(timestamp)"
+    )
+    .execute(pool)
+    .await?;
+
+    sqlx::query(
+        "CREATE INDEX IF NOT EXISTS idx_llm_requests_client_id ON llm_requests(client_id)"
+    )
+    .execute(pool)
+    .await?;
+
+    sqlx::query(
+        "CREATE INDEX IF NOT EXISTS idx_llm_requests_provider ON llm_requests(provider)"
+    )
+    .execute(pool)
+    .await?;
+
+    sqlx::query(
+        "CREATE INDEX IF NOT EXISTS idx_llm_requests_status ON llm_requests(status)"
+    )
+    .execute(pool)
+    .await?;
+
+    // Insert default client if none exists
+    sqlx::query(
+        r#"
+        INSERT OR IGNORE INTO clients (client_id, name, description)
+        VALUES ('default', 'Default Client', 'Default client for anonymous requests')
+        "#,
+    )
+    .execute(pool)
+    .await?;
+
+    Ok(())
+}
+
+pub async fn test_connection(pool: &DbPool) -> Result<()> {
+    sqlx::query("SELECT 1").execute(pool).await?;
+    Ok(())
+}
\ No newline at end of file
diff --git a/src/errors/mod.rs b/src/errors/mod.rs
new file mode 100644
index 00000000..6f4b8c03
--- /dev/null
+++ b/src/errors/mod.rs
@@ -0,0 +1,58 @@
+use thiserror::Error;
+
+#[derive(Error, Debug, Clone)]
+pub enum AppError {
+    #[error("Authentication failed: {0}")]
+    AuthError(String),
+
+    #[error("Configuration error: {0}")]
+    ConfigError(String),
+
+    #[error("Database error: {0}")]
+    DatabaseError(String),
+
+    #[error("Provider error: {0}")]
+    ProviderError(String),
+
+    #[error("Validation error: {0}")]
+    ValidationError(String),
+
+    #[error("Multimodal processing error: {0}")]
+    MultimodalError(String),
+
+    #[error("Rate limit exceeded: {0}")]
+    RateLimitError(String),
+
+    #[error("Internal server error: {0}")]
+    InternalError(String),
+}
+
+impl From<sqlx::Error> for AppError {
+    fn from(err: sqlx::Error) -> Self {
+        AppError::DatabaseError(err.to_string())
+    }
+}
+
+impl From<anyhow::Error> for AppError {
+    fn from(err: anyhow::Error) -> Self {
+        AppError::InternalError(err.to_string())
+    }
+}
+
+impl axum::response::IntoResponse for AppError {
+    fn into_response(self) -> axum::response::Response {
+        let status = match self {
+            AppError::AuthError(_) => axum::http::StatusCode::UNAUTHORIZED,
+            AppError::RateLimitError(_) => axum::http::StatusCode::TOO_MANY_REQUESTS,
+            AppError::ValidationError(_) => axum::http::StatusCode::BAD_REQUEST,
+            _ => axum::http::StatusCode::INTERNAL_SERVER_ERROR,
+        };
+
+        let body = axum::Json(serde_json::json!({
+            "error": self.to_string(),
+            "type": format!("{:?}", self)
+        }));
+
+        (status, body).into_response()
+    }
+}
diff --git a/src/lib.rs b/src/lib.rs
new file mode 100644
index 00000000..5a9d6f48
--- /dev/null
+++ b/src/lib.rs
@@ -0,0 +1,89 @@
+//! LLM Proxy Library
+//!
+//! This library provides the core functionality for the LLM proxy gateway,
+//! including provider integration, token tracking, and API endpoints.
+
+pub mod auth;
+pub mod client;
+pub mod config;
+pub mod database;
+pub mod dashboard;
+pub mod errors;
+pub mod logging;
+pub mod models;
+pub mod multimodal;
+pub mod providers;
+pub mod rate_limiting;
+pub mod server;
+pub mod state;
+pub mod utils;
+
+// Re-exports for convenience
+pub use auth::*;
+pub use config::*;
+pub use database::*;
+pub use errors::*;
+pub use logging::*;
+pub use models::*;
+pub use providers::*;
+pub use server::*;
+pub use state::*;
+
+/// Test utilities for integration testing
+#[cfg(test)]
+pub mod test_utils {
+    use std::sync::Arc;
+    
+    use crate::{
+        state::AppState,
+        rate_limiting::RateLimitManager,
+        client::ClientManager,
+        providers::ProviderManager,
+    };
+    use sqlx::sqlite::SqlitePool;
+    
+    /// Create a test application state
+    pub async fn create_test_state() -> Arc<AppState> {
+        // Create in-memory database
+        let pool = SqlitePool::connect("sqlite::memory:")
+            .await
+            .expect("Failed to create test database");
+        
+        // Run migrations
+        crate::database::init(&crate::config::DatabaseConfig {
+            path: std::path::PathBuf::from(":memory:"),
+            max_connections: 5,
+        }).await.expect("Failed to initialize test database");
+        
+        let rate_limit_manager = RateLimitManager::new(
+            crate::rate_limiting::RateLimiterConfig::default(),
+            crate::rate_limiting::CircuitBreakerConfig::default(),
+        );
+        
+        let client_manager = Arc::new(ClientManager::new(pool.clone()));
+        
+        // Create provider manager
+        let provider_manager = ProviderManager::new();
+        
+        let model_registry = crate::models::registry::ModelRegistry {
+            providers: std::collections::HashMap::new(),
+        };
+        
+        Arc::new(AppState {
+            provider_manager,
+            db_pool: pool.clone(),
+            rate_limit_manager: Arc::new(rate_limit_manager),
+            client_manager,
+            request_logger: Arc::new(crate::logging::RequestLogger::new(pool.clone())),
+            model_registry: Arc::new(model_registry),
+        })
+    }
+    
+    /// Create a test HTTP client
+    pub fn create_test_client() -> reqwest::Client {
+        reqwest::Client::builder()
+            .timeout(std::time::Duration::from_secs(30))
+            .build()
+            .expect("Failed to create test HTTP client")
+    }
+}
diff --git a/src/logging/mod.rs b/src/logging/mod.rs
new file mode 100644
index 00000000..c0c62276
--- /dev/null
+++ b/src/logging/mod.rs
@@ -0,0 +1,186 @@
+use chrono::{DateTime, Utc};
+use sqlx::SqlitePool;
+use tokio::sync::broadcast;
+use tracing::warn;
+use serde::Serialize;
+
+use crate::errors::AppError;
+
+/// Request log entry for database storage
+#[derive(Debug, Clone, Serialize)]
+pub struct RequestLog {
+    pub timestamp: DateTime<Utc>,
+    pub client_id: String,
+    pub provider: String,
+    pub model: String,
+    pub prompt_tokens: u32,
+    pub completion_tokens: u32,
+    pub total_tokens: u32,
+    pub cost: f64,
+    pub has_images: bool,
+    pub status: String, // "success", "error"
+    pub error_message: Option<String>,
+    pub duration_ms: u64,
+}
+
+/// Database operations for request logging
+pub struct RequestLogger {
+    db_pool: SqlitePool,
+    dashboard_tx: broadcast::Sender<serde_json::Value>,
+}
+
+impl RequestLogger {
+    pub fn new(db_pool: SqlitePool, dashboard_tx: broadcast::Sender<serde_json::Value>) -> Self {
+        Self { db_pool, dashboard_tx }
+    }
+
+    /// Log a request to the database (async, spawns a task)
+    pub fn log_request(&self, log: RequestLog) {
+        let pool = self.db_pool.clone();
+        let tx = self.dashboard_tx.clone();
+        
+        // Spawn async task to log without blocking response
+        tokio::spawn(async move {
+            // Broadcast to dashboard
+            let _ = tx.send(serde_json::json!({
+                "event_type": "request",
+                "data": log
+            }));
+
+            if let Err(e) = Self::insert_log(&pool, log).await {
+                warn!("Failed to log request to database: {}", e);
+            }
+        });
+    }
+
+    /// Insert a log entry into the database
+    async fn insert_log(pool: &SqlitePool, log: RequestLog) -> Result<(), sqlx::Error> {
+        sqlx::query(
+            r#"
+            INSERT INTO llm_requests 
+            (timestamp, client_id, provider, model, prompt_tokens, completion_tokens, total_tokens, cost, has_images, status, error_message, duration_ms, request_body, response_body)
+            VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+            "#,
+        )
+        .bind(log.timestamp)
+        .bind(log.client_id)
+        .bind(log.provider)
+        .bind(log.model)
+        .bind(log.prompt_tokens as i64)
+        .bind(log.completion_tokens as i64)
+        .bind(log.total_tokens as i64)
+        .bind(log.cost)
+        .bind(log.has_images)
+        .bind(log.status)
+        .bind(log.error_message)
+        .bind(log.duration_ms as i64)
+        .bind(None::<String>) // request_body - TODO: store serialized request
+        .bind(None::<String>) // response_body - TODO: store serialized response or error
+        .execute(pool)
+        .await?;
+
+        Ok(())
+    }
+}
+
+// /// Middleware to log LLM API requests
+// /// TODO: Implement proper middleware that can extract response body details
+// pub async fn request_logging_middleware(
+//     // Extract the authenticated client (if available)
+//     auth_result: Result<AuthenticatedClient, AppError>,
+//     request: Request,
+//     next: Next,
+// ) -> Response {
+//     let start_time = std::time::Instant::now();
+//     
+//     // Extract client_id from auth or use "unknown"
+//     let client_id = match auth_result {
+//         Ok(auth) => auth.client_id,
+//         Err(_) => "unknown".to_string(),
+//     };
+//     
+//     // Try to extract request details
+//     let (request_parts, request_body) = request.into_parts();
+//     
+//     // Clone request parts for logging
+//     let path = request_parts.uri.path().to_string();
+//     
+//     // Check if this is a chat completion request
+//     let is_chat_completion = path == "/v1/chat/completions";
+//     
+//     // Reconstruct request for downstream handlers
+//     let request = Request::from_parts(request_parts, request_body);
+//     
+//     // Process request and get response
+//     let response = next.run(request).await;
+//     
+//     // Calculate duration
+//     let duration = start_time.elapsed();
+//     let duration_ms = duration.as_millis() as u64;
+//     
+//     // Log basic request info
+//     info!(
+//         "Request from {} to {} - Status: {} - Duration: {}ms",
+//         client_id,
+//         path,
+//         response.status().as_u16(),
+//         duration_ms
+//     );
+//     
+//     // TODO: Extract more details from request/response for logging
+//     // For now, we'll need to modify the server handler to pass additional context
+//     
+//     response
+// }
+
+/// Context for request logging that can be passed through extensions
+#[derive(Clone)]
+pub struct LoggingContext {
+    pub client_id: String,
+    pub provider_name: String,
+    pub model: String,
+    pub prompt_tokens: u32,
+    pub completion_tokens: u32,
+    pub total_tokens: u32,
+    pub cost: f64,
+    pub has_images: bool,
+    pub error: Option<AppError>,
+}
+
+impl LoggingContext {
+    pub fn new(client_id: String, provider_name: String, model: String) -> Self {
+        Self {
+            client_id,
+            provider_name,
+            model,
+            prompt_tokens: 0,
+            completion_tokens: 0,
+            total_tokens: 0,
+            cost: 0.0,
+            has_images: false,
+            error: None,
+        }
+    }
+    
+    pub fn with_token_counts(mut self, prompt_tokens: u32, completion_tokens: u32) -> Self {
+        self.prompt_tokens = prompt_tokens;
+        self.completion_tokens = completion_tokens;
+        self.total_tokens = prompt_tokens + completion_tokens;
+        self
+    }
+    
+    pub fn with_cost(mut self, cost: f64) -> Self {
+        self.cost = cost;
+        self
+    }
+    
+    pub fn with_images(mut self, has_images: bool) -> Self {
+        self.has_images = has_images;
+        self
+    }
+    
+    pub fn with_error(mut self, error: AppError) -> Self {
+        self.error = Some(error);
+        self
+    }
+}
\ No newline at end of file
diff --git a/src/main.rs b/src/main.rs
new file mode 100644
index 00000000..9ccb7365
--- /dev/null
+++ b/src/main.rs
@@ -0,0 +1,129 @@
+use anyhow::Result;
+use axum::{Router, routing::get};
+use std::net::SocketAddr;
+use std::sync::Arc;
+use tracing::{info, error};
+
+use llm_proxy::{
+    config::AppConfig, 
+    state::AppState,
+    providers::{
+        ProviderManager, 
+        openai::OpenAIProvider,
+        gemini::GeminiProvider,
+        deepseek::DeepSeekProvider,
+        grok::GrokProvider,
+    },
+    database,
+    server,
+    dashboard,
+    rate_limiting::{RateLimitManager, RateLimiterConfig, CircuitBreakerConfig},
+};
+
+#[tokio::main]
+async fn main() -> Result<()> {
+    // Initialize tracing (logging)
+    tracing_subscriber::fmt()
+        .with_max_level(tracing::Level::INFO)
+        .with_target(false)
+        .init();
+
+    info!("Starting LLM Proxy Gateway v{}", env!("CARGO_PKG_VERSION"));
+
+    // Load configuration
+    let config = AppConfig::load().await?;
+    info!("Configuration loaded from {:?}", config.config_path);
+
+    // Initialize database connection pool
+    let db_pool = database::init(&config.database).await?;
+    info!("Database initialized at {:?}", config.database.path);
+
+    // Initialize provider manager with configured providers
+    let mut provider_manager = ProviderManager::new();
+    
+    // Initialize OpenAI
+    if config.providers.openai.enabled {
+        match OpenAIProvider::new(&config.providers.openai, &config) {
+            Ok(p) => {
+                provider_manager.add_provider(Arc::new(p));
+                info!("OpenAI provider initialized");
+            }
+            Err(e) => error!("Failed to initialize OpenAI provider: {}", e),
+        }
+    }
+    
+    // Initialize Gemini
+    if config.providers.gemini.enabled {
+        match GeminiProvider::new(&config.providers.gemini, &config) {
+            Ok(p) => {
+                provider_manager.add_provider(Arc::new(p));
+                info!("Gemini provider initialized");
+            }
+            Err(e) => error!("Failed to initialize Gemini provider: {}", e),
+        }
+    }
+    
+    // Initialize DeepSeek
+    if config.providers.deepseek.enabled {
+        match DeepSeekProvider::new(&config.providers.deepseek, &config) {
+            Ok(p) => {
+                provider_manager.add_provider(Arc::new(p));
+                info!("DeepSeek provider initialized");
+            }
+            Err(e) => error!("Failed to initialize DeepSeek provider: {}", e),
+        }
+    }
+    
+    // Initialize Grok
+    if config.providers.grok.enabled {
+        match GrokProvider::new(&config.providers.grok, &config) {
+            Ok(p) => {
+                provider_manager.add_provider(Arc::new(p));
+                info!("Grok provider initialized");
+            }
+            Err(e) => error!("Failed to initialize Grok provider: {}", e),
+        }
+    }
+
+    // Create rate limit manager
+    let rate_limit_manager = RateLimitManager::new(
+        RateLimiterConfig::default(),
+        CircuitBreakerConfig::default(),
+    );
+    
+    // Fetch model registry from models.dev
+    let model_registry = match llm_proxy::utils::registry::fetch_registry().await {
+        Ok(registry) => registry,
+        Err(e) => {
+            error!("Failed to fetch model registry: {}. Using empty registry.", e);
+            llm_proxy::models::registry::ModelRegistry { providers: std::collections::HashMap::new() }
+        }
+    };
+    
+    // Create application state
+    let state = AppState::new(provider_manager, db_pool, rate_limit_manager, model_registry);
+
+    // Create application router
+    let app = Router::new()
+        .route("/health", get(health_check))
+        .route("/", get(root))
+        .merge(server::router(state.clone()))
+        .merge(dashboard::router(state.clone()));
+
+    // Start server
+    let addr = SocketAddr::from(([0, 0, 0, 0], config.server.port));
+    info!("Server listening on http://{}", addr);
+
+    let listener = tokio::net::TcpListener::bind(&addr).await?;
+    axum::serve(listener, app).await?;
+
+    Ok(())
+}
+
+async fn health_check() -> &'static str {
+    "OK"
+}
+
+async fn root() -> &'static str {
+    "LLM Proxy Gateway - Unified interface for OpenAI, Gemini, DeepSeek, and Grok"
+}
diff --git a/src/models/mod.rs b/src/models/mod.rs
new file mode 100644
index 00000000..40adb3e7
--- /dev/null
+++ b/src/models/mod.rs
@@ -0,0 +1,239 @@
+use serde::{Deserialize, Serialize};
+
+pub mod registry;
+
+// ========== OpenAI-compatible Request/Response Structs ==========
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ChatCompletionRequest {
+    pub model: String,
+    pub messages: Vec<ChatMessage>,
+    #[serde(default)]
+    pub temperature: Option<f64>,
+    #[serde(default)]
+    pub max_tokens: Option<u32>,
+    #[serde(default)]
+    pub stream: Option<bool>,
+    // Add other OpenAI-compatible fields as needed
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ChatMessage {
+    pub role: String, // "system", "user", "assistant"
+    #[serde(flatten)]
+    pub content: MessageContent,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+#[serde(untagged)]
+pub enum MessageContent {
+    Text { content: String },
+    Parts { content: Vec<ContentPartValue> },
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+#[serde(tag = "type", rename_all = "snake_case")]
+pub enum ContentPartValue {
+    Text { text: String },
+    ImageUrl { image_url: ImageUrl },
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ImageUrl {
+    pub url: String,
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub detail: Option<String>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ChatCompletionResponse {
+    pub id: String,
+    pub object: String,
+    pub created: u64,
+    pub model: String,
+    pub choices: Vec<ChatChoice>,
+    pub usage: Option<Usage>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ChatChoice {
+    pub index: u32,
+    pub message: ChatMessage,
+    pub finish_reason: Option<String>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct Usage {
+    pub prompt_tokens: u32,
+    pub completion_tokens: u32,
+    pub total_tokens: u32,
+}
+
+// ========== Streaming Response Structs ==========
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ChatCompletionStreamResponse {
+    pub id: String,
+    pub object: String,
+    pub created: u64,
+    pub model: String,
+    pub choices: Vec<ChatStreamChoice>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ChatStreamChoice {
+    pub index: u32,
+    pub delta: ChatStreamDelta,
+    pub finish_reason: Option<String>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ChatStreamDelta {
+    pub role: Option<String>,
+    pub content: Option<String>,
+}
+
+// ========== Unified Request Format (for internal use) ==========
+
+#[derive(Debug, Clone)]
+pub struct UnifiedRequest {
+    pub client_id: String,
+    pub model: String,
+    pub messages: Vec<UnifiedMessage>,
+    pub temperature: Option<f64>,
+    pub max_tokens: Option<u32>,
+    pub stream: bool,
+    pub has_images: bool,
+}
+
+#[derive(Debug, Clone)]
+pub struct UnifiedMessage {
+    pub role: String,
+    pub content: Vec<ContentPart>,
+}
+
+#[derive(Debug, Clone)]
+pub enum ContentPart {
+    Text { text: String },
+    Image(crate::multimodal::ImageInput),
+}
+
+// ========== Provider-specific Structs ==========
+
+#[derive(Debug, Clone, Serialize)]
+pub struct OpenAIRequest {
+    pub model: String,
+    pub messages: Vec<OpenAIMessage>,
+    pub temperature: Option<f64>,
+    pub max_tokens: Option<u32>,
+    pub stream: Option<bool>,
+}
+
+#[derive(Debug, Clone, Serialize)]
+pub struct OpenAIMessage {
+    pub role: String,
+    pub content: Vec<OpenAIContentPart>,
+}
+
+#[derive(Debug, Clone, Serialize)]
+#[serde(tag = "type", rename_all = "snake_case")]
+pub enum OpenAIContentPart {
+    Text { text: String },
+    ImageUrl { image_url: ImageUrl },
+}
+
+// Note: ImageUrl struct is defined earlier in the file
+
+// ========== Conversion Traits ==========
+
+pub trait ToOpenAI {
+    fn to_openai(&self) -> Result<OpenAIRequest, anyhow::Error>;
+}
+
+pub trait FromOpenAI {
+    fn from_openai(request: &OpenAIRequest) -> Result<Self, anyhow::Error>
+    where
+        Self: Sized;
+}
+
+impl UnifiedRequest {
+    /// Hydrate all image content by fetching URLs and converting to base64/bytes
+    pub async fn hydrate_images(&mut self) -> anyhow::Result<()> {
+        if !self.has_images {
+            return Ok(());
+        }
+
+        for msg in &mut self.messages {
+            for part in &mut msg.content {
+                if let ContentPart::Image(image_input) = part {
+                    // Pre-fetch and validate if it's a URL
+                    if let crate::multimodal::ImageInput::Url(_url) = image_input {
+                        let (base64_data, mime_type) = image_input.to_base64().await?;
+                        *image_input = crate::multimodal::ImageInput::Base64 {
+                            data: base64_data,
+                            mime_type,
+                        };
+                    }
+                }
+            }
+        }
+        Ok(())
+    }
+}
+
+impl TryFrom<ChatCompletionRequest> for UnifiedRequest {
+    type Error = anyhow::Error;
+
+    fn try_from(req: ChatCompletionRequest) -> Result<Self, Self::Error> {
+        let mut has_images = false;
+
+        // Convert OpenAI-compatible request to unified format
+        let messages = req
+            .messages
+            .into_iter()
+            .map(|msg| {
+                let (content, _images_in_message) = match msg.content {
+                    MessageContent::Text { content } => {
+                        (vec![ContentPart::Text { text: content }], false)
+                    }
+                    MessageContent::Parts { content } => {
+                        let mut unified_content = Vec::new();
+                        let mut has_images_in_msg = false;
+
+                        for part in content {
+                            match part {
+                                ContentPartValue::Text { text } => {
+                                    unified_content.push(ContentPart::Text { text });
+                                }
+                                ContentPartValue::ImageUrl { image_url } => {
+                                    has_images_in_msg = true;
+                                    has_images = true;
+                                    unified_content.push(ContentPart::Image(
+                                        crate::multimodal::ImageInput::from_url(image_url.url)
+                                    ));
+                                }
+                            }
+                        }
+
+                        (unified_content, has_images_in_msg)
+                    }
+                };
+
+                UnifiedMessage {
+                    role: msg.role,
+                    content,
+                }
+            })
+            .collect();
+
+        Ok(UnifiedRequest {
+            client_id: String::new(), // Will be populated by auth middleware
+            model: req.model,
+            messages,
+            temperature: req.temperature,
+            max_tokens: req.max_tokens,
+            stream: req.stream.unwrap_or(false),
+            has_images,
+        })
+    }
+}
diff --git a/src/models/registry.rs b/src/models/registry.rs
new file mode 100644
index 00000000..3ccd17c2
--- /dev/null
+++ b/src/models/registry.rs
@@ -0,0 +1,69 @@
+use serde::{Deserialize, Serialize};
+use std::collections::HashMap;
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ModelRegistry {
+    #[serde(flatten)]
+    pub providers: HashMap<String, ProviderInfo>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ProviderInfo {
+    pub id: String,
+    pub name: String,
+    pub models: HashMap<String, ModelMetadata>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ModelMetadata {
+    pub id: String,
+    pub name: String,
+    pub cost: Option<ModelCost>,
+    pub limit: Option<ModelLimit>,
+    pub modalities: Option<ModelModalities>,
+    pub tool_call: Option<bool>,
+    pub reasoning: Option<bool>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ModelCost {
+    pub input: f64,
+    pub output: f64,
+    pub cache_read: Option<f64>,
+    pub cache_write: Option<f64>,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ModelLimit {
+    pub context: u32,
+    pub output: u32,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ModelModalities {
+    pub input: Vec<String>,
+    pub output: Vec<String>,
+}
+
+impl ModelRegistry {
+    /// Find a model by its ID (searching across all providers)
+    pub fn find_model(&self, model_id: &str) -> Option<&ModelMetadata> {
+        // First try exact match if the key in models map matches the ID
+        for provider in self.providers.values() {
+            if let Some(model) = provider.models.get(model_id) {
+                return Some(model);
+            }
+        }
+        
+        // Try searching for the model ID inside the metadata if the key was different
+        for provider in self.providers.values() {
+            for model in provider.models.values() {
+                if model.id == model_id {
+                    return Some(model);
+                }
+            }
+        }
+        
+        None
+    }
+}
diff --git a/src/multimodal/mod.rs b/src/multimodal/mod.rs
new file mode 100644
index 00000000..0af00e1d
--- /dev/null
+++ b/src/multimodal/mod.rs
@@ -0,0 +1,285 @@
+//! Multimodal support for image processing and conversion
+//! 
+//! This module handles:
+//! 1. Image format detection and conversion
+//! 2. Base64 encoding/decoding
+//! 3. URL fetching for images
+//! 4. Provider-specific image format conversion
+
+use anyhow::{Context, Result};
+use base64::{engine::general_purpose, Engine as _};
+use tracing::{info, warn};
+
+/// Supported image formats for multimodal input
+#[derive(Debug, Clone)]
+pub enum ImageInput {
+    /// Base64-encoded image data with MIME type
+    Base64 {
+        data: String,
+        mime_type: String,
+    },
+    /// URL to fetch image from
+    Url(String),
+    /// Raw bytes with MIME type
+    Bytes {
+        data: Vec<u8>,
+        mime_type: String,
+    },
+}
+
+impl ImageInput {
+    /// Create ImageInput from base64 string
+    pub fn from_base64(data: String, mime_type: String) -> Self {
+        Self::Base64 { data, mime_type }
+    }
+    
+    /// Create ImageInput from URL
+    pub fn from_url(url: String) -> Self {
+        Self::Url(url)
+    }
+    
+    /// Create ImageInput from raw bytes
+    pub fn from_bytes(data: Vec<u8>, mime_type: String) -> Self {
+        Self::Bytes { data, mime_type }
+    }
+    
+    /// Get MIME type if available
+    pub fn mime_type(&self) -> Option<&str> {
+        match self {
+            Self::Base64 { mime_type, .. } => Some(mime_type),
+            Self::Bytes { mime_type, .. } => Some(mime_type),
+            Self::Url(_) => None,
+        }
+    }
+    
+    /// Convert to base64 if not already
+    pub async fn to_base64(&self) -> Result<(String, String)> {
+        match self {
+            Self::Base64 { data, mime_type } => Ok((data.clone(), mime_type.clone())),
+            Self::Bytes { data, mime_type } => {
+                let base64_data = general_purpose::STANDARD.encode(data);
+                Ok((base64_data, mime_type.clone()))
+            }
+            Self::Url(url) => {
+                // Fetch image from URL
+                info!("Fetching image from URL: {}", url);
+                let response = reqwest::get(url)
+                    .await
+                    .context("Failed to fetch image from URL")?;
+                
+                if !response.status().is_success() {
+                    anyhow::bail!("Failed to fetch image: HTTP {}", response.status());
+                }
+                
+                let mime_type = response
+                    .headers()
+                    .get(reqwest::header::CONTENT_TYPE)
+                    .and_then(|h| h.to_str().ok())
+                    .unwrap_or("image/jpeg")
+                    .to_string();
+                
+                let bytes = response.bytes().await.context("Failed to read image bytes")?;
+                
+                let base64_data = general_purpose::STANDARD.encode(&bytes);
+                Ok((base64_data, mime_type))
+            }
+        }
+    }
+    
+    /// Get image dimensions (width, height)
+    pub async fn get_dimensions(&self) -> Result<(u32, u32)> {
+        let bytes = match self {
+            Self::Base64 { data, .. } => {
+                general_purpose::STANDARD.decode(data).context("Failed to decode base64")?
+            }
+            Self::Bytes { data, .. } => data.clone(),
+            Self::Url(_) => {
+                let (base64_data, _) = self.to_base64().await?;
+                general_purpose::STANDARD.decode(&base64_data).context("Failed to decode base64")?
+            }
+        };
+        
+        let img = image::load_from_memory(&bytes).context("Failed to load image from bytes")?;
+        Ok((img.width(), img.height()))
+    }
+    
+    /// Validate image size and format
+    pub async fn validate(&self, max_size_mb: f64) -> Result<()> {
+        let (width, height) = self.get_dimensions().await?;
+        
+        // Check dimensions
+        if width > 4096 || height > 4096 {
+            warn!("Image dimensions too large: {}x{}", width, height);
+            // Continue anyway, but log warning
+        }
+        
+        // Check file size
+        let size_bytes = match self {
+            Self::Base64 { data, .. } => {
+                // Base64 size is ~4/3 of original
+                (data.len() as f64 * 0.75) as usize
+            }
+            Self::Bytes { data, .. } => data.len(),
+            Self::Url(_) => {
+                // For URLs, we'd need to fetch to check size
+                // Skip size check for URLs for now
+                return Ok(());
+            }
+        };
+        
+        let size_mb = size_bytes as f64 / (1024.0 * 1024.0);
+        if size_mb > max_size_mb {
+            anyhow::bail!("Image too large: {:.2}MB > {:.2}MB limit", size_mb, max_size_mb);
+        }
+        
+        Ok(())
+    }
+}
+
+/// Provider-specific image format conversion
+pub struct ImageConverter;
+
+impl ImageConverter {
+    /// Convert image to OpenAI-compatible format
+    pub async fn to_openai_format(image: &ImageInput) -> Result<serde_json::Value> {
+        let (base64_data, mime_type) = image.to_base64().await?;
+        
+        // OpenAI expects data URL format: "data:image/jpeg;base64,{data}"
+        let data_url = format!("data:{};base64,{}", mime_type, base64_data);
+        
+        Ok(serde_json::json!({
+            "type": "image_url",
+            "image_url": {
+                "url": data_url,
+                "detail": "auto"  // Can be "low", "high", or "auto"
+            }
+        }))
+    }
+    
+    /// Convert image to Gemini-compatible format
+    pub async fn to_gemini_format(image: &ImageInput) -> Result<serde_json::Value> {
+        let (base64_data, mime_type) = image.to_base64().await?;
+        
+        // Gemini expects inline data format
+        Ok(serde_json::json!({
+            "inline_data": {
+                "mime_type": mime_type,
+                "data": base64_data
+            }
+        }))
+    }
+    
+    /// Convert image to DeepSeek-compatible format
+    pub async fn to_deepseek_format(image: &ImageInput) -> Result<serde_json::Value> {
+        // DeepSeek uses OpenAI-compatible format for vision models
+        Self::to_openai_format(image).await
+    }
+    
+    /// Detect if a model supports multimodal input
+    pub fn model_supports_multimodal(model: &str) -> bool {
+        // OpenAI vision models
+        if (model.starts_with("gpt-4") && (model.contains("vision") || model.contains("-v") || model.contains("4o"))) || 
+           model.starts_with("o1-") || model.starts_with("o3-") {
+            return true;
+        }
+        
+        // Gemini vision models
+        if model.starts_with("gemini") {
+            // Most Gemini models support vision
+            return true;
+        }
+        
+        // DeepSeek vision models
+        if model.starts_with("deepseek-vl") {
+            return true;
+        }
+        
+        false
+    }
+}
+
+/// Parse OpenAI-compatible multimodal message content
+pub fn parse_openai_content(content: &serde_json::Value) -> Result<Vec<(String, Option<ImageInput>)>> {
+    let mut parts = Vec::new();
+    
+    if let Some(content_str) = content.as_str() {
+        // Simple text content
+        parts.push((content_str.to_string(), None));
+    } else if let Some(content_array) = content.as_array() {
+        // Array of content parts (text and/or images)
+        for part in content_array {
+            if let Some(part_obj) = part.as_object() {
+                if let Some(part_type) = part_obj.get("type").and_then(|t| t.as_str()) {
+                    match part_type {
+                        "text" => {
+                            if let Some(text) = part_obj.get("text").and_then(|t| t.as_str()) {
+                                parts.push((text.to_string(), None));
+                            }
+                        }
+                        "image_url" => {
+                            if let Some(image_url_obj) = part_obj.get("image_url").and_then(|o| o.as_object()) {
+                                if let Some(url) = image_url_obj.get("url").and_then(|u| u.as_str()) {
+                                    if url.starts_with("data:") {
+                                        // Parse data URL
+                                        if let Some((mime_type, data)) = parse_data_url(url) {
+                                            let image_input = ImageInput::from_base64(data, mime_type);
+                                            parts.push(("".to_string(), Some(image_input)));
+                                        }
+                                    } else {
+                                        // Regular URL
+                                        let image_input = ImageInput::from_url(url.to_string());
+                                        parts.push(("".to_string(), Some(image_input)));
+                                    }
+                                }
+                            }
+                        }
+                        _ => {
+                            warn!("Unknown content part type: {}", part_type);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    
+    Ok(parts)
+}
+
+/// Parse data URL (data:image/jpeg;base64,{data})
+fn parse_data_url(data_url: &str) -> Option<(String, String)> {
+    if !data_url.starts_with("data:") {
+        return None;
+    }
+    
+    let parts: Vec<&str> = data_url[5..].split(";base64,").collect();
+    if parts.len() != 2 {
+        return None;
+    }
+    
+    let mime_type = parts[0].to_string();
+    let data = parts[1].to_string();
+    
+    Some((mime_type, data))
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+    
+    #[tokio::test]
+    async fn test_parse_data_url() {
+        let test_url = "data:image/jpeg;base64,SGVsbG8gV29ybGQ="; // "Hello World" in base64
+        let (mime_type, data) = parse_data_url(test_url).unwrap();
+        
+        assert_eq!(mime_type, "image/jpeg");
+        assert_eq!(data, "SGVsbG8gV29ybGQ=");
+    }
+    
+    #[tokio::test]
+    async fn test_model_supports_multimodal() {
+        assert!(ImageConverter::model_supports_multimodal("gpt-4-vision-preview"));
+        assert!(ImageConverter::model_supports_multimodal("gemini-pro-vision"));
+        assert!(!ImageConverter::model_supports_multimodal("gpt-3.5-turbo"));
+        assert!(!ImageConverter::model_supports_multimodal("gemini-pro"));
+    }
+}
\ No newline at end of file
diff --git a/src/providers/deepseek.rs b/src/providers/deepseek.rs
new file mode 100644
index 00000000..92135e93
--- /dev/null
+++ b/src/providers/deepseek.rs
@@ -0,0 +1,303 @@
+use async_trait::async_trait;
+use anyhow::Result;
+use async_openai::{Client, config::OpenAIConfig};
+use async_openai::types::chat::{CreateChatCompletionRequestArgs, ChatCompletionRequestMessage, ChatCompletionRequestUserMessage, ChatCompletionRequestSystemMessage, ChatCompletionRequestAssistantMessage, ChatCompletionRequestUserMessageContent, ChatCompletionRequestSystemMessageContent, ChatCompletionRequestAssistantMessageContent};
+use futures::stream::{BoxStream, StreamExt};
+
+use crate::{
+    models::UnifiedRequest,
+    errors::AppError,
+    config::AppConfig,
+};
+use super::{ProviderResponse, ProviderStreamChunk};
+
+pub struct DeepSeekProvider {
+    client: Client<OpenAIConfig>,  // DeepSeek uses OpenAI-compatible API
+    _config: crate::config::DeepSeekConfig,
+    pricing: Vec<crate::config::ModelPricing>,
+}
+
+impl DeepSeekProvider {
+    pub fn new(config: &crate::config::DeepSeekConfig, app_config: &AppConfig) -> Result<Self> {
+        let api_key = app_config.get_api_key("deepseek")?;
+        
+        // Create OpenAIConfig with api key and base url
+        let openai_config = OpenAIConfig::default()
+            .with_api_key(api_key)
+            .with_api_base(&config.base_url);
+        
+        let client = Client::with_config(openai_config);
+        
+        Ok(Self {
+            client,
+            _config: config.clone(),
+            pricing: app_config.pricing.deepseek.clone(),
+        })
+    }
+}
+
+#[async_trait]
+impl super::Provider for DeepSeekProvider {
+    fn name(&self) -> &str {
+        "deepseek"
+    }
+
+    fn supports_model(&self, model: &str) -> bool {
+        model.starts_with("deepseek-") || model.contains("deepseek")
+    }
+
+    fn supports_multimodal(&self) -> bool {
+        false  // DeepSeek doesn't support general vision (only OCR)
+    }
+
+    async fn chat_completion(
+        &self,
+        request: UnifiedRequest,
+    ) -> Result<ProviderResponse, AppError> {
+        use async_openai::types::chat::{ChatCompletionRequestUserMessageContentPart, ChatCompletionRequestMessageContentPartText, ChatCompletionRequestMessageContentPartImage, ImageUrl, ImageDetail};
+
+        // Convert UnifiedRequest messages to OpenAI-compatible messages
+        let mut messages = Vec::with_capacity(request.messages.len());
+        
+        for msg in request.messages {
+            let mut parts = Vec::with_capacity(msg.content.len());
+            
+            for part in msg.content {
+                match part {
+                    crate::models::ContentPart::Text { text } => {
+                        parts.push(ChatCompletionRequestUserMessageContentPart::Text(ChatCompletionRequestMessageContentPartText {
+                            text,
+                        }));
+                    }
+                    crate::models::ContentPart::Image(image_input) => {
+                        let (base64_data, mime_type) = image_input.to_base64().await
+                            .map_err(|e| AppError::ProviderError(format!("Failed to convert image: {}", e)))?;
+                        let data_url = format!("data:{};base64,{}", mime_type, base64_data);
+                        
+                        parts.push(ChatCompletionRequestUserMessageContentPart::ImageUrl(ChatCompletionRequestMessageContentPartImage {
+                            image_url: ImageUrl {
+                                url: data_url,
+                                detail: Some(ImageDetail::Auto),
+                            }
+                        }));
+                    }
+                }
+            }
+                
+            let message = match msg.role.as_str() {
+                "system" => ChatCompletionRequestMessage::System(
+                    ChatCompletionRequestSystemMessage {
+                        content: ChatCompletionRequestSystemMessageContent::Text(
+                            parts.iter().filter_map(|p| if let ChatCompletionRequestUserMessageContentPart::Text(t) = p { Some(t.text.clone()) } else { None }).collect::<Vec<_>>().join("\n")
+                        ),
+                        name: None,
+                    }
+                ),
+                "assistant" => ChatCompletionRequestMessage::Assistant(
+                    ChatCompletionRequestAssistantMessage {
+                        content: Some(ChatCompletionRequestAssistantMessageContent::Text(
+                            parts.iter().filter_map(|p| if let ChatCompletionRequestUserMessageContentPart::Text(t) = p { Some(t.text.clone()) } else { None }).collect::<Vec<_>>().join("\n")
+                        )),
+                        name: None,
+                        tool_calls: None,
+                        refusal: None,
+                        audio: None,
+                        #[allow(deprecated)]
+                        function_call: None,
+                    }
+                ),
+                _ => ChatCompletionRequestMessage::User(
+                    ChatCompletionRequestUserMessage {
+                        content: ChatCompletionRequestUserMessageContent::Array(parts),
+                        name: None,
+                    }
+                ),
+            };
+            messages.push(message);
+        }
+        
+        if messages.is_empty() {
+            return Err(AppError::ProviderError("No valid text messages to send".to_string()));
+        }
+        
+        // Build request using builder pattern
+        let mut builder = CreateChatCompletionRequestArgs::default();
+        builder.model(request.model.clone());
+        builder.messages(messages);
+        
+        // Add optional parameters
+        if let Some(temp) = request.temperature {
+            builder.temperature(temp as f32);
+        }
+        
+        if let Some(max_tokens) = request.max_tokens {
+            builder.max_tokens(max_tokens as u16);
+        }
+        
+        // Execute API call
+        let response = self.client
+            .chat()
+            .create(builder.build().map_err(|e| AppError::ProviderError(e.to_string()))?)
+            .await
+            .map_err(|e| AppError::ProviderError(e.to_string()))?;
+        
+        // Extract content from response
+        let content = response
+            .choices
+            .first()
+            .and_then(|choice| choice.message.content.clone())
+            .unwrap_or_default();
+        
+        // Extract token usage
+        let prompt_tokens = response.usage.as_ref().map(|u| u.prompt_tokens).unwrap_or(0) as u32;
+        let completion_tokens = response.usage.as_ref().map(|u| u.completion_tokens).unwrap_or(0) as u32;
+        let total_tokens = response.usage.as_ref().map(|u| u.total_tokens).unwrap_or(0) as u32;
+        
+        Ok(ProviderResponse {
+            content,
+            prompt_tokens,
+            completion_tokens,
+            total_tokens,
+            model: request.model,
+        })
+    }
+
+    fn estimate_tokens(&self, request: &UnifiedRequest) -> Result<u32> {
+        Ok(crate::utils::tokens::estimate_request_tokens(&request.model, request))
+    }
+
+    fn calculate_cost(&self, model: &str, prompt_tokens: u32, completion_tokens: u32, registry: &crate::models::registry::ModelRegistry) -> f64 {
+        if let Some(metadata) = registry.find_model(model) {
+            if let Some(cost) = &metadata.cost {
+                return (prompt_tokens as f64 * cost.input / 1_000_000.0) + 
+                       (completion_tokens as f64 * cost.output / 1_000_000.0);
+            }
+        }
+        
+        let (prompt_rate, completion_rate) = self.pricing.iter()
+            .find(|p| model.contains(&p.model))
+            .map(|p| (p.prompt_tokens_per_million, p.completion_tokens_per_million))
+            .unwrap_or((0.14, 0.28)); // Default to DeepSeek V3 price if not found
+            
+        (prompt_tokens as f64 * prompt_rate / 1_000_000.0) + (completion_tokens as f64 * completion_rate / 1_000_000.0)
+    }
+
+    async fn chat_completion_stream(
+        &self,
+        request: UnifiedRequest,
+    ) -> Result<BoxStream<'static, Result<ProviderStreamChunk, AppError>>, AppError> {
+        use async_openai::types::chat::{ChatCompletionRequestUserMessageContentPart, ChatCompletionRequestMessageContentPartText, ChatCompletionRequestMessageContentPartImage, ImageUrl, ImageDetail};
+
+        // Convert UnifiedRequest messages to OpenAI-compatible messages
+        let mut messages = Vec::with_capacity(request.messages.len());
+        
+        for msg in request.messages {
+            let mut parts = Vec::with_capacity(msg.content.len());
+            
+            for part in msg.content {
+                match part {
+                    crate::models::ContentPart::Text { text } => {
+                        parts.push(ChatCompletionRequestUserMessageContentPart::Text(ChatCompletionRequestMessageContentPartText {
+                            text,
+                        }));
+                    }
+                    crate::models::ContentPart::Image(image_input) => {
+                        let (base64_data, mime_type) = image_input.to_base64().await
+                            .map_err(|e| AppError::ProviderError(format!("Failed to convert image: {}", e)))?;
+                        let data_url = format!("data:{};base64,{}", mime_type, base64_data);
+                        
+                        parts.push(ChatCompletionRequestUserMessageContentPart::ImageUrl(ChatCompletionRequestMessageContentPartImage {
+                            image_url: ImageUrl {
+                                url: data_url,
+                                detail: Some(ImageDetail::Auto),
+                            }
+                        }));
+                    }
+                }
+            }
+                
+            let message = match msg.role.as_str() {
+                "system" => ChatCompletionRequestMessage::System(
+                    ChatCompletionRequestSystemMessage {
+                        content: ChatCompletionRequestSystemMessageContent::Text(
+                            parts.iter().filter_map(|p| if let ChatCompletionRequestUserMessageContentPart::Text(t) = p { Some(t.text.clone()) } else { None }).collect::<Vec<_>>().join("\n")
+                        ),
+                        name: None,
+                    }
+                ),
+                "assistant" => ChatCompletionRequestMessage::Assistant(
+                    ChatCompletionRequestAssistantMessage {
+                        content: Some(ChatCompletionRequestAssistantMessageContent::Text(
+                            parts.iter().filter_map(|p| if let ChatCompletionRequestUserMessageContentPart::Text(t) = p { Some(t.text.clone()) } else { None }).collect::<Vec<_>>().join("\n")
+                        )),
+                        name: None,
+                        tool_calls: None,
+                        refusal: None,
+                        audio: None,
+                        #[allow(deprecated)]
+                        function_call: None,
+                    }
+                ),
+                _ => ChatCompletionRequestMessage::User(
+                    ChatCompletionRequestUserMessage {
+                        content: ChatCompletionRequestUserMessageContent::Array(parts),
+                        name: None,
+                    }
+                ),
+            };
+            messages.push(message);
+        }
+        
+        if messages.is_empty() {
+            return Err(AppError::ProviderError("No valid text messages to send".to_string()));
+        }
+        
+        // Build request using builder pattern
+        let mut builder = CreateChatCompletionRequestArgs::default();
+        builder.model(request.model.clone());
+        builder.messages(messages);
+        builder.stream(true); // Enable streaming
+        
+        // Add optional parameters
+        if let Some(temp) = request.temperature {
+            builder.temperature(temp as f32);
+        }
+        
+        if let Some(max_tokens) = request.max_tokens {
+            builder.max_tokens(max_tokens as u16);
+        }
+        
+        // Execute streaming API call
+        let stream = self.client
+            .chat()
+            .create_stream(builder.build().map_err(|e| AppError::ProviderError(e.to_string()))?)
+            .await
+            .map_err(|e| AppError::ProviderError(e.to_string()))?;
+        
+        // Convert OpenAI stream to our stream format
+        let model = request.model.clone();
+        let stream = stream.map(move |chunk_result| {
+            match chunk_result {
+                Ok(chunk) => {
+                    // Extract content from chunk
+                    let content = chunk.choices.first()
+                        .and_then(|choice| choice.delta.content.clone())
+                        .unwrap_or_default();
+                    
+                    let finish_reason = chunk.choices.first()
+                        .and_then(|choice| choice.finish_reason.clone())
+                        .map(|reason| format!("{:?}", reason));
+                    
+                    Ok(ProviderStreamChunk {
+                        content,
+                        finish_reason,
+                        model: model.clone(),
+                    })
+                }
+                Err(e) => Err(AppError::ProviderError(e.to_string())),
+            }
+        });
+        
+        Ok(Box::pin(stream))
+    }
+}
\ No newline at end of file
diff --git a/src/providers/gemini.rs b/src/providers/gemini.rs
new file mode 100644
index 00000000..91098112
--- /dev/null
+++ b/src/providers/gemini.rs
@@ -0,0 +1,342 @@
+use async_trait::async_trait;
+use anyhow::Result;
+use serde::{Deserialize, Serialize};
+use futures::stream::BoxStream;
+
+use crate::{
+    models::UnifiedRequest,
+    errors::AppError,
+    config::AppConfig,
+};
+use super::{ProviderResponse, ProviderStreamChunk};
+
+#[derive(Debug, Serialize)]
+struct GeminiRequest {
+    contents: Vec<GeminiContent>,
+    generation_config: Option<GeminiGenerationConfig>,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+struct GeminiContent {
+    parts: Vec<GeminiPart>,
+    role: String,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+struct GeminiPart {
+    #[serde(skip_serializing_if = "Option::is_none")]
+    text: Option<String>,
+    #[serde(skip_serializing_if = "Option::is_none")]
+    inline_data: Option<GeminiInlineData>,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+struct GeminiInlineData {
+    mime_type: String,
+    data: String,
+}
+
+#[derive(Debug, Serialize)]
+struct GeminiGenerationConfig {
+    temperature: Option<f64>,
+    max_output_tokens: Option<u32>,
+}
+
+#[derive(Debug, Deserialize)]
+struct GeminiCandidate {
+    content: GeminiContent,
+    _finish_reason: Option<String>,
+}
+
+#[derive(Debug, Deserialize)]
+struct GeminiUsageMetadata {
+    prompt_token_count: u32,
+    candidates_token_count: u32,
+    total_token_count: u32,
+}
+
+#[derive(Debug, Deserialize)]
+struct GeminiResponse {
+    candidates: Vec<GeminiCandidate>,
+    usage_metadata: Option<GeminiUsageMetadata>,
+}
+
+
+
+pub struct GeminiProvider {
+    client: reqwest::Client,
+    config: crate::config::GeminiConfig,
+    api_key: String,
+    pricing: Vec<crate::config::ModelPricing>,
+}
+
+impl GeminiProvider {
+    pub fn new(config: &crate::config::GeminiConfig, app_config: &AppConfig) -> Result<Self> {
+        let api_key = app_config.get_api_key("gemini")?;
+        
+        let client = reqwest::Client::builder()
+            .timeout(std::time::Duration::from_secs(30))
+            .build()?;
+        
+        Ok(Self {
+            client,
+            config: config.clone(),
+            api_key,
+            pricing: app_config.pricing.gemini.clone(),
+        })
+    }
+}
+
+#[async_trait]
+impl super::Provider for GeminiProvider {
+    fn name(&self) -> &str {
+        "gemini"
+    }
+
+    fn supports_model(&self, model: &str) -> bool {
+        model.starts_with("gemini-")
+    }
+
+    fn supports_multimodal(&self) -> bool {
+        true  // Gemini supports vision
+    }
+
+    async fn chat_completion(
+        &self,
+        request: UnifiedRequest,
+    ) -> Result<ProviderResponse, AppError> {
+        // Convert UnifiedRequest to Gemini request
+        let mut contents = Vec::with_capacity(request.messages.len());
+        
+        for msg in request.messages {
+            let mut parts = Vec::with_capacity(msg.content.len());
+            
+            for part in msg.content {
+                match part {
+                    crate::models::ContentPart::Text { text } => {
+                        parts.push(GeminiPart {
+                            text: Some(text),
+                            inline_data: None,
+                        });
+                    }
+                    crate::models::ContentPart::Image(image_input) => {
+                        let (base64_data, mime_type) = image_input.to_base64().await
+                            .map_err(|e| AppError::ProviderError(format!("Failed to convert image: {}", e)))?;
+                        
+                        parts.push(GeminiPart {
+                            text: None,
+                            inline_data: Some(GeminiInlineData {
+                                mime_type,
+                                data: base64_data,
+                            }),
+                        });
+                    }
+                }
+            }
+            
+            // Map role: "user" -> "user", "assistant" -> "model", "system" -> "user"
+            let role = match msg.role.as_str() {
+                "assistant" => "model".to_string(),
+                _ => "user".to_string(),
+            };
+            
+            contents.push(GeminiContent {
+                parts,
+                role,
+            });
+        }
+        
+        if contents.is_empty() {
+            return Err(AppError::ProviderError("No valid text messages to send".to_string()));
+        }
+        
+        // Build generation config
+        let generation_config = if request.temperature.is_some() || request.max_tokens.is_some() {
+            Some(GeminiGenerationConfig {
+                temperature: request.temperature,
+                max_output_tokens: request.max_tokens,
+            })
+        } else {
+            None
+        };
+        
+        let gemini_request = GeminiRequest {
+            contents,
+            generation_config,
+        };
+        
+        // Build URL
+        let url = format!("{}/models/{}:generateContent?key={}", 
+            self.config.base_url, 
+            request.model,
+            self.api_key
+        );
+        
+        // Send request
+        let response = self.client
+            .post(&url)
+            .json(&gemini_request)
+            .send()
+            .await
+            .map_err(|e| AppError::ProviderError(format!("HTTP request failed: {}", e)))?;
+        
+        // Check status
+        let status = response.status();
+        if !status.is_success() {
+            let error_text = response.text().await.unwrap_or_default();
+            return Err(AppError::ProviderError(format!("Gemini API error ({}): {}", status, error_text)));
+        }
+        
+        let gemini_response: GeminiResponse = response
+            .json()
+            .await
+            .map_err(|e| AppError::ProviderError(format!("Failed to parse response: {}", e)))?;
+        
+        // Extract content from first candidate
+        let content = gemini_response.candidates
+            .first()
+            .and_then(|c| c.content.parts.first())
+            .and_then(|p| p.text.clone())
+            .unwrap_or_default();
+        
+        // Extract token usage
+        let prompt_tokens = gemini_response.usage_metadata.as_ref().map(|u| u.prompt_token_count).unwrap_or(0);
+        let completion_tokens = gemini_response.usage_metadata.as_ref().map(|u| u.candidates_token_count).unwrap_or(0);
+        let total_tokens = gemini_response.usage_metadata.as_ref().map(|u| u.total_token_count).unwrap_or(0);
+        
+        Ok(ProviderResponse {
+            content,
+            prompt_tokens,
+            completion_tokens,
+            total_tokens,
+            model: request.model,
+        })
+    }
+
+    fn estimate_tokens(&self, request: &UnifiedRequest) -> Result<u32> {
+        Ok(crate::utils::tokens::estimate_request_tokens(&request.model, request))
+    }
+
+    fn calculate_cost(&self, model: &str, prompt_tokens: u32, completion_tokens: u32, registry: &crate::models::registry::ModelRegistry) -> f64 {
+        if let Some(metadata) = registry.find_model(model) {
+            if let Some(cost) = &metadata.cost {
+                return (prompt_tokens as f64 * cost.input / 1_000_000.0) + 
+                       (completion_tokens as f64 * cost.output / 1_000_000.0);
+            }
+        }
+        
+        let (prompt_rate, completion_rate) = self.pricing.iter()
+            .find(|p| model.contains(&p.model))
+            .map(|p| (p.prompt_tokens_per_million, p.completion_tokens_per_million))
+            .unwrap_or((0.075, 0.30)); // Default to Gemini 2.0 Flash price if not found
+            
+        (prompt_tokens as f64 * prompt_rate / 1_000_000.0) + (completion_tokens as f64 * completion_rate / 1_000_000.0)
+    }
+
+    async fn chat_completion_stream(
+        &self,
+        request: UnifiedRequest,
+    ) -> Result<BoxStream<'static, Result<ProviderStreamChunk, AppError>>, AppError> {
+        // Convert UnifiedRequest to Gemini request
+        let mut contents = Vec::with_capacity(request.messages.len());
+        
+        for msg in request.messages {
+            let mut parts = Vec::with_capacity(msg.content.len());
+            
+            for part in msg.content {
+                match part {
+                    crate::models::ContentPart::Text { text } => {
+                        parts.push(GeminiPart {
+                            text: Some(text),
+                            inline_data: None,
+                        });
+                    }
+                    crate::models::ContentPart::Image(image_input) => {
+                        let (base64_data, mime_type) = image_input.to_base64().await
+                            .map_err(|e| AppError::ProviderError(format!("Failed to convert image: {}", e)))?;
+                        
+                        parts.push(GeminiPart {
+                            text: None,
+                            inline_data: Some(GeminiInlineData {
+                                mime_type,
+                                data: base64_data,
+                            }),
+                        });
+                    }
+                }
+            }
+            
+            // Map role
+            let role = match msg.role.as_str() {
+                "assistant" => "model".to_string(),
+                _ => "user".to_string(),
+            };
+            
+            contents.push(GeminiContent {
+                parts,
+                role,
+            });
+        }
+        
+        // Build generation config
+        let generation_config = if request.temperature.is_some() || request.max_tokens.is_some() {
+            Some(GeminiGenerationConfig {
+                temperature: request.temperature,
+                max_output_tokens: request.max_tokens,
+            })
+        } else {
+            None
+        };
+        
+        let gemini_request = GeminiRequest {
+            contents,
+            generation_config,
+        };
+        
+        // Build URL for streaming
+        let url = format!("{}/models/{}:streamGenerateContent?alt=sse&key={}", 
+            self.config.base_url,
+            request.model,
+            self.api_key
+        );
+        
+        // Create eventsource stream
+        use reqwest_eventsource::{EventSource, Event};
+        use futures::StreamExt;
+
+        let es = EventSource::new(self.client.post(&url).json(&gemini_request))
+            .map_err(|e| AppError::ProviderError(format!("Failed to create EventSource: {}", e)))?;
+        
+        let model = request.model.clone();
+        
+        let stream = async_stream::try_stream! {
+            let mut es = es;
+            while let Some(event) = es.next().await {
+                match event {
+                    Ok(Event::Message(msg)) => {
+                        let gemini_response: GeminiResponse = serde_json::from_str(&msg.data)
+                            .map_err(|e| AppError::ProviderError(format!("Failed to parse stream chunk: {}", e)))?;
+                        
+                        if let Some(candidate) = gemini_response.candidates.first() {
+                            let content = candidate.content.parts.first()
+                                .and_then(|p| p.text.clone())
+                                .unwrap_or_default();
+                            
+                            yield ProviderStreamChunk {
+                                content,
+                                finish_reason: None, // Will be set in the last chunk
+                                model: model.clone(),
+                            };
+                        }
+                    }
+                    Ok(_) => continue,
+                    Err(e) => {
+                        Err(AppError::ProviderError(format!("Stream error: {}", e)))?;
+                    }
+                }
+            }
+        };
+        
+        Ok(Box::pin(stream))
+    }
+}
\ No newline at end of file
diff --git a/src/providers/grok.rs b/src/providers/grok.rs
new file mode 100644
index 00000000..a0c64312
--- /dev/null
+++ b/src/providers/grok.rs
@@ -0,0 +1,92 @@
+use async_trait::async_trait;
+use anyhow::Result;
+use futures::stream::BoxStream;
+
+use crate::{
+    models::UnifiedRequest,
+    errors::AppError,
+    config::AppConfig,
+};
+use super::{ProviderResponse, ProviderStreamChunk};
+
+pub struct GrokProvider {
+    _client: reqwest::Client,
+    _config: crate::config::GrokConfig,
+    _api_key: String,
+    pricing: Vec<crate::config::ModelPricing>,
+}
+
+impl GrokProvider {
+    pub fn new(config: &crate::config::GrokConfig, app_config: &AppConfig) -> Result<Self> {
+        let api_key = app_config.get_api_key("grok")?;
+        
+        let client = reqwest::Client::builder()
+            .timeout(std::time::Duration::from_secs(30))
+            .build()?;
+        
+        Ok(Self {
+            _client: client,
+            _config: config.clone(),
+            _api_key: api_key,
+            pricing: app_config.pricing.grok.clone(),
+        })
+    }
+}
+
+#[async_trait]
+impl super::Provider for GrokProvider {
+    fn name(&self) -> &str {
+        "grok"
+    }
+
+    fn supports_model(&self, model: &str) -> bool {
+        model.starts_with("grok-") || model.contains("grok")
+    }
+
+    fn supports_multimodal(&self) -> bool {
+        false  // Unknown - assume false until API is researched
+    }
+
+    async fn chat_completion(
+        &self,
+        request: UnifiedRequest,
+    ) -> Result<ProviderResponse, AppError> {
+        // TODO: Implement actual Grok API call (once API is available)
+        // For now, return placeholder response
+        Ok(ProviderResponse {
+            content: "Grok provider not yet implemented (API not researched)".to_string(),
+            prompt_tokens: 0,
+            completion_tokens: 0,
+            total_tokens: 0,
+            model: request.model,
+        })
+    }
+
+    fn estimate_tokens(&self, request: &UnifiedRequest) -> Result<u32> {
+        Ok(crate::utils::tokens::estimate_request_tokens(&request.model, request))
+    }
+
+    fn calculate_cost(&self, model: &str, prompt_tokens: u32, completion_tokens: u32, registry: &crate::models::registry::ModelRegistry) -> f64 {
+        if let Some(metadata) = registry.find_model(model) {
+            if let Some(cost) = &metadata.cost {
+                return (prompt_tokens as f64 * cost.input / 1_000_000.0) + 
+                       (completion_tokens as f64 * cost.output / 1_000_000.0);
+            }
+        }
+        
+        let (prompt_rate, completion_rate) = self.pricing.iter()
+            .find(|p| model.contains(&p.model))
+            .map(|p| (p.prompt_tokens_per_million, p.completion_tokens_per_million))
+            .unwrap_or((1.0, 3.0)); // Default to some reasonable Grok price if not found
+            
+        (prompt_tokens as f64 * prompt_rate / 1_000_000.0) + (completion_tokens as f64 * completion_rate / 1_000_000.0)
+    }
+
+    async fn chat_completion_stream(
+        &self,
+        _request: UnifiedRequest,
+    ) -> Result<BoxStream<'static, Result<ProviderStreamChunk, AppError>>, AppError> {
+        // Grok API not yet implemented
+        Err(AppError::ProviderError("Streaming not supported for Grok provider (API not implemented)".to_string()))
+    }
+}
\ No newline at end of file
diff --git a/src/providers/mod.rs b/src/providers/mod.rs
new file mode 100644
index 00000000..d7151629
--- /dev/null
+++ b/src/providers/mod.rs
@@ -0,0 +1,138 @@
+use async_trait::async_trait;
+use anyhow::Result;
+use std::sync::Arc;
+use futures::stream::BoxStream;
+
+use crate::models::UnifiedRequest;
+use crate::errors::AppError;
+
+pub mod openai;
+pub mod gemini;
+pub mod deepseek;
+pub mod grok;
+
+#[async_trait]
+pub trait Provider: Send + Sync {
+    /// Get provider name (e.g., "openai", "gemini")
+    fn name(&self) -> &str;
+
+    /// Check if provider supports a specific model
+    fn supports_model(&self, model: &str) -> bool;
+
+    /// Check if provider supports multimodal (images, etc.)
+    fn supports_multimodal(&self) -> bool;
+
+    /// Process a chat completion request
+    async fn chat_completion(
+        &self,
+        request: UnifiedRequest,
+    ) -> Result<ProviderResponse, AppError>;
+
+    /// Process a streaming chat completion request
+    async fn chat_completion_stream(
+        &self,
+        request: UnifiedRequest,
+    ) -> Result<BoxStream<'static, Result<ProviderStreamChunk, AppError>>, AppError>;
+
+    /// Estimate token count for a request (for cost calculation)
+    fn estimate_tokens(&self, request: &UnifiedRequest) -> Result<u32>;
+
+    /// Calculate cost based on token usage and model using the registry
+    fn calculate_cost(&self, model: &str, prompt_tokens: u32, completion_tokens: u32, registry: &crate::models::registry::ModelRegistry) -> f64;
+}
+
+pub struct ProviderResponse {
+    pub content: String,
+    pub prompt_tokens: u32,
+    pub completion_tokens: u32,
+    pub total_tokens: u32,
+    pub model: String,
+}
+
+#[derive(Debug, Clone)]
+pub struct ProviderStreamChunk {
+    pub content: String,
+    pub finish_reason: Option<String>,
+    pub model: String,
+}
+
+#[derive(Clone)]
+pub struct ProviderManager {
+    providers: Vec<Arc<dyn Provider>>,
+}
+
+impl ProviderManager {
+    pub fn new() -> Self {
+        Self {
+            providers: Vec::new(),
+        }
+    }
+
+    pub fn add_provider(&mut self, provider: Arc<dyn Provider>) {
+        self.providers.push(provider);
+    }
+
+    pub fn get_provider_for_model(&self, model: &str) -> Option<Arc<dyn Provider>> {
+        self.providers.iter()
+            .find(|p| p.supports_model(model))
+            .map(|p| Arc::clone(p))
+    }
+
+    pub fn get_provider(&self, name: &str) -> Option<Arc<dyn Provider>> {
+        self.providers.iter()
+            .find(|p| p.name() == name)
+            .map(|p| Arc::clone(p))
+    }
+}
+
+// Create placeholder provider implementations
+pub mod placeholder {
+    use super::*;
+
+    pub struct PlaceholderProvider {
+        name: String,
+    }
+
+    impl PlaceholderProvider {
+        pub fn new(name: &str) -> Self {
+            Self { name: name.to_string() }
+        }
+    }
+
+    #[async_trait]
+    impl Provider for PlaceholderProvider {
+        fn name(&self) -> &str {
+            &self.name
+        }
+
+        fn supports_model(&self, _model: &str) -> bool {
+            false
+        }
+
+        fn supports_multimodal(&self) -> bool {
+            false
+        }
+
+        async fn chat_completion_stream(
+            &self,
+            _request: UnifiedRequest,
+        ) -> Result<BoxStream<'static, Result<ProviderStreamChunk, AppError>>, AppError> {
+            Err(AppError::ProviderError("Streaming not supported for placeholder provider".to_string()))
+        }
+
+        async fn chat_completion(
+            &self,
+            _request: UnifiedRequest,
+        ) -> Result<ProviderResponse, AppError> {
+            Err(AppError::ProviderError(format!("Provider {} not implemented", self.name)))
+        }
+
+        fn estimate_tokens(&self, _request: &UnifiedRequest) -> Result<u32> {
+            Ok(0)
+        }
+
+        fn calculate_cost(&self, _model: &str, _prompt_tokens: u32, _completion_tokens: u32, _registry: &crate::models::registry::ModelRegistry) -> f64 {
+            0.0
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/providers/openai.rs b/src/providers/openai.rs
new file mode 100644
index 00000000..0569f8de
--- /dev/null
+++ b/src/providers/openai.rs
@@ -0,0 +1,304 @@
+use async_trait::async_trait;
+use anyhow::Result;
+use async_openai::{Client, config::OpenAIConfig};
+use async_openai::types::chat::{CreateChatCompletionRequestArgs, ChatCompletionRequestMessage, ChatCompletionRequestUserMessage, ChatCompletionRequestSystemMessage, ChatCompletionRequestAssistantMessage, ChatCompletionRequestUserMessageContent, ChatCompletionRequestSystemMessageContent, ChatCompletionRequestAssistantMessageContent};
+use futures::stream::{BoxStream, StreamExt};
+
+use crate::{
+    models::UnifiedRequest,
+    errors::AppError,
+    config::AppConfig,
+};
+use super::{ProviderResponse, ProviderStreamChunk};
+
+pub struct OpenAIProvider {
+    client: Client<OpenAIConfig>,
+    _config: crate::config::OpenAIConfig,
+    pricing: Vec<crate::config::ModelPricing>,
+}
+
+impl OpenAIProvider {
+    pub fn new(config: &crate::config::OpenAIConfig, app_config: &AppConfig) -> Result<Self> {
+        let api_key = app_config.get_api_key("openai")?;
+        
+        // Create OpenAIConfig with api key and base url
+        let openai_config = OpenAIConfig::default()
+            .with_api_key(api_key)
+            .with_api_base(&config.base_url);
+        
+        let client = Client::with_config(openai_config);
+        
+        Ok(Self {
+            client,
+            _config: config.clone(),
+            pricing: app_config.pricing.openai.clone(),
+        })
+    }
+}
+
+#[async_trait]
+impl super::Provider for OpenAIProvider {
+    fn name(&self) -> &str {
+        "openai"
+    }
+
+    fn supports_model(&self, model: &str) -> bool {
+        model.starts_with("gpt-") || model.starts_with("o1-") || model.starts_with("o3-")
+    }
+
+    fn supports_multimodal(&self) -> bool {
+        true  // OpenAI supports vision models
+    }
+
+    async fn chat_completion(
+        &self,
+        request: UnifiedRequest,
+    ) -> Result<ProviderResponse, AppError> {
+        use async_openai::types::chat::{ChatCompletionRequestUserMessageContentPart, ChatCompletionRequestMessageContentPartText, ChatCompletionRequestMessageContentPartImage, ImageUrl, ImageDetail};
+
+        // Convert UnifiedRequest messages to OpenAI messages
+        let mut messages = Vec::with_capacity(request.messages.len());
+        
+        for msg in request.messages {
+            let mut parts = Vec::with_capacity(msg.content.len());
+            
+            for part in msg.content {
+                match part {
+                    crate::models::ContentPart::Text { text } => {
+                        parts.push(ChatCompletionRequestUserMessageContentPart::Text(ChatCompletionRequestMessageContentPartText {
+                            text,
+                        }));
+                    }
+                    crate::models::ContentPart::Image(image_input) => {
+                        let (base64_data, mime_type) = image_input.to_base64().await
+                            .map_err(|e| AppError::ProviderError(format!("Failed to convert image: {}", e)))?;
+                        let data_url = format!("data:{};base64,{}", mime_type, base64_data);
+                        
+                        parts.push(ChatCompletionRequestUserMessageContentPart::ImageUrl(ChatCompletionRequestMessageContentPartImage {
+                            image_url: ImageUrl {
+                                url: data_url,
+                                detail: Some(ImageDetail::Auto),
+                            }
+                        }));
+                    }
+                }
+            }
+                
+            let message = match msg.role.as_str() {
+                "system" => ChatCompletionRequestMessage::System(
+                    ChatCompletionRequestSystemMessage {
+                        content: ChatCompletionRequestSystemMessageContent::Text(
+                            parts.iter().filter_map(|p| if let ChatCompletionRequestUserMessageContentPart::Text(t) = p { Some(t.text.clone()) } else { None }).collect::<Vec<_>>().join("\n")
+                        ),
+                        name: None,
+                    }
+                ),
+                "assistant" => ChatCompletionRequestMessage::Assistant(
+                    ChatCompletionRequestAssistantMessage {
+                        content: Some(ChatCompletionRequestAssistantMessageContent::Text(
+                            parts.iter().filter_map(|p| if let ChatCompletionRequestUserMessageContentPart::Text(t) = p { Some(t.text.clone()) } else { None }).collect::<Vec<_>>().join("\n")
+                        )),
+                        name: None,
+                        tool_calls: None,
+                        refusal: None,
+                        audio: None,
+                        #[allow(deprecated)]
+                        function_call: None,
+                    }
+                ),
+                _ => ChatCompletionRequestMessage::User(
+                    ChatCompletionRequestUserMessage {
+                        content: ChatCompletionRequestUserMessageContent::Array(parts),
+                        name: None,
+                    }
+                ),
+            };
+            messages.push(message);
+        }
+        
+        if messages.is_empty() {
+            return Err(AppError::ProviderError("No valid text messages to send".to_string()));
+        }
+        
+        // Build request using builder pattern
+        let mut builder = CreateChatCompletionRequestArgs::default();
+        builder.model(request.model.clone());
+        builder.messages(messages);
+        
+        // Add optional parameters
+        if let Some(temp) = request.temperature {
+            builder.temperature(temp as f32);
+        }
+        
+        if let Some(max_tokens) = request.max_tokens {
+            builder.max_tokens(max_tokens as u16);
+        }
+        
+        // Execute API call
+        let response = self.client
+            .chat()
+            .create(builder.build().map_err(|e| AppError::ProviderError(e.to_string()))?)
+            .await
+            .map_err(|e| AppError::ProviderError(e.to_string()))?;
+        
+        // Extract content from response
+        let content = response
+            .choices
+            .first()
+            .and_then(|choice| choice.message.content.clone())
+            .unwrap_or_default();
+        
+        // Extract token usage
+        let prompt_tokens = response.usage.as_ref().map(|u| u.prompt_tokens).unwrap_or(0) as u32;
+        let completion_tokens = response.usage.as_ref().map(|u| u.completion_tokens).unwrap_or(0) as u32;
+        let total_tokens = response.usage.as_ref().map(|u| u.total_tokens).unwrap_or(0) as u32;
+        
+        Ok(ProviderResponse {
+            content,
+            prompt_tokens,
+            completion_tokens,
+            total_tokens,
+            model: request.model,
+        })
+    }
+
+    fn estimate_tokens(&self, request: &UnifiedRequest) -> Result<u32> {
+        Ok(crate::utils::tokens::estimate_request_tokens(&request.model, request))
+    }
+
+    fn calculate_cost(&self, model: &str, prompt_tokens: u32, completion_tokens: u32, registry: &crate::models::registry::ModelRegistry) -> f64 {
+        if let Some(metadata) = registry.find_model(model) {
+            if let Some(cost) = &metadata.cost {
+                return (prompt_tokens as f64 * cost.input / 1_000_000.0) + 
+                       (completion_tokens as f64 * cost.output / 1_000_000.0);
+            }
+        }
+        
+        // Fallback to static pricing if not in registry
+        let (prompt_rate, completion_rate) = self.pricing.iter()
+            .find(|p| model.contains(&p.model))
+            .map(|p| (p.prompt_tokens_per_million, p.completion_tokens_per_million))
+            .unwrap_or((0.15, 0.60));
+            
+        (prompt_tokens as f64 * prompt_rate / 1_000_000.0) + (completion_tokens as f64 * completion_rate / 1_000_000.0)
+    }
+
+    async fn chat_completion_stream(
+        &self,
+        request: UnifiedRequest,
+    ) -> Result<BoxStream<'static, Result<ProviderStreamChunk, AppError>>, AppError> {
+        use async_openai::types::chat::{ChatCompletionRequestUserMessageContentPart, ChatCompletionRequestMessageContentPartText, ChatCompletionRequestMessageContentPartImage, ImageUrl, ImageDetail};
+
+        // Convert UnifiedRequest messages to OpenAI messages
+        let mut messages = Vec::with_capacity(request.messages.len());
+        
+        for msg in request.messages {
+            let mut parts = Vec::with_capacity(msg.content.len());
+            
+            for part in msg.content {
+                match part {
+                    crate::models::ContentPart::Text { text } => {
+                        parts.push(ChatCompletionRequestUserMessageContentPart::Text(ChatCompletionRequestMessageContentPartText {
+                            text,
+                        }));
+                    }
+                    crate::models::ContentPart::Image(image_input) => {
+                        let (base64_data, mime_type) = image_input.to_base64().await
+                            .map_err(|e| AppError::ProviderError(format!("Failed to convert image: {}", e)))?;
+                        let data_url = format!("data:{};base64,{}", mime_type, base64_data);
+                        
+                        parts.push(ChatCompletionRequestUserMessageContentPart::ImageUrl(ChatCompletionRequestMessageContentPartImage {
+                            image_url: ImageUrl {
+                                url: data_url,
+                                detail: Some(ImageDetail::Auto),
+                            }
+                        }));
+                    }
+                }
+            }
+                
+            let message = match msg.role.as_str() {
+                "system" => ChatCompletionRequestMessage::System(
+                    ChatCompletionRequestSystemMessage {
+                        content: ChatCompletionRequestSystemMessageContent::Text(
+                            parts.iter().filter_map(|p| if let ChatCompletionRequestUserMessageContentPart::Text(t) = p { Some(t.text.clone()) } else { None }).collect::<Vec<_>>().join("\n")
+                        ),
+                        name: None,
+                    }
+                ),
+                "assistant" => ChatCompletionRequestMessage::Assistant(
+                    ChatCompletionRequestAssistantMessage {
+                        content: Some(ChatCompletionRequestAssistantMessageContent::Text(
+                            parts.iter().filter_map(|p| if let ChatCompletionRequestUserMessageContentPart::Text(t) = p { Some(t.text.clone()) } else { None }).collect::<Vec<_>>().join("\n")
+                        )),
+                        name: None,
+                        tool_calls: None,
+                        refusal: None,
+                        audio: None,
+                        #[allow(deprecated)]
+                        function_call: None,
+                    }
+                ),
+                _ => ChatCompletionRequestMessage::User(
+                    ChatCompletionRequestUserMessage {
+                        content: ChatCompletionRequestUserMessageContent::Array(parts),
+                        name: None,
+                    }
+                ),
+            };
+            messages.push(message);
+        }
+        
+        if messages.is_empty() {
+            return Err(AppError::ProviderError("No valid text messages to send".to_string()));
+        }
+        
+        // Build request using builder pattern
+        let mut builder = CreateChatCompletionRequestArgs::default();
+        builder.model(request.model.clone());
+        builder.messages(messages);
+        builder.stream(true); // Enable streaming
+        
+        // Add optional parameters
+        if let Some(temp) = request.temperature {
+            builder.temperature(temp as f32);
+        }
+        
+        if let Some(max_tokens) = request.max_tokens {
+            builder.max_tokens(max_tokens as u16);
+        }
+        
+        // Execute streaming API call
+        let stream = self.client
+            .chat()
+            .create_stream(builder.build().map_err(|e| AppError::ProviderError(e.to_string()))?)
+            .await
+            .map_err(|e| AppError::ProviderError(e.to_string()))?;
+        
+        // Convert OpenAI stream to our stream format
+        let model = request.model.clone();
+        let stream = stream.map(move |chunk_result| {
+            match chunk_result {
+                Ok(chunk) => {
+                    // Extract content from chunk
+                    let content = chunk.choices.first()
+                        .and_then(|choice| choice.delta.content.clone())
+                        .unwrap_or_default();
+                    
+                    let finish_reason = chunk.choices.first()
+                        .and_then(|choice| choice.finish_reason.clone())
+                        .map(|reason| format!("{:?}", reason));
+                    
+                    Ok(ProviderStreamChunk {
+                        content,
+                        finish_reason,
+                        model: model.clone(),
+                    })
+                }
+                Err(e) => Err(AppError::ProviderError(e.to_string())),
+            }
+        });
+        
+        Ok(Box::pin(stream))
+    }
+}
\ No newline at end of file
diff --git a/src/rate_limiting/mod.rs b/src/rate_limiting/mod.rs
new file mode 100644
index 00000000..ef9929b4
--- /dev/null
+++ b/src/rate_limiting/mod.rs
@@ -0,0 +1,359 @@
+//! Rate limiting and circuit breaking for LLM proxy
+//!
+//! This module provides:
+//! 1. Per-client rate limiting using governor crate
+//! 2. Provider circuit breaking to handle API failures
+//! 3. Global rate limiting for overall system protection
+
+use std::sync::Arc;
+use std::collections::HashMap;
+use std::time::Instant;
+use tokio::sync::RwLock;
+use tracing::{info, warn};
+use anyhow::Result;
+
+/// Rate limiter configuration
+#[derive(Debug, Clone)]
+pub struct RateLimiterConfig {
+    /// Requests per minute per client
+    pub requests_per_minute: u32,
+    /// Burst size (maximum burst capacity)
+    pub burst_size: u32,
+    /// Global requests per minute (across all clients)
+    pub global_requests_per_minute: u32,
+}
+
+impl Default for RateLimiterConfig {
+    fn default() -> Self {
+        Self {
+            requests_per_minute: 60,  // 1 request per second per client
+            burst_size: 10,           // Allow bursts of up to 10 requests
+            global_requests_per_minute: 600, // 10 requests per second globally
+        }
+    }
+}
+
+/// Circuit breaker state
+#[derive(Debug, Clone, Copy, PartialEq)]
+pub enum CircuitState {
+    Closed,      // Normal operation
+    Open,        // Circuit is open, requests fail fast
+    HalfOpen,    // Testing if service has recovered
+}
+
+/// Circuit breaker configuration
+#[derive(Debug, Clone)]
+pub struct CircuitBreakerConfig {
+    /// Failure threshold to open circuit
+    pub failure_threshold: u32,
+    /// Time window for failure counting (seconds)
+    pub failure_window_secs: u64,
+    /// Time to wait before trying half-open state (seconds)
+    pub reset_timeout_secs: u64,
+    /// Success threshold to close circuit
+    pub success_threshold: u32,
+}
+
+impl Default for CircuitBreakerConfig {
+    fn default() -> Self {
+        Self {
+            failure_threshold: 5,      // 5 failures
+            failure_window_secs: 60,   // within 60 seconds
+            reset_timeout_secs: 30,    // wait 30 seconds before half-open
+            success_threshold: 3,      // 3 successes to close circuit
+        }
+    }
+}
+
+/// Simple token bucket rate limiter for a single client
+#[derive(Debug)]
+struct TokenBucket {
+    tokens: f64,
+    capacity: f64,
+    refill_rate: f64, // tokens per second
+    last_refill: Instant,
+}
+
+impl TokenBucket {
+    fn new(capacity: f64, refill_rate: f64) -> Self {
+        Self {
+            tokens: capacity,
+            capacity,
+            refill_rate,
+            last_refill: Instant::now(),
+        }
+    }
+
+    fn refill(&mut self) {
+        let now = Instant::now();
+        let elapsed = now.duration_since(self.last_refill).as_secs_f64();
+        let new_tokens = elapsed * self.refill_rate;
+        
+        self.tokens = (self.tokens + new_tokens).min(self.capacity);
+        self.last_refill = now;
+    }
+
+    fn try_acquire(&mut self, tokens: f64) -> bool {
+        self.refill();
+        
+        if self.tokens >= tokens {
+            self.tokens -= tokens;
+            true
+        } else {
+            false
+        }
+    }
+}
+
+/// Circuit breaker for a provider
+#[derive(Debug)]
+pub struct ProviderCircuitBreaker {
+    state: CircuitState,
+    failure_count: u32,
+    success_count: u32,
+    last_failure_time: Option<std::time::Instant>,
+    last_state_change: std::time::Instant,
+    config: CircuitBreakerConfig,
+}
+
+impl ProviderCircuitBreaker {
+    pub fn new(config: CircuitBreakerConfig) -> Self {
+        Self {
+            state: CircuitState::Closed,
+            failure_count: 0,
+            success_count: 0,
+            last_failure_time: None,
+            last_state_change: std::time::Instant::now(),
+            config,
+        }
+    }
+
+    /// Check if request is allowed
+    pub fn allow_request(&mut self) -> bool {
+        match self.state {
+            CircuitState::Closed => true,
+            CircuitState::Open => {
+                // Check if reset timeout has passed
+                let elapsed = self.last_state_change.elapsed();
+                if elapsed.as_secs() >= self.config.reset_timeout_secs {
+                    self.state = CircuitState::HalfOpen;
+                    self.last_state_change = std::time::Instant::now();
+                    info!("Circuit breaker transitioning to half-open state");
+                    true
+                } else {
+                    false
+                }
+            }
+            CircuitState::HalfOpen => true,
+        }
+    }
+
+    /// Record a successful request
+    pub fn record_success(&mut self) {
+        match self.state {
+            CircuitState::Closed => {
+                // Reset failure count on success
+                self.failure_count = 0;
+                self.last_failure_time = None;
+            }
+            CircuitState::HalfOpen => {
+                self.success_count += 1;
+                if self.success_count >= self.config.success_threshold {
+                    self.state = CircuitState::Closed;
+                    self.success_count = 0;
+                    self.failure_count = 0;
+                    self.last_state_change = std::time::Instant::now();
+                    info!("Circuit breaker closed after successful requests");
+                }
+            }
+            CircuitState::Open => {
+                // Should not happen, but handle gracefully
+            }
+        }
+    }
+
+    /// Record a failed request
+    pub fn record_failure(&mut self) {
+        let now = std::time::Instant::now();
+        
+        // Check if failure window has expired
+        if let Some(last_failure) = self.last_failure_time {
+            if now.duration_since(last_failure).as_secs() > self.config.failure_window_secs {
+                // Reset failure count if window expired
+                self.failure_count = 0;
+            }
+        }
+        
+        self.failure_count += 1;
+        self.last_failure_time = Some(now);
+        
+        if self.failure_count >= self.config.failure_threshold && self.state == CircuitState::Closed {
+            self.state = CircuitState::Open;
+            self.last_state_change = now;
+            warn!("Circuit breaker opened due to {} failures", self.failure_count);
+        } else if self.state == CircuitState::HalfOpen {
+            // Failure in half-open state, go back to open
+            self.state = CircuitState::Open;
+            self.success_count = 0;
+            self.last_state_change = now;
+            warn!("Circuit breaker re-opened after failure in half-open state");
+        }
+    }
+
+    /// Get current state
+    pub fn state(&self) -> CircuitState {
+        self.state
+    }
+}
+
+/// Rate limiting and circuit breaking manager
+#[derive(Debug)]
+pub struct RateLimitManager {
+    client_buckets: Arc<RwLock<HashMap<String, TokenBucket>>>,
+    global_bucket: Arc<RwLock<TokenBucket>>,
+    circuit_breakers: Arc<RwLock<HashMap<String, ProviderCircuitBreaker>>>,
+    config: RateLimiterConfig,
+    circuit_config: CircuitBreakerConfig,
+}
+
+impl RateLimitManager {
+    pub fn new(config: RateLimiterConfig, circuit_config: CircuitBreakerConfig) -> Self {
+        // Convert requests per minute to tokens per second
+        let global_refill_rate = config.global_requests_per_minute as f64 / 60.0;
+        
+        Self {
+            client_buckets: Arc::new(RwLock::new(HashMap::new())),
+            global_bucket: Arc::new(RwLock::new(TokenBucket::new(
+                config.burst_size as f64,
+                global_refill_rate,
+            ))),
+            circuit_breakers: Arc::new(RwLock::new(HashMap::new())),
+            config,
+            circuit_config,
+        }
+    }
+
+    /// Check if a client request is allowed
+    pub async fn check_client_request(&self, client_id: &str) -> Result<bool> {
+        // Check global rate limit first (1 token per request)
+        {
+            let mut global_bucket = self.global_bucket.write().await;
+            if !global_bucket.try_acquire(1.0) {
+                warn!("Global rate limit exceeded");
+                return Ok(false);
+            }
+        }
+        
+        // Check client-specific rate limit
+        let mut buckets = self.client_buckets.write().await;
+        let bucket = buckets
+            .entry(client_id.to_string())
+            .or_insert_with(|| {
+                TokenBucket::new(
+                    self.config.burst_size as f64,
+                    self.config.requests_per_minute as f64 / 60.0,
+                )
+            });
+        
+        Ok(bucket.try_acquire(1.0))
+    }
+
+    /// Check if provider requests are allowed (circuit breaker)
+    pub async fn check_provider_request(&self, provider_name: &str) -> Result<bool> {
+        let mut breakers = self.circuit_breakers.write().await;
+        let breaker = breakers
+            .entry(provider_name.to_string())
+            .or_insert_with(|| ProviderCircuitBreaker::new(self.circuit_config.clone()));
+        
+        Ok(breaker.allow_request())
+    }
+
+    /// Record provider success
+    pub async fn record_provider_success(&self, provider_name: &str) {
+        let mut breakers = self.circuit_breakers.write().await;
+        if let Some(breaker) = breakers.get_mut(provider_name) {
+            breaker.record_success();
+        }
+    }
+
+    /// Record provider failure
+    pub async fn record_provider_failure(&self, provider_name: &str) {
+        let mut breakers = self.circuit_breakers.write().await;
+        let breaker = breakers
+            .entry(provider_name.to_string())
+            .or_insert_with(|| ProviderCircuitBreaker::new(self.circuit_config.clone()));
+        
+        breaker.record_failure();
+    }
+
+    /// Get provider circuit state
+    pub async fn get_provider_state(&self, provider_name: &str) -> CircuitState {
+        let breakers = self.circuit_breakers.read().await;
+        breakers
+            .get(provider_name)
+            .map(|b| b.state())
+            .unwrap_or(CircuitState::Closed)
+    }
+}
+
+/// Axum middleware for rate limiting
+pub mod middleware {
+    use super::*;
+    use axum::{
+        extract::{Request, State},
+        middleware::Next,
+        response::Response,
+    };
+    use crate::errors::AppError;
+    use crate::state::AppState;
+
+
+    /// Rate limiting middleware
+    pub async fn rate_limit_middleware(
+        State(state): State<AppState>,
+        request: Request,
+        next: Next,
+    ) -> Result<Response, AppError> {
+        // Extract client ID from authentication header
+        let client_id = extract_client_id_from_request(&request);
+
+        // Check rate limits
+        if !state.rate_limit_manager.check_client_request(&client_id).await? {
+            return Err(AppError::RateLimitError(
+                "Rate limit exceeded".to_string()
+            ));
+        }
+
+        Ok(next.run(request).await)
+    }
+    
+    /// Extract client ID from request (helper function)
+    fn extract_client_id_from_request(request: &Request) -> String {
+        // Try to extract from Authorization header
+        if let Some(auth_header) = request.headers().get("Authorization") {
+            if let Ok(auth_str) = auth_header.to_str() {
+                if auth_str.starts_with("Bearer ") {
+                    let token = &auth_str[7..];
+                    // Use token hash as client ID (same logic as auth module)
+                    return format!("client_{}", &token[..8.min(token.len())]);
+                }
+            }
+        }
+        
+        // Fallback to anonymous
+        "anonymous".to_string()
+    }
+
+    /// Circuit breaker middleware for provider requests
+    pub async fn circuit_breaker_middleware(
+        provider_name: &str,
+        state: &AppState,
+    ) -> Result<(), AppError> {
+        if !state.rate_limit_manager.check_provider_request(provider_name).await? {
+            return Err(AppError::ProviderError(
+                format!("Provider {} is currently unavailable (circuit breaker open)", provider_name)
+            ));
+        }
+        Ok(())
+    }
+}
\ No newline at end of file
diff --git a/src/server/mod.rs b/src/server/mod.rs
new file mode 100644
index 00000000..93b53275
--- /dev/null
+++ b/src/server/mod.rs
@@ -0,0 +1,222 @@
+use uuid::Uuid;
+use axum::{
+    extract::State,
+    routing::post,
+    Json, Router,
+    response::sse::{Event, Sse},
+    response::IntoResponse,
+};
+use futures::stream::StreamExt;
+use tracing::{info, warn};
+
+use crate::{
+    auth::AuthenticatedClient,
+    errors::AppError,
+    models::{ChatCompletionRequest, ChatCompletionResponse, ChatCompletionStreamResponse, ChatStreamChoice, ChatStreamDelta, ChatMessage, ChatChoice, Usage},
+    state::AppState,
+    rate_limiting,
+};
+
+pub fn router(state: AppState) -> Router {
+    Router::new()
+        .route("/v1/chat/completions", post(chat_completions))
+        .layer(axum::middleware::from_fn_with_state(
+            state.clone(),
+            rate_limiting::middleware::rate_limit_middleware,
+        ))
+        .with_state(state)
+}
+
+async fn chat_completions(
+    State(state): State<AppState>,
+    auth: AuthenticatedClient,
+    Json(request): Json<ChatCompletionRequest>,
+) -> Result<axum::response::Response, AppError> {
+    let start_time = std::time::Instant::now();
+    let client_id = auth.client_id.clone();
+    let model = request.model.clone();
+    
+    info!("Chat completion request from client {} for model {}", client_id, model);
+    
+    // Find appropriate provider for the model
+    let provider = state.provider_manager.get_provider_for_model(&request.model)
+        .ok_or_else(|| AppError::ProviderError(format!("No provider found for model: {}", request.model)))?;
+    
+    let provider_name = provider.name().to_string();
+    
+    // Check circuit breaker for this provider
+    rate_limiting::middleware::circuit_breaker_middleware(&provider_name, &state).await?;
+
+    // Convert to unified request format
+    let mut unified_request = crate::models::UnifiedRequest::try_from(request)
+        .map_err(|e| AppError::ValidationError(e.to_string()))?;
+    
+    // Set client_id from authentication
+    unified_request.client_id = client_id.clone();
+
+    // Hydrate images if present
+    if unified_request.has_images {
+        unified_request.hydrate_images().await
+            .map_err(|e| AppError::ValidationError(format!("Failed to process images: {}", e)))?;
+    }
+
+    // Check if streaming is requested
+    if unified_request.stream {
+        // Estimate prompt tokens for logging later
+        let prompt_tokens = crate::utils::tokens::estimate_request_tokens(&model, &unified_request);
+        let has_images = unified_request.has_images;
+
+        // Handle streaming response
+        let stream_result = provider.chat_completion_stream(unified_request).await;
+        
+        match stream_result {
+            Ok(stream) => {
+                // Record provider success
+                state.rate_limit_manager.record_provider_success(&provider_name).await;
+                
+                // Wrap with AggregatingStream for token counting and database logging
+                let aggregating_stream = crate::utils::streaming::AggregatingStream::new(
+                    stream,
+                    client_id.clone(),
+                    provider.clone(),
+                    model.clone(),
+                    prompt_tokens,
+                    has_images,
+                    state.request_logger.clone(),
+                    state.client_manager.clone(),
+                    state.model_registry.clone(),
+                );
+
+                // Create SSE stream from aggregating stream
+                let sse_stream = aggregating_stream.map(move |chunk_result| {
+                    match chunk_result {
+                        Ok(chunk) => {
+                            // Convert provider chunk to OpenAI-compatible SSE event
+                            let response = ChatCompletionStreamResponse {
+                                id: format!("chatcmpl-{}", Uuid::new_v4()),
+                                object: "chat.completion.chunk".to_string(),
+                                created: chrono::Utc::now().timestamp() as u64,
+                                model: chunk.model.clone(),
+                                choices: vec![ChatStreamChoice {
+                                    index: 0,
+                                    delta: ChatStreamDelta {
+                                        role: None,
+                                        content: Some(chunk.content),
+                                    },
+                                    finish_reason: chunk.finish_reason,
+                                }],
+                            };
+                            
+                            Ok(Event::default().json_data(response).unwrap())
+                        }
+                        Err(e) => {
+                            warn!("Error in streaming response: {}", e);
+                            Err(e)
+                        }
+                    }
+                });
+                
+                Ok(Sse::new(sse_stream).into_response())
+            }
+            Err(e) => {
+                // Record provider failure
+                state.rate_limit_manager.record_provider_failure(&provider_name).await;
+                
+                // Log failed request
+                let duration = start_time.elapsed();
+                warn!("Streaming request failed after {:?}: {}", duration, e);
+                
+                Err(e)
+            }
+        }
+    } else {
+        // Handle non-streaming response
+        let result = provider.chat_completion(unified_request).await;
+
+        match result {
+            Ok(response) => {
+                // Record provider success
+                state.rate_limit_manager.record_provider_success(&provider_name).await;
+                
+                let duration = start_time.elapsed();
+                let cost = provider.calculate_cost(&response.model, response.prompt_tokens, response.completion_tokens, &state.model_registry);
+
+                // Log request to database
+                state.request_logger.log_request(crate::logging::RequestLog {
+                    timestamp: chrono::Utc::now(),
+                    client_id: client_id.clone(),
+                    provider: provider_name.clone(),
+                    model: response.model.clone(),
+                    prompt_tokens: response.prompt_tokens,
+                    completion_tokens: response.completion_tokens,
+                    total_tokens: response.total_tokens,
+                    cost,
+                    has_images: false, // TODO: check images
+                    status: "success".to_string(),
+                    error_message: None,
+                    duration_ms: duration.as_millis() as u64,
+                });
+
+                // Update client usage
+                let _ = state.client_manager.update_client_usage(
+                    &client_id,
+                    response.total_tokens as i64,
+                    cost,
+                ).await;
+
+                // Convert ProviderResponse to ChatCompletionResponse
+                let chat_response = ChatCompletionResponse {
+                    id: format!("chatcmpl-{}", Uuid::new_v4()),
+                    object: "chat.completion".to_string(),
+                    created: chrono::Utc::now().timestamp() as u64,
+                    model: response.model,
+                    choices: vec![ChatChoice {
+                        index: 0,
+                        message: ChatMessage {
+                            role: "assistant".to_string(),
+                            content: crate::models::MessageContent::Text { 
+                                content: response.content 
+                            },
+                        },
+                        finish_reason: Some("stop".to_string()),
+                    }],
+                    usage: Some(Usage {
+                        prompt_tokens: response.prompt_tokens,
+                        completion_tokens: response.completion_tokens,
+                        total_tokens: response.total_tokens,
+                    }),
+                };
+                
+                // Log successful request
+                info!("Request completed successfully in {:?}", duration);
+                
+                Ok(Json(chat_response).into_response())
+            }
+            Err(e) => {
+                // Record provider failure
+                state.rate_limit_manager.record_provider_failure(&provider_name).await;
+                
+                // Log failed request to database
+                let duration = start_time.elapsed();
+                state.request_logger.log_request(crate::logging::RequestLog {
+                    timestamp: chrono::Utc::now(),
+                    client_id: client_id.clone(),
+                    provider: provider_name.clone(),
+                    model: model.clone(),
+                    prompt_tokens: 0,
+                    completion_tokens: 0,
+                    total_tokens: 0,
+                    cost: 0.0,
+                    has_images: false,
+                    status: "error".to_string(),
+                    error_message: Some(e.to_string()),
+                    duration_ms: duration.as_millis() as u64,
+                });
+
+                warn!("Request failed after {:?}: {}", duration, e);
+                
+                Err(e)
+            }
+        }
+    }
+}
diff --git a/src/state/mod.rs b/src/state/mod.rs
new file mode 100644
index 00000000..4dd1d6b4
--- /dev/null
+++ b/src/state/mod.rs
@@ -0,0 +1,43 @@
+use std::sync::Arc;
+use tokio::sync::broadcast;
+
+use crate::{
+    client::ClientManager, database::DbPool, providers::ProviderManager,
+    rate_limiting::RateLimitManager, logging::RequestLogger,
+    models::registry::ModelRegistry,
+};
+
+/// Shared application state
+#[derive(Clone)]
+pub struct AppState {
+    pub provider_manager: ProviderManager,
+    pub db_pool: DbPool,
+    pub rate_limit_manager: Arc<RateLimitManager>,
+    pub client_manager: Arc<ClientManager>,
+    pub request_logger: Arc<RequestLogger>,
+    pub model_registry: Arc<ModelRegistry>,
+    pub dashboard_tx: broadcast::Sender<serde_json::Value>,
+}
+
+impl AppState {
+    pub fn new(
+        provider_manager: ProviderManager,
+        db_pool: DbPool,
+        rate_limit_manager: RateLimitManager,
+        model_registry: ModelRegistry,
+    ) -> Self {
+        let client_manager = Arc::new(ClientManager::new(db_pool.clone()));
+        let (dashboard_tx, _) = broadcast::channel(100);
+        let request_logger = Arc::new(RequestLogger::new(db_pool.clone(), dashboard_tx.clone()));
+
+        Self {
+            provider_manager,
+            db_pool,
+            rate_limit_manager: Arc::new(rate_limit_manager),
+            client_manager,
+            request_logger,
+            model_registry: Arc::new(model_registry),
+            dashboard_tx,
+        }
+    }
+}
diff --git a/src/utils/mod.rs b/src/utils/mod.rs
new file mode 100644
index 00000000..7ad86e8d
--- /dev/null
+++ b/src/utils/mod.rs
@@ -0,0 +1,3 @@
+pub mod tokens;
+pub mod registry;
+pub mod streaming;
diff --git a/src/utils/registry.rs b/src/utils/registry.rs
new file mode 100644
index 00000000..80d855fe
--- /dev/null
+++ b/src/utils/registry.rs
@@ -0,0 +1,24 @@
+use anyhow::Result;
+use tracing::info;
+use crate::models::registry::ModelRegistry;
+
+const MODELS_DEV_URL: &str = "https://models.dev/api.json";
+
+pub async fn fetch_registry() -> Result<ModelRegistry> {
+    info!("Fetching model registry from {}", MODELS_DEV_URL);
+    
+    let client = reqwest::Client::builder()
+        .timeout(std::time::Duration::from_secs(10))
+        .build()?;
+        
+    let response = client.get(MODELS_DEV_URL).send().await?;
+    
+    if !response.status().is_success() {
+        return Err(anyhow::anyhow!("Failed to fetch registry: HTTP {}", response.status()));
+    }
+    
+    let registry: ModelRegistry = response.json().await?;
+    info!("Successfully loaded model registry");
+    
+    Ok(registry)
+}
diff --git a/src/utils/streaming.rs b/src/utils/streaming.rs
new file mode 100644
index 00000000..3e021f55
--- /dev/null
+++ b/src/utils/streaming.rs
@@ -0,0 +1,188 @@
+use futures::stream::Stream;
+use std::pin::Pin;
+use std::task::{Context, Poll};
+use std::sync::Arc;
+use crate::logging::{RequestLogger, RequestLog};
+use crate::client::ClientManager;
+use crate::providers::{Provider, ProviderStreamChunk};
+use crate::errors::AppError;
+use crate::utils::tokens::estimate_completion_tokens;
+
+pub struct AggregatingStream<S> {
+    inner: S,
+    client_id: String,
+    provider: Arc<dyn Provider>,
+    model: String,
+    prompt_tokens: u32,
+    has_images: bool,
+    accumulated_content: String,
+    logger: Arc<RequestLogger>,
+    client_manager: Arc<ClientManager>,
+    model_registry: Arc<crate::models::registry::ModelRegistry>,
+    start_time: std::time::Instant,
+    has_logged: bool,
+}
+
+impl<S> AggregatingStream<S> 
+where 
+    S: Stream<Item = Result<ProviderStreamChunk, AppError>> + Unpin
+{
+    pub fn new(
+        inner: S,
+        client_id: String,
+        provider: Arc<dyn Provider>,
+        model: String,
+        prompt_tokens: u32,
+        has_images: bool,
+        logger: Arc<RequestLogger>,
+        client_manager: Arc<ClientManager>,
+        model_registry: Arc<crate::models::registry::ModelRegistry>,
+    ) -> Self {
+        Self {
+            inner,
+            client_id,
+            provider,
+            model,
+            prompt_tokens,
+            has_images,
+            accumulated_content: String::new(),
+            logger,
+            client_manager,
+            model_registry,
+            start_time: std::time::Instant::now(),
+            has_logged: false,
+        }
+    }
+
+    fn finalize(&mut self) {
+        if self.has_logged {
+            return;
+        }
+        self.has_logged = true;
+
+        let duration = self.start_time.elapsed();
+        let client_id = self.client_id.clone();
+        let provider_name = self.provider.name().to_string();
+        let model = self.model.clone();
+        let logger = self.logger.clone();
+        let client_manager = self.client_manager.clone();
+        let provider = self.provider.clone();
+        let prompt_tokens = self.prompt_tokens;
+        let has_images = self.has_images;
+        let registry = self.model_registry.clone();
+        
+        // Estimate completion tokens
+        let completion_tokens = estimate_completion_tokens(&self.accumulated_content, &model);
+        let total_tokens = prompt_tokens + completion_tokens;
+        let cost = provider.calculate_cost(&model, prompt_tokens, completion_tokens, &registry);
+
+        // Spawn a background task to log the completion
+        tokio::spawn(async move {
+            // Log to database
+            logger.log_request(RequestLog {
+                timestamp: chrono::Utc::now(),
+                client_id: client_id.clone(),
+                provider: provider_name,
+                model,
+                prompt_tokens,
+                completion_tokens,
+                total_tokens,
+                cost,
+                has_images,
+                status: "success".to_string(),
+                error_message: None,
+                duration_ms: duration.as_millis() as u64,
+            });
+
+            // Update client usage
+            let _ = client_manager.update_client_usage(
+                &client_id,
+                total_tokens as i64,
+                cost,
+            ).await;
+        });
+    }
+}
+
+impl<S> Stream for AggregatingStream<S>
+where
+    S: Stream<Item = Result<ProviderStreamChunk, AppError>> + Unpin
+{
+    type Item = Result<ProviderStreamChunk, AppError>;
+
+    fn poll_next(mut self: Pin<&mut Self>, cx: &mut Context<'_>) -> Poll<Option<Self::Item>> {
+        let result = Pin::new(&mut self.inner).poll_next(cx);
+        
+        match &result {
+            Poll::Ready(Some(Ok(chunk))) => {
+                self.accumulated_content.push_str(&chunk.content);
+            }
+            Poll::Ready(Some(Err(_))) => {
+                // If there's an error, we might still want to log what we got so far?
+                // For now, just finalize if we have content
+                if !self.accumulated_content.is_empty() {
+                    self.finalize();
+                }
+            }
+            Poll::Ready(None) => {
+                self.finalize();
+            }
+            Poll::Pending => {}
+        }
+        
+        result
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+    use futures::stream::{self, StreamExt};
+    use anyhow::Result;
+    
+    // Simple mock provider for testing
+    struct MockProvider;
+    #[async_trait::async_trait]
+    impl Provider for MockProvider {
+        fn name(&self) -> &str { "mock" }
+        fn supports_model(&self, _model: &str) -> bool { true }
+        fn supports_multimodal(&self) -> bool { false }
+        async fn chat_completion(&self, _req: crate::models::UnifiedRequest) -> Result<crate::providers::ProviderResponse, AppError> { unimplemented!() }
+        async fn chat_completion_stream(&self, _req: crate::models::UnifiedRequest) -> Result<futures::stream::BoxStream<'static, Result<ProviderStreamChunk, AppError>>, AppError> { unimplemented!() }
+        fn estimate_tokens(&self, _req: &crate::models::UnifiedRequest) -> Result<u32> { Ok(10) }
+        fn calculate_cost(&self, _model: &str, _p: u32, _c: u32, _r: &crate::models::registry::ModelRegistry) -> f64 { 0.05 }
+    }
+
+    #[tokio::test]
+    async fn test_aggregating_stream() {
+        let chunks = vec![
+            Ok(ProviderStreamChunk { content: "Hello".to_string(), finish_reason: None, model: "test".to_string() }),
+            Ok(ProviderStreamChunk { content: " World".to_string(), finish_reason: Some("stop".to_string()), model: "test".to_string() }),
+        ];
+        let inner_stream = stream::iter(chunks);
+        
+        let pool = sqlx::SqlitePool::connect("sqlite::memory:").await.unwrap();
+        let logger = Arc::new(RequestLogger::new(pool.clone()));
+        let client_manager = Arc::new(ClientManager::new(pool.clone()));
+        let registry = Arc::new(crate::models::registry::ModelRegistry { providers: std::collections::HashMap::new() });
+        
+        let mut agg_stream = AggregatingStream::new(
+            inner_stream,
+            "client_1".to_string(),
+            Arc::new(MockProvider),
+            "test".to_string(),
+            10,
+            false,
+            logger,
+            client_manager,
+            registry,
+        );
+        
+        while let Some(item) = agg_stream.next().await {
+            assert!(item.is_ok());
+        }
+        
+        assert_eq!(agg_stream.accumulated_content, "Hello World");
+        assert!(agg_stream.has_logged);
+    }
+}
diff --git a/src/utils/tokens.rs b/src/utils/tokens.rs
new file mode 100644
index 00000000..ad4b5887
--- /dev/null
+++ b/src/utils/tokens.rs
@@ -0,0 +1,51 @@
+use tiktoken_rs::get_bpe_from_model;
+use crate::models::UnifiedRequest;
+
+/// Count tokens for a given model and text
+pub fn count_tokens(model: &str, text: &str) -> u32 {
+    // If we can't get the bpe for the model, fallback to a safe default (cl100k_base for GPT-4/o1)
+    let bpe = get_bpe_from_model(model).unwrap_or_else(|_| {
+        tiktoken_rs::cl100k_base().expect("Failed to get cl100k_base encoding")
+    });
+    
+    bpe.encode_with_special_tokens(text).len() as u32
+}
+
+/// Estimate tokens for a unified request
+pub fn estimate_request_tokens(model: &str, request: &UnifiedRequest) -> u32 {
+    let mut total_tokens = 0;
+    
+    // Base tokens per message for OpenAI (approximate)
+    let tokens_per_message = 3;
+    let _tokens_per_name = 1;
+    
+    for msg in &request.messages {
+        total_tokens += tokens_per_message;
+        
+        for part in &msg.content {
+            match part {
+                crate::models::ContentPart::Text { text } => {
+                    total_tokens += count_tokens(model, text);
+                }
+                crate::models::ContentPart::Image { .. } => {
+                    // Vision models usually have a fixed cost or calculation based on size
+                    // For now, let's use a conservative estimate of 1000 tokens
+                    total_tokens += 1000;
+                }
+            }
+        }
+        
+        // Add name tokens if we had names (we don't in UnifiedMessage yet)
+        // total_tokens += tokens_per_name;
+    }
+    
+    // Add 3 tokens for the assistant reply header
+    total_tokens += 3;
+    
+    total_tokens
+}
+
+/// Estimate tokens for completion text
+pub fn estimate_completion_tokens(text: &str, model: &str) -> u32 {
+    count_tokens(model, text)
+}
diff --git a/static/css/dashboard.css b/static/css/dashboard.css
new file mode 100644
index 00000000..45599399
--- /dev/null
+++ b/static/css/dashboard.css
@@ -0,0 +1,1119 @@
+/* Reset and Base Styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+:root {
+    /* Color Palette */
+    --primary: #2563eb;
+    --primary-dark: #1d4ed8;
+    --primary-light: #3b82f6;
+    --secondary: #64748b;
+    --success: #10b981;
+    --warning: #f59e0b;
+    --danger: #ef4444;
+    --info: #06b6d4;
+    
+    /* Background Colors */
+    --bg-primary: #ffffff;
+    --bg-secondary: #f8fafc;
+    --bg-sidebar: #1e293b;
+    --bg-card: #ffffff;
+    --bg-hover: #f1f5f9;
+    
+    /* Text Colors */
+    --text-primary: #1e293b;
+    --text-secondary: #64748b;
+    --text-light: #94a3b8;
+    --text-white: #ffffff;
+    
+    /* Borders */
+    --border-color: #e2e8f0;
+    --border-radius: 8px;
+    --border-radius-sm: 4px;
+    
+    /* Shadows */
+    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    
+    /* Spacing */
+    --spacing-xs: 0.25rem;
+    --spacing-sm: 0.5rem;
+    --spacing-md: 1rem;
+    --spacing-lg: 1.5rem;
+    --spacing-xl: 2rem;
+    --spacing-2xl: 3rem;
+    
+    /* Typography */
+    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    --font-size-xs: 0.75rem;
+    --font-size-sm: 0.875rem;
+    --font-size-base: 1rem;
+    --font-size-lg: 1.125rem;
+    --font-size-xl: 1.25rem;
+    --font-size-2xl: 1.5rem;
+    --font-size-3xl: 1.875rem;
+    
+    /* Transitions */
+    --transition-fast: 150ms ease;
+    --transition-normal: 250ms ease;
+    --transition-slow: 350ms ease;
+}
+
+body {
+    font-family: var(--font-family);
+    background-color: var(--bg-secondary);
+    color: var(--text-primary);
+    line-height: 1.5;
+    overflow-x: hidden;
+}
+
+/* Login Screen */
+.login-container {
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    padding: var(--spacing-md);
+}
+
+.login-card {
+    background: var(--bg-primary);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-lg);
+    padding: var(--spacing-2xl);
+    width: 100%;
+    max-width: 400px;
+    animation: slideUp 0.5s ease;
+}
+
+@keyframes slideUp {
+    from {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.login-header {
+    text-align: center;
+    margin-bottom: var(--spacing-2xl);
+}
+
+.login-icon {
+    font-size: 3rem;
+    color: var(--primary);
+    margin-bottom: var(--spacing-md);
+}
+
+.login-header h1 {
+    font-size: var(--font-size-2xl);
+    font-weight: 700;
+    color: var(--text-primary);
+    margin-bottom: var(--spacing-xs);
+}
+
+.login-subtitle {
+    color: var(--text-secondary);
+    font-size: var(--font-size-sm);
+}
+
+.login-form {
+    margin-bottom: var(--spacing-lg);
+}
+
+.form-group {
+    margin-bottom: var(--spacing-lg);
+}
+
+.form-group label {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+    font-size: var(--font-size-sm);
+    font-weight: 500;
+    color: var(--text-secondary);
+    margin-bottom: var(--spacing-sm);
+}
+
+.form-group label i {
+    color: var(--primary);
+}
+
+.form-group input {
+    width: 100%;
+    padding: var(--spacing-md);
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius-sm);
+    font-size: var(--font-size-base);
+    transition: border-color var(--transition-fast);
+}
+
+.form-group input:focus {
+    outline: none;
+    border-color: var(--primary);
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+}
+
+.login-btn {
+    width: 100%;
+    padding: var(--spacing-md);
+    background-color: var(--primary);
+    color: var(--text-white);
+    border: none;
+    border-radius: var(--border-radius-sm);
+    font-size: var(--font-size-base);
+    font-weight: 600;
+    cursor: pointer;
+    transition: background-color var(--transition-fast);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacing-sm);
+}
+
+.login-btn:hover {
+    background-color: var(--primary-dark);
+}
+
+.login-footer {
+    text-align: center;
+    font-size: var(--font-size-xs);
+    color: var(--text-light);
+    margin-top: var(--spacing-lg);
+}
+
+.error-message {
+    background-color: rgba(239, 68, 68, 0.1);
+    border: 1px solid rgba(239, 68, 68, 0.2);
+    border-radius: var(--border-radius-sm);
+    padding: var(--spacing-md);
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+    color: var(--danger);
+    font-size: var(--font-size-sm);
+}
+
+.error-message i {
+    font-size: var(--font-size-lg);
+}
+
+/* Dashboard Layout */
+.dashboard-container {
+    display: flex;
+    min-height: 100vh;
+}
+
+/* Sidebar */
+.sidebar {
+    width: 250px;
+    background-color: var(--bg-sidebar);
+    color: var(--text-white);
+    display: flex;
+    flex-direction: column;
+    transition: width var(--transition-normal);
+    position: fixed;
+    height: 100vh;
+    z-index: 1000;
+}
+
+.sidebar.collapsed {
+    width: 70px;
+}
+
+.sidebar-header {
+    padding: var(--spacing-lg);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+    font-size: var(--font-size-xl);
+    font-weight: 700;
+}
+
+.logo i {
+    font-size: var(--font-size-2xl);
+    color: var(--primary-light);
+}
+
+.sidebar.collapsed .logo span {
+    display: none;
+}
+
+.sidebar-toggle {
+    background: none;
+    border: none;
+    color: var(--text-white);
+    cursor: pointer;
+    font-size: var(--font-size-lg);
+    opacity: 0.7;
+    transition: opacity var(--transition-fast);
+}
+
+.sidebar-toggle:hover {
+    opacity: 1;
+}
+
+.sidebar-menu {
+    flex: 1;
+    padding: var(--spacing-lg) 0;
+    overflow-y: auto;
+}
+
+.menu-section {
+    margin-bottom: var(--spacing-xl);
+}
+
+.menu-title {
+    font-size: var(--font-size-xs);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: rgba(255, 255, 255, 0.5);
+    padding: 0 var(--spacing-lg) var(--spacing-sm);
+    margin-bottom: var(--spacing-sm);
+}
+
+.sidebar.collapsed .menu-title {
+    display: none;
+}
+
+.menu-item {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-md);
+    padding: var(--spacing-md) var(--spacing-lg);
+    color: rgba(255, 255, 255, 0.7);
+    text-decoration: none;
+    transition: all var(--transition-fast);
+    border-left: 3px solid transparent;
+}
+
+.menu-item:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+    color: var(--text-white);
+    border-left-color: var(--primary);
+}
+
+.menu-item.active {
+    background-color: rgba(37, 99, 235, 0.1);
+    color: var(--text-white);
+    border-left-color: var(--primary);
+}
+
+.menu-item i {
+    font-size: var(--font-size-lg);
+    width: 24px;
+    text-align: center;
+}
+
+.sidebar.collapsed .menu-item span {
+    display: none;
+}
+
+.sidebar-footer {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    padding: var(--spacing-lg);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.user-info {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+}
+
+.user-avatar {
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    background-color: rgba(255, 255, 255, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--font-size-xl);
+}
+
+.user-details {
+    display: flex;
+    flex-direction: column;
+}
+
+.user-name {
+    font-size: var(--font-size-sm);
+    font-weight: 600;
+}
+
+.user-role {
+    font-size: var(--font-size-xs);
+    color: rgba(255, 255, 255, 0.5);
+}
+
+.sidebar.collapsed .user-details {
+    display: none;
+}
+
+.logout-btn {
+    background: none;
+    border: none;
+    color: rgba(255, 255, 255, 0.7);
+    cursor: pointer;
+    font-size: var(--font-size-lg);
+    transition: color var(--transition-fast);
+}
+
+.logout-btn:hover {
+    color: var(--danger);
+}
+
+.sidebar.collapsed .logout-btn {
+    margin-left: auto;
+}
+
+/* Main Content */
+.main-content {
+    flex: 1;
+    margin-left: 250px;
+    transition: margin-left var(--transition-normal);
+}
+
+.sidebar.collapsed ~ .main-content {
+    margin-left: 70px;
+}
+
+/* Top Navigation */
+.top-nav {
+    background-color: var(--bg-primary);
+    border-bottom: 1px solid var(--border-color);
+    padding: var(--spacing-lg) var(--spacing-xl);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+}
+
+.nav-left .page-title {
+    font-size: var(--font-size-xl);
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.nav-right {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-lg);
+}
+
+.nav-item {
+    position: relative;
+    cursor: pointer;
+    color: var(--text-secondary);
+    transition: color var(--transition-fast);
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+}
+
+.nav-item:hover {
+    color: var(--primary);
+}
+
+.nav-item i {
+    font-size: var(--font-size-lg);
+}
+
+.badge {
+    position: absolute;
+    top: -8px;
+    right: -8px;
+    background-color: var(--danger);
+    color: var(--text-white);
+    font-size: var(--font-size-xs);
+    font-weight: 600;
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Page Content */
+.page-content {
+    padding: var(--spacing-xl);
+    min-height: calc(100vh - 80px);
+}
+
+/* Cards */
+.card {
+    background-color: var(--bg-card);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    padding: var(--spacing-lg);
+    margin-bottom: var(--spacing-lg);
+}
+
+.card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: var(--spacing-lg);
+}
+
+.card-title {
+    font-size: var(--font-size-lg);
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.card-subtitle {
+    font-size: var(--font-size-sm);
+    color: var(--text-secondary);
+}
+
+.card-actions {
+    display: flex;
+    gap: var(--spacing-sm);
+}
+
+.card-action-btn {
+    background: none;
+    border: none;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-size: var(--font-size-lg);
+    transition: color var(--transition-fast);
+}
+
+.card-action-btn:hover {
+    color: var(--primary);
+}
+
+/* Stats Grid */
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: var(--spacing-lg);
+    margin-bottom: var(--spacing-xl);
+}
+
+.stat-card {
+    background-color: var(--bg-card);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    padding: var(--spacing-lg);
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-lg);
+    transition: transform var(--transition-fast);
+}
+
+.stat-card:hover {
+    transform: translateY(-2px);
+    box-shadow: var(--shadow-md);
+}
+
+.stat-icon {
+    width: 56px;
+    height: 56px;
+    border-radius: var(--border-radius);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--font-size-2xl);
+}
+
+.stat-icon.primary {
+    background-color: rgba(37, 99, 235, 0.1);
+    color: var(--primary);
+}
+
+.stat-icon.success {
+    background-color: rgba(16, 185, 129, 0.1);
+    color: var(--success);
+}
+
+.stat-icon.warning {
+    background-color: rgba(245, 158, 11, 0.1);
+    color: var(--warning);
+}
+
+.stat-icon.danger {
+    background-color: rgba(239, 68, 68, 0.1);
+    color: var(--danger);
+}
+
+.stat-content {
+    flex: 1;
+}
+
+.stat-value {
+    font-size: var(--font-size-2xl);
+    font-weight: 700;
+    color: var(--text-primary);
+    margin-bottom: var(--spacing-xs);
+}
+
+.stat-label {
+    font-size: var(--font-size-sm);
+    color: var(--text-secondary);
+    margin-bottom: var(--spacing-xs);
+}
+
+.stat-change {
+    font-size: var(--font-size-xs);
+    font-weight: 600;
+}
+
+.stat-change.positive {
+    color: var(--success);
+}
+
+.stat-change.negative {
+    color: var(--danger);
+}
+
+/* Charts */
+.chart-container {
+    background-color: var(--bg-card);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    padding: var(--spacing-lg);
+    margin-bottom: var(--spacing-lg);
+}
+
+.chart-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: var(--spacing-lg);
+}
+
+.chart-title {
+    font-size: var(--font-size-lg);
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.chart-controls {
+    display: flex;
+    gap: var(--spacing-sm);
+}
+
+.chart-control-btn {
+    padding: var(--spacing-sm) var(--spacing-md);
+    background-color: var(--bg-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius-sm);
+    font-size: var(--font-size-sm);
+    color: var(--text-secondary);
+    cursor: pointer;
+    transition: all var(--transition-fast);
+}
+
+.chart-control-btn:hover {
+    background-color: var(--bg-hover);
+}
+
+.chart-control-btn.active {
+    background-color: var(--primary);
+    color: var(--text-white);
+    border-color: var(--primary);
+}
+
+/* Tables */
+.table-container {
+    background-color: var(--bg-card);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    overflow: hidden;
+}
+
+.table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.table thead {
+    background-color: var(--bg-secondary);
+}
+
+.table th {
+    padding: var(--spacing-md) var(--spacing-lg);
+    text-align: left;
+    font-size: var(--font-size-sm);
+    font-weight: 600;
+    color: var(--text-secondary);
+    border-bottom: 1px solid var(--border-color);
+}
+
+.table tbody tr {
+    border-bottom: 1px solid var(--border-color);
+    transition: background-color var(--transition-fast);
+}
+
+.table tbody tr:hover {
+    background-color: var(--bg-hover);
+}
+
+.table td {
+    padding: var(--spacing-md) var(--spacing-lg);
+    font-size: var(--font-size-sm);
+    color: var(--text-primary);
+}
+
+/* Status Badges */
+.status-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--spacing-xs);
+    padding: var(--spacing-xs) var(--spacing-sm);
+    border-radius: 20px;
+    font-size: var(--font-size-xs);
+    font-weight: 600;
+}
+
+.status-badge.online {
+    background-color: rgba(16, 185, 129, 0.1);
+    color: var(--success);
+}
+
+.status-badge.offline {
+    background-color: rgba(239, 68, 68, 0.1);
+    color: var(--danger);
+}
+
+.status-badge.warning {
+    background-color: rgba(245, 158, 11, 0.1);
+    color: var(--warning);
+}
+
+.status-badge i {
+    font-size: var(--font-size-xs);
+}
+
+/* WebSocket Status */
+.ws-status {
+    position: fixed;
+    bottom: var(--spacing-lg);
+    right: var(--spacing-lg);
+    background-color: var(--bg-card);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    padding: var(--spacing-sm) var(--spacing-md);
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+    font-size: var(--font-size-sm);
+    z-index: 1000;
+}
+
+.ws-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background-color: var(--text-light);
+}
+
+.ws-dot.connected {
+    background-color: var(--success);
+    animation: pulse 2s infinite;
+}
+
+.ws-dot.disconnected {
+    background-color: var(--danger);
+}
+
+@keyframes pulse {
+    0%, 100% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.5;
+    }
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .sidebar {
+        width: 70px;
+    }
+    
+    .sidebar:not(.collapsed) {
+        width: 250px;
+    }
+    
+    .main-content {
+        margin-left: 70px;
+    }
+    
+    .sidebar:not(.collapsed) ~ .main-content {
+        margin-left: 250px;
+    }
+}
+
+@media (max-width: 768px) {
+    .stats-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .top-nav {
+        padding: var(--spacing-md);
+    }
+    
+    .page-content {
+        padding: var(--spacing-md);
+    }
+    
+    .nav-right {
+        gap: var(--spacing-md);
+    }
+}
+
+@media (max-width: 480px) {
+    .login-card {
+        padding: var(--spacing-lg);
+    }
+    
+    .card-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--spacing-sm);
+    }
+    
+    .card-actions {
+        align-self: flex-end;
+    }
+}
+
+/* Loading States */
+.loading {
+    opacity: 0.6;
+    pointer-events: none;
+}
+
+.loading::after {
+    content: '';
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border: 2px solid var(--border-color);
+    border-top-color: var(--primary);
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin-left: var(--spacing-sm);
+}
+
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+/* Empty States */
+.empty-state {
+    text-align: center;
+    padding: var(--spacing-2xl);
+    color: var(--text-secondary);
+}
+
+.empty-state i {
+    font-size: 3rem;
+    margin-bottom: var(--spacing-lg);
+    opacity: 0.5;
+}
+
+.empty-state h3 {
+    font-size: var(--font-size-lg);
+    margin-bottom: var(--spacing-sm);
+}
+
+.empty-state p {
+    font-size: var(--font-size-sm);
+    margin-bottom: var(--spacing-lg);
+}
+
+/* Form Elements */
+.form-row {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: var(--spacing-lg);
+    margin-bottom: var(--spacing-lg);
+}
+
+.form-control {
+    margin-bottom: var(--spacing-lg);
+}
+
+.form-control label {
+    display: block;
+    font-size: var(--font-size-sm);
+    font-weight: 500;
+    color: var(--text-secondary);
+    margin-bottom: var(--spacing-sm);
+}
+
+.form-control input,
+.form-control select,
+.form-control textarea {
+    width: 100%;
+    padding: var(--spacing-md);
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius-sm);
+    font-size: var(--font-size-base);
+    transition: border-color var(--transition-fast);
+}
+
+.form-control input:focus,
+.form-control select:focus,
+.form-control textarea:focus {
+    outline: none;
+    border-color: var(--primary);
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+}
+
+.form-actions {
+    display: flex;
+    gap: var(--spacing-sm);
+    justify-content: flex-end;
+    margin-top: var(--spacing-xl);
+}
+
+.btn {
+    padding: var(--spacing-md) var(--spacing-lg);
+    border: none;
+    border-radius: var(--border-radius-sm);
+    font-size: var(--font-size-base);
+    font-weight: 600;
+    cursor: pointer;
+    transition: all var(--transition-fast);
+    display: inline-flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+}
+
+.btn-primary {
+    background-color: var(--primary);
+    color: var(--text-white);
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-dark);
+}
+
+.btn-secondary {
+    background-color: var(--bg-secondary);
+    color: var(--text-secondary);
+    border: 1px solid var(--border-color);
+}
+
+.btn-secondary:hover {
+    background-color: var(--bg-hover);
+}
+
+.btn-danger {
+    background-color: var(--danger);
+    color: var(--text-white);
+}
+
+.btn-danger:hover {
+    background-color: #dc2626;
+}
+
+.btn-success {
+    background-color: var(--success);
+    color: var(--text-white);
+}
+
+.btn-success:hover {
+    background-color: #0da271;
+}
+
+/* Modal */
+.modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 2000;
+    opacity: 0;
+    visibility: hidden;
+    transition: all var(--transition-normal);
+}
+
+.modal.active {
+    opacity: 1;
+    visibility: visible;
+}
+
+.modal-content {
+    background-color: var(--bg-primary);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-lg);
+    width: 90%;
+    max-width: 500px;
+    max-height: 90vh;
+    overflow-y: auto;
+    transform: translateY(20px);
+    transition: transform var(--transition-normal);
+}
+
+.modal.active .modal-content {
+    transform: translateY(0);
+}
+
+.modal-header {
+    padding: var(--spacing-lg);
+    border-bottom: 1px solid var(--border-color);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.modal-title {
+    font-size: var(--font-size-lg);
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.modal-close {
+    background: none;
+    border: none;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-size: var(--font-size-lg);
+    transition: color var(--transition-fast);
+}
+
+.modal-close:hover {
+    color: var(--danger);
+}
+
+.modal-body {
+    padding: var(--spacing-lg);
+}
+
+.modal-footer {
+    padding: var(--spacing-lg);
+    border-top: 1px solid var(--border-color);
+    display: flex;
+    gap: var(--spacing-sm);
+    justify-content: flex-end;
+}
+
+/* Toast Notifications */
+.toast-container {
+    position: fixed;
+    top: var(--spacing-lg);
+    right: var(--spacing-lg);
+    z-index: 2000;
+}
+
+.toast {
+    background-color: var(--bg-card);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-lg);
+    padding: var(--spacing-md) var(--spacing-lg);
+    margin-bottom: var(--spacing-sm);
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-md);
+    min-width: 300px;
+    transform: translateX(100%);
+    opacity: 0;
+    animation: slideIn 0.3s ease forwards;
+}
+
+@keyframes slideIn {
+    to {
+        transform: translateX(0);
+        opacity: 1;
+    }
+}
+
+.toast.success {
+    border-left: 4px solid var(--success);
+}
+
+.toast.error {
+    border-left: 4px solid var(--danger);
+}
+
+.toast.warning {
+    border-left: 4px solid var(--warning);
+}
+
+.toast.info {
+    border-left: 4px solid var(--info);
+}
+
+.toast-icon {
+    font-size: var(--font-size-xl);
+}
+
+.toast.success .toast-icon {
+    color: var(--success);
+}
+
+.toast.error .toast-icon {
+    color: var(--danger);
+}
+
+.toast.warning .toast-icon {
+    color: var(--warning);
+}
+
+.toast.info .toast-icon {
+    color: var(--info);
+}
+
+.toast-content {
+    flex: 1;
+}
+
+.toast-title {
+    font-size: var(--font-size-base);
+    font-weight: 600;
+    margin-bottom: var(--spacing-xs);
+}
+
+.toast-message {
+    font-size: var(--font-size-sm);
+    color: var(--text-secondary);
+}
+
+.toast-close {
+    background: none;
+    border: none;
+    color: var(--text-light);
+    cursor: pointer;
+    font-size: var(--font-size-lg);
+    transition: color var(--transition-fast);
+}
+
+.toast-close:hover {
+    color: var(--text-secondary);
+}
\ No newline at end of file
diff --git a/static/index.html b/static/index.html
new file mode 100644
index 00000000..75155e1b
--- /dev/null
+++ b/static/index.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>LLM Proxy Gateway - Admin Dashboard</title>
+    <link rel="stylesheet" href="/css/dashboard.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/luxon@3.4.4/build/global/luxon.min.js"></script>
+</head>
+<body>
+    <!-- Login Screen -->
+    <div id="login-screen" class="login-container">
+        <div class="login-card">
+            <div class="login-header">
+                <i class="fas fa-robot login-icon"></i>
+                <h1>LLM Proxy Gateway</h1>
+                <p class="login-subtitle">Admin Dashboard</p>
+            </div>
+            <form id="login-form" class="login-form">
+                <div class="form-group">
+                    <label for="username">
+                        <i class="fas fa-user"></i> Username
+                    </label>
+                    <input type="text" id="username" name="username" placeholder="admin" required>
+                </div>
+                <div class="form-group">
+                    <label for="password">
+                        <i class="fas fa-lock"></i> Password
+                    </label>
+                    <input type="password" id="password" name="password" placeholder="••••••••" required>
+                </div>
+                <div class="form-group">
+                    <button type="submit" class="login-btn">
+                        <i class="fas fa-sign-in-alt"></i> Sign In
+                    </button>
+                </div>
+                <div class="login-footer">
+                    <p>Default credentials: admin / admin123</p>
+                </div>
+            </form>
+            <div id="login-error" class="error-message" style="display: none;">
+                <i class="fas fa-exclamation-circle"></i>
+                <span>Invalid credentials. Please try again.</span>
+            </div>
+        </div>
+    </div>
+
+    <!-- Main Dashboard -->
+    <div id="dashboard" class="dashboard-container" style="display: none;">
+        <!-- Sidebar -->
+        <nav class="sidebar">
+            <div class="sidebar-header">
+                <div class="logo">
+                    <i class="fas fa-robot"></i>
+                    <span>LLM Proxy</span>
+                </div>
+                <button class="sidebar-toggle" id="sidebar-toggle">
+                    <i class="fas fa-bars"></i>
+                </button>
+            </div>
+            
+            <div class="sidebar-menu">
+                <div class="menu-section">
+                    <h3 class="menu-title">MAIN</h3>
+                    <a href="#overview" class="menu-item active" data-page="overview">
+                        <i class="fas fa-tachometer-alt"></i>
+                        <span>Overview</span>
+                    </a>
+                    <a href="#analytics" class="menu-item" data-page="analytics">
+                        <i class="fas fa-chart-line"></i>
+                        <span>Analytics</span>
+                    </a>
+                    <a href="#costs" class="menu-item" data-page="costs">
+                        <i class="fas fa-dollar-sign"></i>
+                        <span>Cost Management</span>
+                    </a>
+                </div>
+                
+                <div class="menu-section">
+                    <h3 class="menu-title">MANAGEMENT</h3>
+                    <a href="#clients" class="menu-item" data-page="clients">
+                        <i class="fas fa-users"></i>
+                        <span>Client Management</span>
+                    </a>
+                    <a href="#providers" class="menu-item" data-page="providers">
+                        <i class="fas fa-server"></i>
+                        <span>Providers</span>
+                    </a>
+                    <a href="#monitoring" class="menu-item" data-page="monitoring">
+                        <i class="fas fa-heartbeat"></i>
+                        <span>Real-time Monitoring</span>
+                    </a>
+                </div>
+                
+                <div class="menu-section">
+                    <h3 class="menu-title">SYSTEM</h3>
+                    <a href="#settings" class="menu-item" data-page="settings">
+                        <i class="fas fa-cog"></i>
+                        <span>Settings</span>
+                    </a>
+                    <a href="#logs" class="menu-item" data-page="logs">
+                        <i class="fas fa-file-alt"></i>
+                        <span>System Logs</span>
+                    </a>
+                </div>
+            </div>
+            
+            <div class="sidebar-footer">
+                <div class="user-info">
+                    <div class="user-avatar">
+                        <i class="fas fa-user-circle"></i>
+                    </div>
+                    <div class="user-details">
+                        <span class="user-name">Administrator</span>
+                        <span class="user-role">Super Admin</span>
+                    </div>
+                </div>
+                <button class="logout-btn" id="logout-btn">
+                    <i class="fas fa-sign-out-alt"></i>
+                </button>
+            </div>
+        </nav>
+
+        <!-- Main Content -->
+        <main class="main-content">
+            <!-- Top Navigation -->
+            <header class="top-nav">
+                <div class="nav-left">
+                    <h1 class="page-title" id="page-title">Dashboard Overview</h1>
+                </div>
+                <div class="nav-right">
+                    <div class="nav-item">
+                        <i class="fas fa-bell"></i>
+                        <span class="badge">3</span>
+                    </div>
+                    <div class="nav-item">
+                        <i class="fas fa-sync-alt" id="refresh-btn"></i>
+                    </div>
+                    <div class="nav-item">
+                        <span id="current-time">Loading...</span>
+                    </div>
+                </div>
+            </header>
+
+            <!-- Page Content -->
+            <div class="page-content" id="page-content">
+                <!-- Overview page will be loaded here -->
+            </div>
+        </main>
+    </div>
+
+    <!-- WebSocket Status Indicator -->
+    <div class="ws-status" id="ws-status">
+        <span class="ws-dot"></span>
+        <span class="ws-text">Connecting...</span>
+    </div>
+
+    <!-- Scripts -->
+    <script src="/js/auth.js"></script>
+    <script src="/js/dashboard.js"></script>
+    <script src="/js/websocket.js"></script>
+    <script src="/js/charts.js"></script>
+    <script src="/js/pages/overview.js"></script>
+    <script src="/js/pages/analytics.js"></script>
+    <script src="/js/pages/costs.js"></script>
+    <script src="/js/pages/clients.js"></script>
+    <script src="/js/pages/providers.js"></script>
+    <script src="/js/pages/monitoring.js"></script>
+    <script src="/js/pages/settings.js"></script>
+    <script src="/js/pages/logs.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/js/auth.js b/static/js/auth.js
new file mode 100644
index 00000000..ddef0805
--- /dev/null
+++ b/static/js/auth.js
@@ -0,0 +1,269 @@
+// Authentication Module for LLM Proxy Dashboard
+
+class AuthManager {
+    constructor() {
+        this.isAuthenticated = false;
+        this.token = null;
+        this.user = null;
+        this.init();
+    }
+
+    init() {
+        // Check for existing session
+        const savedToken = localStorage.getItem('dashboard_token');
+        const savedUser = localStorage.getItem('dashboard_user');
+        
+        if (savedToken && savedUser) {
+            this.token = savedToken;
+            this.user = JSON.parse(savedUser);
+            this.isAuthenticated = true;
+            this.showDashboard();
+        } else {
+            this.showLogin();
+        }
+
+        // Setup login form
+        this.setupLoginForm();
+        this.setupLogout();
+    }
+
+    setupLoginForm() {
+        const loginForm = document.getElementById('login-form');
+        if (!loginForm) return;
+
+        loginForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+            
+            const username = document.getElementById('username').value;
+            const password = document.getElementById('password').value;
+            
+            await this.login(username, password);
+        });
+    }
+
+    setupLogout() {
+        const logoutBtn = document.getElementById('logout-btn');
+        if (!logoutBtn) return;
+
+        logoutBtn.addEventListener('click', () => {
+            this.logout();
+        });
+    }
+
+    async login(username, password) {
+        const errorElement = document.getElementById('login-error');
+        const loginBtn = document.querySelector('.login-btn');
+        
+        try {
+            // Show loading state
+            loginBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Authenticating...';
+            loginBtn.disabled = true;
+            
+            // Simple authentication - in production, this would call an API
+            // For now, using mock authentication
+            await new Promise(resolve => setTimeout(resolve, 1000));
+            
+            if (username === 'admin' && password === 'admin123') {
+                // Successful login
+                this.token = this.generateToken();
+                this.user = {
+                    username: 'admin',
+                    name: 'Administrator',
+                    role: 'Super Admin',
+                    avatar: null
+                };
+                
+                // Save to localStorage
+                localStorage.setItem('dashboard_token', this.token);
+                localStorage.setItem('dashboard_user', JSON.stringify(this.user));
+                
+                this.isAuthenticated = true;
+                this.showDashboard();
+                
+                // Show success message
+                this.showToast('Successfully logged in!', 'success');
+            } else {
+                throw new Error('Invalid credentials');
+            }
+        } catch (error) {
+            // Show error
+            errorElement.style.display = 'flex';
+            errorElement.querySelector('span').textContent = error.message;
+            
+            // Reset button
+            loginBtn.innerHTML = '<i class="fas fa-sign-in-alt"></i> Sign In';
+            loginBtn.disabled = false;
+        }
+    }
+
+    logout() {
+        // Clear localStorage
+        localStorage.removeItem('dashboard_token');
+        localStorage.removeItem('dashboard_user');
+        
+        // Reset state
+        this.isAuthenticated = false;
+        this.token = null;
+        this.user = null;
+        
+        // Show login screen
+        this.showLogin();
+        
+        // Show logout message
+        this.showToast('Successfully logged out', 'info');
+    }
+
+    generateToken() {
+        // Generate a simple token for demo purposes
+        // In production, this would come from the server
+        const timestamp = Date.now();
+        const random = Math.random().toString(36).substring(2);
+        return btoa(`${timestamp}:${random}`).replace(/=/g, '');
+    }
+
+    showLogin() {
+        const loginScreen = document.getElementById('login-screen');
+        const dashboard = document.getElementById('dashboard');
+        
+        if (loginScreen) loginScreen.style.display = 'flex';
+        if (dashboard) dashboard.style.display = 'none';
+        
+        // Clear form
+        const loginForm = document.getElementById('login-form');
+        if (loginForm) loginForm.reset();
+        
+        // Hide error
+        const errorElement = document.getElementById('login-error');
+        if (errorElement) errorElement.style.display = 'none';
+        
+        // Reset button
+        const loginBtn = document.querySelector('.login-btn');
+        if (loginBtn) {
+            loginBtn.innerHTML = '<i class="fas fa-sign-in-alt"></i> Sign In';
+            loginBtn.disabled = false;
+        }
+    }
+
+    showDashboard() {
+        const loginScreen = document.getElementById('login-screen');
+        const dashboard = document.getElementById('dashboard');
+        
+        if (loginScreen) loginScreen.style.display = 'none';
+        if (dashboard) dashboard.style.display = 'flex';
+        
+        // Update user info in sidebar
+        this.updateUserInfo();
+        
+        // Initialize dashboard components
+        if (typeof window.initDashboard === 'function') {
+            window.initDashboard();
+        }
+    }
+
+    updateUserInfo() {
+        const userNameElement = document.querySelector('.user-name');
+        const userRoleElement = document.querySelector('.user-role');
+        
+        if (userNameElement && this.user) {
+            userNameElement.textContent = this.user.name;
+        }
+        
+        if (userRoleElement && this.user) {
+            userRoleElement.textContent = this.user.role;
+        }
+    }
+
+    getAuthHeaders() {
+        if (!this.token) return {};
+        
+        return {
+            'Authorization': `Bearer ${this.token}`,
+            'Content-Type': 'application/json'
+        };
+    }
+
+    async fetchWithAuth(url, options = {}) {
+        const headers = this.getAuthHeaders();
+        
+        const response = await fetch(url, {
+            ...options,
+            headers: {
+                ...headers,
+                ...options.headers
+            }
+        });
+        
+        if (response.status === 401) {
+            // Token expired or invalid
+            this.logout();
+            throw new Error('Authentication required');
+        }
+        
+        return response;
+    }
+
+    showToast(message, type = 'info') {
+        // Create toast container if it doesn't exist
+        let container = document.querySelector('.toast-container');
+        if (!container) {
+            container = document.createElement('div');
+            container.className = 'toast-container';
+            document.body.appendChild(container);
+        }
+        
+        // Create toast
+        const toast = document.createElement('div');
+        toast.className = `toast ${type}`;
+        
+        // Set icon based on type
+        let icon = 'info-circle';
+        switch (type) {
+            case 'success':
+                icon = 'check-circle';
+                break;
+            case 'error':
+                icon = 'exclamation-circle';
+                break;
+            case 'warning':
+                icon = 'exclamation-triangle';
+                break;
+        }
+        
+        toast.innerHTML = `
+            <i class="fas fa-${icon} toast-icon"></i>
+            <div class="toast-content">
+                <div class="toast-title">${type.charAt(0).toUpperCase() + type.slice(1)}</div>
+                <div class="toast-message">${message}</div>
+            </div>
+            <button class="toast-close">
+                <i class="fas fa-times"></i>
+            </button>
+        `;
+        
+        // Add close functionality
+        const closeBtn = toast.querySelector('.toast-close');
+        closeBtn.addEventListener('click', () => {
+            toast.remove();
+        });
+        
+        // Add to container
+        container.appendChild(toast);
+        
+        // Auto-remove after 5 seconds
+        setTimeout(() => {
+            if (toast.parentNode) {
+                toast.remove();
+            }
+        }, 5000);
+    }
+}
+
+// Initialize auth manager when DOM is loaded
+document.addEventListener('DOMContentLoaded', () => {
+    window.authManager = new AuthManager();
+});
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = AuthManager;
+}
\ No newline at end of file
diff --git a/static/js/charts.js b/static/js/charts.js
new file mode 100644
index 00000000..65089c16
--- /dev/null
+++ b/static/js/charts.js
@@ -0,0 +1,533 @@
+// Chart.js Configuration and Helpers
+
+class ChartManager {
+    constructor() {
+        this.charts = new Map();
+        this.defaultColors = [
+            '#3b82f6', // Blue
+            '#10b981', // Green
+            '#f59e0b', // Yellow
+            '#ef4444', // Red
+            '#8b5cf6', // Purple
+            '#ec4899', // Pink
+            '#06b6d4', // Cyan
+            '#84cc16', // Lime
+            '#f97316', // Orange
+            '#6366f1', // Indigo
+        ];
+        this.init();
+    }
+
+    init() {
+        // Register Chart.js plugins if needed
+        this.registerPlugins();
+    }
+
+    registerPlugins() {
+        // Register a plugin for tooltip background
+        Chart.register({
+            id: 'customTooltip',
+            beforeDraw: (chart) => {
+                if (chart.tooltip._active && chart.tooltip._active.length) {
+                    const ctx = chart.ctx;
+                    const activePoint = chart.tooltip._active[0];
+                    const x = activePoint.element.x;
+                    const topY = chart.scales.y.top;
+                    const bottomY = chart.scales.y.bottom;
+
+                    ctx.save();
+                    ctx.beginPath();
+                    ctx.setLineDash([5, 5]);
+                    ctx.moveTo(x, topY);
+                    ctx.lineTo(x, bottomY);
+                    ctx.lineWidth = 1;
+                    ctx.strokeStyle = 'rgba(0, 0, 0, 0.1)';
+                    ctx.stroke();
+                    ctx.restore();
+                }
+            }
+        });
+    }
+
+    createChart(canvasId, config) {
+        const canvas = document.getElementById(canvasId);
+        if (!canvas) {
+            console.warn(`Canvas element #${canvasId} not found`);
+            return null;
+        }
+
+        // Destroy existing chart if it exists
+        if (this.charts.has(canvasId)) {
+            this.charts.get(canvasId).destroy();
+        }
+
+        // Create new chart
+        const ctx = canvas.getContext('2d');
+        const chart = new Chart(ctx, {
+            ...config,
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                plugins: {
+                    legend: {
+                        position: 'top',
+                        labels: {
+                            padding: 20,
+                            usePointStyle: true,
+                            pointStyle: 'circle'
+                        }
+                    },
+                    tooltip: {
+                        mode: 'index',
+                        intersect: false,
+                        backgroundColor: 'rgba(255, 255, 255, 0.95)',
+                        titleColor: '#1e293b',
+                        bodyColor: '#1e293b',
+                        borderColor: '#e2e8f0',
+                        borderWidth: 1,
+                        cornerRadius: 6,
+                        padding: 12,
+                        boxPadding: 6,
+                        callbacks: {
+                            label: function(context) {
+                                let label = context.dataset.label || '';
+                                if (label) {
+                                    label += ': ';
+                                }
+                                if (context.parsed.y !== null) {
+                                    label += context.parsed.y.toLocaleString();
+                                }
+                                return label;
+                            }
+                        }
+                    }
+                },
+                interaction: {
+                    intersect: false,
+                    mode: 'nearest'
+                },
+                scales: {
+                    x: {
+                        grid: {
+                            display: true,
+                            color: 'rgba(0, 0, 0, 0.05)'
+                        },
+                        ticks: {
+                            color: '#64748b'
+                        }
+                    },
+                    y: {
+                        beginAtZero: true,
+                        grid: {
+                            display: true,
+                            color: 'rgba(0, 0, 0, 0.05)'
+                        },
+                        ticks: {
+                            color: '#64748b',
+                            callback: function(value) {
+                                return value.toLocaleString();
+                            }
+                        }
+                    }
+                },
+                ...config.options
+            }
+        });
+
+        // Store chart reference
+        this.charts.set(canvasId, chart);
+
+        return chart;
+    }
+
+    destroyChart(canvasId) {
+        if (this.charts.has(canvasId)) {
+            this.charts.get(canvasId).destroy();
+            this.charts.delete(canvasId);
+        }
+    }
+
+    destroyAllCharts() {
+        this.charts.forEach((chart, canvasId) => {
+            chart.destroy();
+        });
+        this.charts.clear();
+    }
+
+    // Chart templates
+    createLineChart(canvasId, data, options = {}) {
+        const config = {
+            type: 'line',
+            data: {
+                labels: data.labels || [],
+                datasets: data.datasets.map((dataset, index) => ({
+                    label: dataset.label,
+                    data: dataset.data,
+                    borderColor: dataset.color || this.defaultColors[index % this.defaultColors.length],
+                    backgroundColor: dataset.fill ? this.hexToRgba(dataset.color || this.defaultColors[index % this.defaultColors.length], 0.1) : 'transparent',
+                    borderWidth: 2,
+                    pointRadius: 3,
+                    pointHoverRadius: 6,
+                    pointBackgroundColor: dataset.color || this.defaultColors[index % this.defaultColors.length],
+                    pointBorderColor: '#ffffff',
+                    pointBorderWidth: 2,
+                    fill: dataset.fill || false,
+                    tension: 0.4,
+                    ...dataset
+                }))
+            },
+            options: {
+                plugins: {
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                let label = context.dataset.label || '';
+                                if (label) {
+                                    label += ': ';
+                                }
+                                if (context.parsed.y !== null) {
+                                    label += context.parsed.y.toLocaleString();
+                                }
+                                return label;
+                            }
+                        }
+                    }
+                },
+                ...options
+            }
+        };
+
+        return this.createChart(canvasId, config);
+    }
+
+    createBarChart(canvasId, data, options = {}) {
+        const config = {
+            type: 'bar',
+            data: {
+                labels: data.labels || [],
+                datasets: data.datasets.map((dataset, index) => ({
+                    label: dataset.label,
+                    data: dataset.data,
+                    backgroundColor: dataset.color || this.defaultColors[index % this.defaultColors.length],
+                    borderColor: dataset.borderColor || '#ffffff',
+                    borderWidth: 1,
+                    borderRadius: 4,
+                    borderSkipped: false,
+                    ...dataset
+                }))
+            },
+            options: {
+                plugins: {
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                let label = context.dataset.label || '';
+                                if (label) {
+                                    label += ': ';
+                                }
+                                if (context.parsed.y !== null) {
+                                    label += context.parsed.y.toLocaleString();
+                                }
+                                return label;
+                            }
+                        }
+                    }
+                },
+                ...options
+            }
+        };
+
+        return this.createChart(canvasId, config);
+    }
+
+    createPieChart(canvasId, data, options = {}) {
+        const config = {
+            type: 'pie',
+            data: {
+                labels: data.labels || [],
+                datasets: [{
+                    data: data.data || [],
+                    backgroundColor: data.colors || this.defaultColors.slice(0, data.data.length),
+                    borderColor: '#ffffff',
+                    borderWidth: 2,
+                    hoverOffset: 15
+                }]
+            },
+            options: {
+                plugins: {
+                    legend: {
+                        position: 'right',
+                        labels: {
+                            padding: 20,
+                            usePointStyle: true,
+                            pointStyle: 'circle'
+                        }
+                    },
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                const label = context.label || '';
+                                const value = context.raw || 0;
+                                const total = context.dataset.data.reduce((a, b) => a + b, 0);
+                                const percentage = Math.round((value / total) * 100);
+                                return `${label}: ${value.toLocaleString()} (${percentage}%)`;
+                            }
+                        }
+                    }
+                },
+                ...options
+            }
+        };
+
+        return this.createChart(canvasId, config);
+    }
+
+    createDoughnutChart(canvasId, data, options = {}) {
+        const config = {
+            type: 'doughnut',
+            data: {
+                labels: data.labels || [],
+                datasets: [{
+                    data: data.data || [],
+                    backgroundColor: data.colors || this.defaultColors.slice(0, data.data.length),
+                    borderColor: '#ffffff',
+                    borderWidth: 2,
+                    hoverOffset: 15
+                }]
+            },
+            options: {
+                cutout: '60%',
+                plugins: {
+                    legend: {
+                        position: 'right',
+                        labels: {
+                            padding: 20,
+                            usePointStyle: true,
+                            pointStyle: 'circle'
+                        }
+                    },
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                const label = context.label || '';
+                                const value = context.raw || 0;
+                                const total = context.dataset.data.reduce((a, b) => a + b, 0);
+                                const percentage = Math.round((value / total) * 100);
+                                return `${label}: ${value.toLocaleString()} (${percentage}%)`;
+                            }
+                        }
+                    }
+                },
+                ...options
+            }
+        };
+
+        return this.createChart(canvasId, config);
+    }
+
+    createHorizontalBarChart(canvasId, data, options = {}) {
+        const config = {
+            type: 'bar',
+            data: {
+                labels: data.labels || [],
+                datasets: data.datasets.map((dataset, index) => ({
+                    label: dataset.label,
+                    data: dataset.data,
+                    backgroundColor: dataset.color || this.defaultColors[index % this.defaultColors.length],
+                    borderColor: dataset.borderColor || '#ffffff',
+                    borderWidth: 1,
+                    borderRadius: 4,
+                    ...dataset
+                }))
+            },
+            options: {
+                indexAxis: 'y',
+                plugins: {
+                    legend: {
+                        display: false
+                    },
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                let label = context.dataset.label || '';
+                                if (label) {
+                                    label += ': ';
+                                }
+                                if (context.parsed.x !== null) {
+                                    label += context.parsed.x.toLocaleString();
+                                }
+                                return label;
+                            }
+                        }
+                    }
+                },
+                scales: {
+                    x: {
+                        beginAtZero: true,
+                        grid: {
+                            display: true,
+                            color: 'rgba(0, 0, 0, 0.05)'
+                        },
+                        ticks: {
+                            color: '#64748b',
+                            callback: function(value) {
+                                return value.toLocaleString();
+                            }
+                        }
+                    },
+                    y: {
+                        grid: {
+                            display: false
+                        },
+                        ticks: {
+                            color: '#64748b'
+                        }
+                    }
+                },
+                ...options
+            }
+        };
+
+        return this.createChart(canvasId, config);
+    }
+
+    // Helper methods
+    hexToRgba(hex, alpha = 1) {
+        const r = parseInt(hex.slice(1, 3), 16);
+        const g = parseInt(hex.slice(3, 5), 16);
+        const b = parseInt(hex.slice(5, 7), 16);
+        return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+    }
+
+    generateTimeLabels(hours = 24) {
+        const now = luxon.DateTime.now();
+        const labels = [];
+        
+        for (let i = hours - 1; i >= 0; i--) {
+            const time = now.minus({ hours: i });
+            labels.push(time.toFormat('HH:00'));
+        }
+        
+        return labels;
+    }
+
+    generateDateLabels(days = 7) {
+        const now = luxon.DateTime.now();
+        const labels = [];
+        
+        for (let i = days - 1; i >= 0; i--) {
+            const date = now.minus({ days: i });
+            labels.push(date.toFormat('MMM dd'));
+        }
+        
+        return labels;
+    }
+
+    // Demo data generators
+    generateDemoTimeSeries(hours = 24, seriesCount = 1) {
+        const labels = this.generateTimeLabels(hours);
+        const datasets = [];
+        
+        for (let i = 0; i < seriesCount; i++) {
+            const data = [];
+            let value = Math.floor(Math.random() * 100) + 50;
+            
+            for (let j = 0; j < hours; j++) {
+                // Add some randomness but keep trend
+                value += Math.floor(Math.random() * 20) - 10;
+                value = Math.max(10, value);
+                data.push(value);
+            }
+            
+            datasets.push({
+                label: `Series ${i + 1}`,
+                data: data,
+                color: this.defaultColors[i % this.defaultColors.length]
+            });
+        }
+        
+        return { labels, datasets };
+    }
+
+    generateDemoBarData(labels, seriesCount = 1) {
+        const datasets = [];
+        
+        for (let i = 0; i < seriesCount; i++) {
+            const data = labels.map(() => Math.floor(Math.random() * 100) + 20);
+            
+            datasets.push({
+                label: `Dataset ${i + 1}`,
+                data: data,
+                color: this.defaultColors[i % this.defaultColors.length]
+            });
+        }
+        
+        return { labels, datasets };
+    }
+
+    generateDemoPieData(labels) {
+        const data = labels.map(() => Math.floor(Math.random() * 100) + 10);
+        const total = data.reduce((a, b) => a + b, 0);
+        
+        return {
+            labels: labels,
+            data: data,
+            colors: labels.map((_, i) => this.defaultColors[i % this.defaultColors.length])
+        };
+    }
+
+    // Update chart data
+    updateChartData(canvasId, newData) {
+        const chart = this.charts.get(canvasId);
+        if (!chart) return;
+        
+        chart.data.labels = newData.labels || chart.data.labels;
+        
+        if (newData.datasets) {
+            newData.datasets.forEach((dataset, index) => {
+                if (chart.data.datasets[index]) {
+                    chart.data.datasets[index].data = dataset.data;
+                    if (dataset.label) {
+                        chart.data.datasets[index].label = dataset.label;
+                    }
+                }
+            });
+        }
+        
+        chart.update();
+    }
+
+    // Add data point to time series
+    addDataPoint(canvasId, newPoint, datasetIndex = 0) {
+        const chart = this.charts.get(canvasId);
+        if (!chart || chart.config.type !== 'line') return;
+        
+        const dataset = chart.data.datasets[datasetIndex];
+        if (!dataset) return;
+        
+        // Add new point
+        dataset.data.push(newPoint);
+        
+        // Remove oldest point if we have too many
+        if (dataset.data.length > 100) {
+            dataset.data.shift();
+            chart.data.labels.shift();
+        } else {
+            // Add new label
+            const now = luxon.DateTime.now();
+            chart.data.labels.push(now.toFormat('HH:mm:ss'));
+        }
+        
+        chart.update();
+    }
+}
+
+// Initialize chart manager when DOM is loaded
+document.addEventListener('DOMContentLoaded', () => {
+    window.chartManager = new ChartManager();
+});
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = ChartManager;
+}
\ No newline at end of file
diff --git a/static/js/dashboard.js b/static/js/dashboard.js
new file mode 100644
index 00000000..b8e001de
--- /dev/null
+++ b/static/js/dashboard.js
@@ -0,0 +1,872 @@
+// Main Dashboard Controller
+
+class Dashboard {
+    constructor() {
+        this.currentPage = 'overview';
+        this.pages = {};
+        this.init();
+    }
+
+    init() {
+        // Initialize only if authenticated
+        if (!window.authManager || !window.authManager.isAuthenticated) {
+            return;
+        }
+
+        this.setupNavigation();
+        this.setupSidebar();
+        this.setupRefresh();
+        this.updateTime();
+        this.loadPage(this.currentPage);
+        
+        // Start time updates
+        setInterval(() => this.updateTime(), 1000);
+    }
+
+    setupNavigation() {
+        // Handle menu item clicks
+        const menuItems = document.querySelectorAll('.menu-item');
+        menuItems.forEach(item => {
+            item.addEventListener('click', (e) => {
+                e.preventDefault();
+                
+                // Get page from data attribute or href
+                const page = item.getAttribute('data-page') || 
+                            item.getAttribute('href').substring(1);
+                
+                // Update active state
+                menuItems.forEach(i => i.classList.remove('active'));
+                item.classList.add('active');
+                
+                // Load page
+                this.loadPage(page);
+            });
+        });
+
+        // Handle hash changes (browser back/forward)
+        window.addEventListener('hashchange', () => {
+            const page = window.location.hash.substring(1) || 'overview';
+            this.loadPage(page);
+        });
+    }
+
+    setupSidebar() {
+        const toggleBtn = document.getElementById('sidebar-toggle');
+        const sidebar = document.querySelector('.sidebar');
+        
+        if (toggleBtn && sidebar) {
+            toggleBtn.addEventListener('click', () => {
+                sidebar.classList.toggle('collapsed');
+                
+                // Save preference
+                const isCollapsed = sidebar.classList.contains('collapsed');
+                localStorage.setItem('sidebar_collapsed', isCollapsed);
+            });
+            
+            // Load saved preference
+            const savedState = localStorage.getItem('sidebar_collapsed');
+            if (savedState === 'true') {
+                sidebar.classList.add('collapsed');
+            }
+        }
+    }
+
+    setupRefresh() {
+        const refreshBtn = document.getElementById('refresh-btn');
+        if (refreshBtn) {
+            refreshBtn.addEventListener('click', () => {
+                this.refreshCurrentPage();
+            });
+        }
+    }
+
+    updateTime() {
+        const timeElement = document.getElementById('current-time');
+        if (!timeElement) return;
+        
+        const now = luxon.DateTime.now();
+        timeElement.textContent = now.toFormat('HH:mm:ss');
+    }
+
+    async loadPage(page) {
+        // Update current page
+        this.currentPage = page;
+        
+        // Update URL hash
+        window.location.hash = page;
+        
+        // Update page title
+        this.updatePageTitle(page);
+        
+        // Show loading state
+        this.showLoading();
+        
+        try {
+            // Load page content
+            await this.loadPageContent(page);
+            
+            // Initialize page-specific functionality
+            await this.initializePage(page);
+            
+        } catch (error) {
+            console.error(`Error loading page ${page}:`, error);
+            this.showError(`Failed to load ${page} page`);
+        } finally {
+            // Hide loading state
+            this.hideLoading();
+        }
+    }
+
+    updatePageTitle(page) {
+        const titleElement = document.getElementById('page-title');
+        if (!titleElement) return;
+        
+        const titles = {
+            'overview': 'Dashboard Overview',
+            'analytics': 'Usage Analytics',
+            'costs': 'Cost Management',
+            'clients': 'Client Management',
+            'providers': 'Provider Configuration',
+            'monitoring': 'Real-time Monitoring',
+            'settings': 'System Settings',
+            'logs': 'System Logs'
+        };
+        
+        titleElement.textContent = titles[page] || 'Dashboard';
+    }
+
+    showLoading() {
+        const content = document.getElementById('page-content');
+        if (!content) return;
+        
+        content.classList.add('loading');
+    }
+
+    hideLoading() {
+        const content = document.getElementById('page-content');
+        if (!content) return;
+        
+        content.classList.remove('loading');
+    }
+
+    async loadPageContent(page) {
+        const content = document.getElementById('page-content');
+        if (!content) return;
+        
+        // For now, we'll generate content dynamically
+        // In a real app, you might fetch HTML templates or use a framework
+        
+        let html = '';
+        
+        switch (page) {
+            case 'overview':
+                html = await this.getOverviewContent();
+                break;
+            case 'analytics':
+                html = await this.getAnalyticsContent();
+                break;
+            case 'costs':
+                html = await this.getCostsContent();
+                break;
+            case 'clients':
+                html = await this.getClientsContent();
+                break;
+            case 'providers':
+                html = await this.getProvidersContent();
+                break;
+            case 'monitoring':
+                html = await this.getMonitoringContent();
+                break;
+            case 'settings':
+                html = await this.getSettingsContent();
+                break;
+            case 'logs':
+                html = await this.getLogsContent();
+                break;
+            default:
+                html = '<div class="empty-state"><h3>Page not found</h3></div>';
+        }
+        
+        content.innerHTML = html;
+    }
+
+    async initializePage(page) {
+        // Initialize page-specific JavaScript
+        switch (page) {
+            case 'overview':
+                if (typeof window.initOverview === 'function') {
+                    await window.initOverview();
+                }
+                break;
+            case 'analytics':
+                if (typeof window.initAnalytics === 'function') {
+                    await window.initAnalytics();
+                }
+                break;
+            case 'costs':
+                if (typeof window.initCosts === 'function') {
+                    await window.initCosts();
+                }
+                break;
+            case 'clients':
+                if (typeof window.initClients === 'function') {
+                    await window.initClients();
+                }
+                break;
+            case 'providers':
+                if (typeof window.initProviders === 'function') {
+                    await window.initProviders();
+                }
+                break;
+            case 'monitoring':
+                if (typeof window.initMonitoring === 'function') {
+                    await window.initMonitoring();
+                }
+                break;
+            case 'settings':
+                if (typeof window.initSettings === 'function') {
+                    await window.initSettings();
+                }
+                break;
+            case 'logs':
+                if (typeof window.initLogs === 'function') {
+                    await window.initLogs();
+                }
+                break;
+        }
+    }
+
+    refreshCurrentPage() {
+        this.loadPage(this.currentPage);
+        
+        // Show refresh animation
+        const refreshBtn = document.getElementById('refresh-btn');
+        if (refreshBtn) {
+            refreshBtn.classList.add('fa-spin');
+            setTimeout(() => {
+                refreshBtn.classList.remove('fa-spin');
+            }, 1000);
+        }
+        
+        // Show toast notification
+        if (window.authManager) {
+            window.authManager.showToast('Page refreshed', 'success');
+        }
+    }
+
+    showError(message) {
+        const content = document.getElementById('page-content');
+        if (!content) return;
+        
+        content.innerHTML = `
+            <div class="empty-state">
+                <i class="fas fa-exclamation-triangle"></i>
+                <h3>Error</h3>
+                <p>${message}</p>
+                <button class="btn btn-primary" onclick="window.dashboard.refreshCurrentPage()">
+                    <i class="fas fa-redo"></i> Try Again
+                </button>
+            </div>
+        `;
+    }
+
+    // Page content generators
+    async getOverviewContent() {
+        return `
+            <div class="stats-grid" id="overview-stats">
+                <!-- Stats will be loaded dynamically -->
+            </div>
+            
+            <div class="chart-container">
+                <div class="chart-header">
+                    <h3 class="chart-title">Request Volume (Last 24 Hours)</h3>
+                    <div class="chart-controls">
+                        <button class="chart-control-btn active" data-period="24h">24H</button>
+                        <button class="chart-control-btn" data-period="7d">7D</button>
+                        <button class="chart-control-btn" data-period="30d">30D</button>
+                    </div>
+                </div>
+                <canvas id="requests-chart" height="300"></canvas>
+            </div>
+            
+            <div class="grid-2">
+                <div class="chart-container">
+                    <div class="chart-header">
+                        <h3 class="chart-title">Provider Distribution</h3>
+                    </div>
+                    <canvas id="providers-chart" height="250"></canvas>
+                </div>
+                
+                <div class="chart-container">
+                    <div class="chart-header">
+                        <h3 class="chart-title">System Health</h3>
+                    </div>
+                    <div id="system-health">
+                        <!-- Health indicators will be loaded dynamically -->
+                    </div>
+                </div>
+            </div>
+            
+            <div class="card">
+                <div class="card-header">
+                    <div>
+                        <h3 class="card-title">Recent Requests</h3>
+                        <p class="card-subtitle">Last 50 requests</p>
+                    </div>
+                    <div class="card-actions">
+                        <button class="card-action-btn" title="Refresh">
+                            <i class="fas fa-redo"></i>
+                        </button>
+                    </div>
+                </div>
+                <div class="table-container">
+                    <table class="table" id="recent-requests">
+                        <thead>
+                            <tr>
+                                <th>Time</th>
+                                <th>Client</th>
+                                <th>Provider</th>
+                                <th>Model</th>
+                                <th>Tokens</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <!-- Requests will be loaded dynamically -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        `;
+    }
+
+    async getAnalyticsContent() {
+        return `
+            <div class="card">
+                <div class="card-header">
+                    <div>
+                        <h3 class="card-title">Usage Analytics</h3>
+                        <p class="card-subtitle">Filter and analyze usage data</p>
+                    </div>
+                    <div class="card-actions">
+                        <button class="btn btn-secondary">
+                            <i class="fas fa-download"></i> Export
+                        </button>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <div class="form-row">
+                        <div class="form-control">
+                            <label>Date Range</label>
+                            <select id="date-range">
+                                <option value="24h">Last 24 Hours</option>
+                                <option value="7d" selected>Last 7 Days</option>
+                                <option value="30d">Last 30 Days</option>
+                                <option value="custom">Custom Range</option>
+                            </select>
+                        </div>
+                        <div class="form-control">
+                            <label>Client</label>
+                            <select id="client-filter">
+                                <option value="all">All Clients</option>
+                                <!-- Client options will be loaded dynamically -->
+                            </select>
+                        </div>
+                        <div class="form-control">
+                            <label>Provider</label>
+                            <select id="provider-filter">
+                                <option value="all">All Providers</option>
+                                <option value="openai">OpenAI</option>
+                                <option value="gemini">Gemini</option>
+                                <option value="deepseek">DeepSeek</option>
+                                <option value="grok">Grok</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="chart-container">
+                <div class="chart-header">
+                    <h3 class="chart-title">Request Trends</h3>
+                    <div class="chart-controls">
+                        <button class="chart-control-btn active" data-metric="requests">Requests</button>
+                        <button class="chart-control-btn" data-metric="tokens">Tokens</button>
+                        <button class="chart-control-btn" data-metric="cost">Cost</button>
+                    </div>
+                </div>
+                <canvas id="analytics-chart" height="350"></canvas>
+            </div>
+            
+            <div class="grid-2">
+                <div class="chart-container">
+                    <div class="chart-header">
+                        <h3 class="chart-title">Top Clients</h3>
+                    </div>
+                    <canvas id="clients-chart" height="300"></canvas>
+                </div>
+                
+                <div class="chart-container">
+                    <div class="chart-header">
+                        <h3 class="chart-title">Top Models</h3>
+                    </div>
+                    <canvas id="models-chart" height="300"></canvas>
+                </div>
+            </div>
+            
+            <div class="card">
+                <div class="card-header">
+                    <h3 class="card-title">Detailed Usage Data</h3>
+                </div>
+                <div class="table-container">
+                    <table class="table" id="usage-table">
+                        <thead>
+                            <tr>
+                                <th>Date</th>
+                                <th>Client</th>
+                                <th>Provider</th>
+                                <th>Model</th>
+                                <th>Requests</th>
+                                <th>Tokens</th>
+                                <th>Cost</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <!-- Usage data will be loaded dynamically -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        `;
+    }
+
+    async getCostsContent() {
+        return `
+            <div class="stats-grid" id="cost-stats">
+                <!-- Cost stats will be loaded dynamically -->
+            </div>
+            
+            <div class="chart-container">
+                <div class="chart-header">
+                    <h3 class="chart-title">Cost Breakdown</h3>
+                    <div class="chart-controls">
+                        <button class="chart-control-btn active" data-breakdown="provider">By Provider</button>
+                        <button class="chart-control-btn" data-breakdown="client">By Client</button>
+                        <button class="chart-control-btn" data-breakdown="model">By Model</button>
+                    </div>
+                </div>
+                <canvas id="costs-chart" height="300"></canvas>
+            </div>
+            
+            <div class="grid-2">
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">Budget Tracking</h3>
+                    </div>
+                    <div class="card-body">
+                        <div id="budget-progress">
+                            <!-- Budget progress bars will be loaded dynamically -->
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">Cost Projections</h3>
+                    </div>
+                    <div class="card-body">
+                        <div id="cost-projections">
+                            <!-- Projections will be loaded dynamically -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="card">
+                <div class="card-header">
+                    <div>
+                        <h3 class="card-title">Pricing Configuration</h3>
+                        <p class="card-subtitle">Current provider pricing</p>
+                    </div>
+                    <div class="card-actions">
+                        <button class="btn btn-primary" id="edit-pricing">
+                            <i class="fas fa-edit"></i> Edit
+                        </button>
+                    </div>
+                </div>
+                <div class="table-container">
+                    <table class="table" id="pricing-table">
+                        <thead>
+                            <tr>
+                                <th>Provider</th>
+                                <th>Model</th>
+                                <th>Input Price</th>
+                                <th>Output Price</th>
+                                <th>Last Updated</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <!-- Pricing data will be loaded dynamically -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        `;
+    }
+
+    async getClientsContent() {
+        return `
+            <div class="card">
+                <div class="card-header">
+                    <div>
+                        <h3 class="card-title">Client Management</h3>
+                        <p class="card-subtitle">Manage API clients and tokens</p>
+                    </div>
+                    <div class="card-actions">
+                        <button class="btn btn-primary" id="add-client">
+                            <i class="fas fa-plus"></i> Add Client
+                        </button>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <div class="table-container">
+                        <table class="table" id="clients-table">
+                            <thead>
+                                <tr>
+                                    <th>Client ID</th>
+                                    <th>Name</th>
+                                    <th>Token</th>
+                                    <th>Created</th>
+                                    <th>Last Used</th>
+                                    <th>Requests</th>
+                                    <th>Status</th>
+                                    <th>Actions</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <!-- Clients will be loaded dynamically -->
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="grid-2">
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">Client Usage Summary</h3>
+                    </div>
+                    <div class="card-body">
+                        <canvas id="client-usage-chart" height="250"></canvas>
+                    </div>
+                </div>
+                
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">Rate Limit Status</h3>
+                    </div>
+                    <div class="card-body">
+                        <div id="rate-limit-status">
+                            <!-- Rate limit status will be loaded dynamically -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+
+    async getProvidersContent() {
+        return `
+            <div class="stats-grid" id="provider-stats">
+                <!-- Provider stats will be loaded dynamically -->
+            </div>
+            
+            <div class="card">
+                <div class="card-header">
+                    <h3 class="card-title">Provider Configuration</h3>
+                </div>
+                <div class="card-body">
+                    <div id="providers-list">
+                        <!-- Providers will be loaded dynamically -->
+                    </div>
+                </div>
+            </div>
+            
+            <div class="grid-2">
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">Model Availability</h3>
+                    </div>
+                    <div class="card-body">
+                        <div id="models-list">
+                            <!-- Models will be loaded dynamically -->
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">Connection Tests</h3>
+                    </div>
+                    <div class="card-body">
+                        <div id="connection-tests">
+                            <!-- Test results will be loaded dynamically -->
+                        </div>
+                        <div class="form-actions">
+                            <button class="btn btn-primary" id="test-all-providers">
+                                <i class="fas fa-play"></i> Test All Providers
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+
+    async getMonitoringContent() {
+        return `
+            <div class="card">
+                <div class="card-header">
+                    <div>
+                        <h3 class="card-title">Real-time Monitoring</h3>
+                        <p class="card-subtitle">Live request stream and system metrics</p>
+                    </div>
+                    <div class="card-actions">
+                        <button class="btn btn-secondary" id="pause-monitoring">
+                            <i class="fas fa-pause"></i> Pause
+                        </button>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <div class="grid-2">
+                        <div>
+                            <h4>Live Request Stream</h4>
+                            <div id="request-stream" class="monitoring-stream">
+                                <!-- Live requests will appear here -->
+                            </div>
+                        </div>
+                        <div>
+                            <h4>System Metrics</h4>
+                            <div id="system-metrics">
+                                <!-- System metrics will be loaded dynamically -->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="grid-3">
+                <div class="chart-container">
+                    <div class="chart-header">
+                        <h3 class="chart-title">Response Time (ms)</h3>
+                    </div>
+                    <canvas id="response-time-chart" height="200"></canvas>
+                </div>
+                
+                <div class="chart-container">
+                    <div class="chart-header">
+                        <h3 class="chart-title">Error Rate (%)</h3>
+                    </div>
+                    <canvas id="error-rate-chart" height="200"></canvas>
+                </div>
+                
+                <div class="chart-container">
+                    <div class="chart-header">
+                        <h3 class="chart-title">Rate Limit Usage</h3>
+                    </div>
+                    <canvas id="rate-limit-chart" height="200"></canvas>
+                </div>
+            </div>
+            
+            <div class="card">
+                <div class="card-header">
+                    <h3 class="card-title">System Logs (Live)</h3>
+                </div>
+                <div class="card-body">
+                    <div id="system-logs" class="log-stream">
+                        <!-- System logs will appear here -->
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+
+    async getSettingsContent() {
+        return `
+            <div class="card">
+                <div class="card-header">
+                    <h3 class="card-title">System Settings</h3>
+                </div>
+                <div class="card-body">
+                    <form id="settings-form">
+                        <div class="form-section">
+                            <h4>General Configuration</h4>
+                            <div class="form-row">
+                                <div class="form-control">
+                                    <label>Server Port</label>
+                                    <input type="number" id="server-port" value="8080" min="1024" max="65535">
+                                </div>
+                                <div class="form-control">
+                                    <label>Log Level</label>
+                                    <select id="log-level">
+                                        <option value="error">Error</option>
+                                        <option value="warn">Warning</option>
+                                        <option value="info" selected>Info</option>
+                                        <option value="debug">Debug</option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="form-section">
+                            <h4>Database Settings</h4>
+                            <div class="form-row">
+                                <div class="form-control">
+                                    <label>Database Path</label>
+                                    <input type="text" id="db-path" value="./data/llm-proxy.db">
+                                </div>
+                                <div class="form-control">
+                                    <label>Backup Interval (hours)</label>
+                                    <input type="number" id="backup-interval" value="24" min="1" max="168">
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="form-section">
+                            <h4>Security Settings</h4>
+                            <div class="form-row">
+                                <div class="form-control">
+                                    <label>Dashboard Password</label>
+                                    <input type="password" id="dashboard-password" placeholder="Leave empty to keep current">
+                                </div>
+                                <div class="form-control">
+                                    <label>Session Timeout (minutes)</label>
+                                    <input type="number" id="session-timeout" value="30" min="5" max="1440">
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="form-actions">
+                            <button type="button" class="btn btn-secondary" id="reset-settings">
+                                <i class="fas fa-undo"></i> Reset
+                            </button>
+                            <button type="submit" class="btn btn-primary">
+                                <i class="fas fa-save"></i> Save Settings
+                            </button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            
+            <div class="grid-2">
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">Database Management</h3>
+                    </div>
+                    <div class="card-body">
+                        <div class="form-actions">
+                            <button class="btn btn-secondary" id="backup-db">
+                                <i class="fas fa-download"></i> Backup Database
+                            </button>
+                            <button class="btn btn-warning" id="optimize-db">
+                                <i class="fas fa-magic"></i> Optimize Database
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">System Information</h3>
+                    </div>
+                    <div class="card-body">
+                        <div id="system-info">
+                            <!-- System info will be loaded dynamically -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+
+    async getLogsContent() {
+        return `
+            <div class="card">
+                <div class="card-header">
+                    <div>
+                        <h3 class="card-title">System Logs</h3>
+                        <p class="card-subtitle">View and filter system logs</p>
+                    </div>
+                    <div class="card-actions">
+                        <button class="btn btn-secondary" id="download-logs">
+                            <i class="fas fa-download"></i> Download
+                        </button>
+                        <button class="btn btn-danger" id="clear-logs">
+                            <i class="fas fa-trash"></i> Clear
+                        </button>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <div class="form-row">
+                        <div class="form-control">
+                            <label>Log Level</label>
+                            <select id="log-filter">
+                                <option value="all">All Levels</option>
+                                <option value="error">Error</option>
+                                <option value="warn">Warning</option>
+                                <option value="info">Info</option>
+                                <option value="debug">Debug</option>
+                            </select>
+                        </div>
+                        <div class="form-control">
+                            <label>Time Range</label>
+                            <select id="log-time-range">
+                                <option value="1h">Last Hour</option>
+                                <option value="24h" selected>Last 24 Hours</option>
+                                <option value="7d">Last 7 Days</option>
+                                <option value="30d">Last 30 Days</option>
+                            </select>
+                        </div>
+                        <div class="form-control">
+                            <label>Search</label>
+                            <input type="text" id="log-search" placeholder="Search logs...">
+                        </div>
+                    </div>
+                    
+                    <div class="table-container">
+                        <table class="table" id="logs-table">
+                            <thead>
+                                <tr>
+                                    <th>Timestamp</th>
+                                    <th>Level</th>
+                                    <th>Source</th>
+                                    <th>Message</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <!-- Logs will be loaded dynamically -->
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+}
+
+// Initialize dashboard when DOM is loaded
+document.addEventListener('DOMContentLoaded', () => {
+    window.initDashboard = () => {
+        window.dashboard = new Dashboard();
+    };
+    
+    // If already authenticated, initialize immediately
+    if (window.authManager && window.authManager.isAuthenticated) {
+        window.initDashboard();
+    }
+});
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = Dashboard;
+}
\ No newline at end of file
diff --git a/static/js/pages/analytics.js b/static/js/pages/analytics.js
new file mode 100644
index 00000000..cf377466
--- /dev/null
+++ b/static/js/pages/analytics.js
@@ -0,0 +1,334 @@
+// Analytics Page Module
+
+class AnalyticsPage {
+    constructor() {
+        this.filters = {
+            dateRange: '7d',
+            client: 'all',
+            provider: 'all'
+        };
+        this.init();
+    }
+
+    async init() {
+        // Load initial data
+        await this.loadFilters();
+        await this.loadCharts();
+        await this.loadUsageData();
+        
+        // Setup event listeners
+        this.setupEventListeners();
+    }
+
+    async loadFilters() {
+        try {
+            // Load clients for filter dropdown
+            // In a real app, this would fetch from /api/clients
+            const clients = [
+                { id: 'client-1', name: 'Web Application' },
+                { id: 'client-2', name: 'Mobile App' },
+                { id: 'client-3', name: 'API Integration' },
+                { id: 'client-4', name: 'Internal Tools' },
+                { id: 'client-5', name: 'Testing Suite' }
+            ];
+            
+            this.renderClientFilter(clients);
+            
+        } catch (error) {
+            console.error('Error loading filters:', error);
+        }
+    }
+
+    renderClientFilter(clients) {
+        const select = document.getElementById('client-filter');
+        if (!select) return;
+        
+        // Clear existing options except "All Clients"
+        while (select.options.length > 1) {
+            select.remove(1);
+        }
+        
+        // Add client options
+        clients.forEach(client => {
+            const option = document.createElement('option');
+            option.value = client.id;
+            option.textContent = client.name;
+            select.appendChild(option);
+        });
+    }
+
+    async loadCharts() {
+        await this.loadAnalyticsChart();
+        await this.loadClientsChart();
+        await this.loadModelsChart();
+    }
+
+    async loadAnalyticsChart() {
+        try {
+            // Generate demo data
+            const labels = window.chartManager.generateDateLabels(7);
+            const data = {
+                labels: labels,
+                datasets: [
+                    {
+                        label: 'Requests',
+                        data: labels.map(() => Math.floor(Math.random() * 1000) + 500),
+                        color: '#3b82f6',
+                        fill: true
+                    },
+                    {
+                        label: 'Tokens',
+                        data: labels.map(() => Math.floor(Math.random() * 100000) + 50000),
+                        color: '#10b981',
+                        fill: true
+                    },
+                    {
+                        label: 'Cost ($)',
+                        data: labels.map(() => Math.random() * 50 + 10),
+                        color: '#f59e0b',
+                        fill: true
+                    }
+                ]
+            };
+            
+            // Create chart
+            window.chartManager.createLineChart('analytics-chart', data, {
+                scales: {
+                    y: {
+                        ticks: {
+                            callback: function(value) {
+                                return value.toLocaleString();
+                            }
+                        }
+                    }
+                }
+            });
+            
+        } catch (error) {
+            console.error('Error loading analytics chart:', error);
+        }
+    }
+
+    async loadClientsChart() {
+        try {
+            const data = {
+                labels: ['Web App', 'Mobile App', 'API Integration', 'Internal Tools', 'Testing'],
+                datasets: [{
+                    label: 'Requests',
+                    data: [45, 25, 15, 10, 5],
+                    color: '#3b82f6'
+                }]
+            };
+            
+            window.chartManager.createHorizontalBarChart('clients-chart', data);
+            
+        } catch (error) {
+            console.error('Error loading clients chart:', error);
+        }
+    }
+
+    async loadModelsChart() {
+        try {
+            const data = {
+                labels: ['gpt-4', 'gpt-3.5-turbo', 'gemini-pro', 'deepseek-chat', 'grok-beta'],
+                data: [35, 30, 20, 10, 5],
+                colors: ['#3b82f6', '#60a5fa', '#10b981', '#f59e0b', '#8b5cf6']
+            };
+            
+            window.chartManager.createDoughnutChart('models-chart', data);
+            
+        } catch (error) {
+            console.error('Error loading models chart:', error);
+        }
+    }
+
+    async loadUsageData() {
+        try {
+            // In a real app, this would fetch from /api/usage/detailed
+            const usageData = [
+                { date: '2024-01-15', client: 'Web App', provider: 'OpenAI', model: 'gpt-4', requests: 245, tokens: 125000, cost: 12.50 },
+                { date: '2024-01-15', client: 'Mobile App', provider: 'Gemini', model: 'gemini-pro', requests: 180, tokens: 89000, cost: 8.90 },
+                { date: '2024-01-15', client: 'API Integration', provider: 'OpenAI', model: 'gpt-3.5-turbo', requests: 320, tokens: 156000, cost: 15.60 },
+                { date: '2024-01-14', client: 'Web App', provider: 'OpenAI', model: 'gpt-4', requests: 210, tokens: 110000, cost: 11.00 },
+                { date: '2024-01-14', client: 'Internal Tools', provider: 'DeepSeek', model: 'deepseek-chat', requests: 95, tokens: 48000, cost: 4.80 },
+                { date: '2024-01-14', client: 'Testing Suite', provider: 'Grok', model: 'grok-beta', requests: 45, tokens: 22000, cost: 2.20 },
+                { date: '2024-01-13', client: 'Web App', provider: 'OpenAI', model: 'gpt-4', requests: 195, tokens: 98000, cost: 9.80 },
+                { date: '2024-01-13', client: 'Mobile App', provider: 'Gemini', model: 'gemini-pro', requests: 165, tokens: 82000, cost: 8.20 },
+                { date: '2024-01-13', client: 'API Integration', provider: 'OpenAI', model: 'gpt-3.5-turbo', requests: 285, tokens: 142000, cost: 14.20 },
+                { date: '2024-01-12', client: 'Web App', provider: 'OpenAI', model: 'gpt-4', requests: 230, tokens: 118000, cost: 11.80 }
+            ];
+            
+            this.renderUsageTable(usageData);
+            
+        } catch (error) {
+            console.error('Error loading usage data:', error);
+        }
+    }
+
+    renderUsageTable(data) {
+        const tableBody = document.querySelector('#usage-table tbody');
+        if (!tableBody) return;
+        
+        tableBody.innerHTML = data.map(row => `
+            <tr>
+                <td>${row.date}</td>
+                <td>${row.client}</td>
+                <td>${row.provider}</td>
+                <td>${row.model}</td>
+                <td>${row.requests.toLocaleString()}</td>
+                <td>${row.tokens.toLocaleString()}</td>
+                <td>$${row.cost.toFixed(2)}</td>
+            </tr>
+        `).join('');
+    }
+
+    setupEventListeners() {
+        // Filter controls
+        const dateRangeSelect = document.getElementById('date-range');
+        const clientSelect = document.getElementById('client-filter');
+        const providerSelect = document.getElementById('provider-filter');
+        
+        if (dateRangeSelect) {
+            dateRangeSelect.addEventListener('change', (e) => {
+                this.filters.dateRange = e.target.value;
+                this.applyFilters();
+            });
+        }
+        
+        if (clientSelect) {
+            clientSelect.addEventListener('change', (e) => {
+                this.filters.client = e.target.value;
+                this.applyFilters();
+            });
+        }
+        
+        if (providerSelect) {
+            providerSelect.addEventListener('change', (e) => {
+                this.filters.provider = e.target.value;
+                this.applyFilters();
+            });
+        }
+        
+        // Chart metric buttons
+        const metricButtons = document.querySelectorAll('.chart-control-btn[data-metric]');
+        metricButtons.forEach(button => {
+            button.addEventListener('click', () => {
+                // Update active state
+                metricButtons.forEach(btn => btn.classList.remove('active'));
+                button.classList.add('active');
+                
+                // Update chart based on metric
+                this.updateAnalyticsChart(button.dataset.metric);
+            });
+        });
+        
+        // Export button
+        const exportBtn = document.querySelector('#analytics .btn-secondary');
+        if (exportBtn) {
+            exportBtn.addEventListener('click', () => {
+                this.exportData();
+            });
+        }
+    }
+
+    applyFilters() {
+        console.log('Applying filters:', this.filters);
+        // In a real app, this would fetch filtered data from the API
+        // For now, just show a toast
+        if (window.authManager) {
+            window.authManager.showToast('Filters applied', 'success');
+        }
+        
+        // Refresh data
+        this.loadCharts();
+        this.loadUsageData();
+    }
+
+    updateAnalyticsChart(metric) {
+        // Update the main analytics chart to show the selected metric
+        const labels = window.chartManager.generateDateLabels(7);
+        
+        let data;
+        if (metric === 'requests') {
+            data = {
+                labels: labels,
+                datasets: [{
+                    label: 'Requests',
+                    data: labels.map(() => Math.floor(Math.random() * 1000) + 500),
+                    color: '#3b82f6',
+                    fill: true
+                }]
+            };
+        } else if (metric === 'tokens') {
+            data = {
+                labels: labels,
+                datasets: [{
+                    label: 'Tokens',
+                    data: labels.map(() => Math.floor(Math.random() * 100000) + 50000),
+                    color: '#10b981',
+                    fill: true
+                }]
+            };
+        } else if (metric === 'cost') {
+            data = {
+                labels: labels,
+                datasets: [{
+                    label: 'Cost ($)',
+                    data: labels.map(() => Math.random() * 50 + 10),
+                    color: '#f59e0b',
+                    fill: true
+                }]
+            };
+        }
+        
+        window.chartManager.updateChartData('analytics-chart', data);
+    }
+
+    exportData() {
+        // Create CSV data
+        const table = document.getElementById('usage-table');
+        if (!table) return;
+        
+        const rows = table.querySelectorAll('tr');
+        const csv = [];
+        
+        rows.forEach(row => {
+            const rowData = [];
+            row.querySelectorAll('th, td').forEach(cell => {
+                rowData.push(`"${cell.textContent.replace(/"/g, '""')}"`);
+            });
+            csv.push(rowData.join(','));
+        });
+        
+        // Create download link
+        const blob = new Blob([csv.join('\n')], { type: 'text/csv' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `llm-proxy-analytics-${new Date().toISOString().split('T')[0]}.csv`;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+        
+        // Show success message
+        if (window.authManager) {
+            window.authManager.showToast('Data exported successfully', 'success');
+        }
+    }
+
+    refresh() {
+        this.loadCharts();
+        this.loadUsageData();
+    }
+}
+
+// Initialize analytics page when needed
+window.initAnalytics = async () => {
+    window.analyticsPage = new AnalyticsPage();
+};
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = AnalyticsPage;
+}
\ No newline at end of file
diff --git a/static/js/pages/clients.js b/static/js/pages/clients.js
new file mode 100644
index 00000000..7d5dc50f
--- /dev/null
+++ b/static/js/pages/clients.js
@@ -0,0 +1,471 @@
+// Clients Page Module
+
+class ClientsPage {
+    constructor() {
+        this.clients = [];
+        this.init();
+    }
+
+    async init() {
+        // Load data
+        await this.loadClients();
+        await this.loadClientUsageChart();
+        await this.loadRateLimitStatus();
+        
+        // Setup event listeners
+        this.setupEventListeners();
+    }
+
+    async loadClients() {
+        try {
+            // In a real app, this would fetch from /api/clients
+            this.clients = [
+                { id: 'client-1', name: 'Web Application', token: 'sk-*****abc123', created: '2024-01-01', lastUsed: '2024-01-15', requests: 1245, status: 'active' },
+                { id: 'client-2', name: 'Mobile App', token: 'sk-*****def456', created: '2024-01-05', lastUsed: '2024-01-15', requests: 890, status: 'active' },
+                { id: 'client-3', name: 'API Integration', token: 'sk-*****ghi789', created: '2024-01-08', lastUsed: '2024-01-14', requests: 1560, status: 'active' },
+                { id: 'client-4', name: 'Internal Tools', token: 'sk-*****jkl012', created: '2024-01-10', lastUsed: '2024-01-13', requests: 340, status: 'inactive' },
+                { id: 'client-5', name: 'Testing Suite', token: 'sk-*****mno345', created: '2024-01-12', lastUsed: '2024-01-12', requests: 120, status: 'active' },
+                { id: 'client-6', name: 'Backup Service', token: 'sk-*****pqr678', created: '2024-01-14', lastUsed: null, requests: 0, status: 'pending' }
+            ];
+            
+            this.renderClientsTable();
+            
+        } catch (error) {
+            console.error('Error loading clients:', error);
+        }
+    }
+
+    renderClientsTable() {
+        const tableBody = document.querySelector('#clients-table tbody');
+        if (!tableBody) return;
+        
+        tableBody.innerHTML = this.clients.map(client => {
+            const statusClass = client.status === 'active' ? 'success' : 
+                              client.status === 'inactive' ? 'warning' : 'secondary';
+            const statusIcon = client.status === 'active' ? 'check-circle' :
+                              client.status === 'inactive' ? 'exclamation-triangle' : 'clock';
+            
+            return `
+                <tr>
+                    <td>${client.id}</td>
+                    <td>${client.name}</td>
+                    <td>
+                        <code class="token-display">${client.token}</code>
+                        <button class="btn-copy-token" data-token="${client.token}" title="Copy token">
+                            <i class="fas fa-copy"></i>
+                        </button>
+                    </td>
+                    <td>${client.created}</td>
+                    <td>${client.lastUsed || 'Never'}</td>
+                    <td>${client.requests.toLocaleString()}</td>
+                    <td>
+                        <span class="status-badge ${statusClass}">
+                            <i class="fas fa-${statusIcon}"></i>
+                            ${client.status}
+                        </span>
+                    </td>
+                    <td>
+                        <div class="action-buttons">
+                            <button class="btn-action" title="Edit" data-action="edit" data-id="${client.id}">
+                                <i class="fas fa-edit"></i>
+                            </button>
+                            <button class="btn-action" title="Rotate Token" data-action="rotate" data-id="${client.id}">
+                                <i class="fas fa-redo"></i>
+                            </button>
+                            <button class="btn-action danger" title="Revoke" data-action="revoke" data-id="${client.id}">
+                                <i class="fas fa-trash"></i>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+            `;
+        }).join('');
+        
+        // Add CSS for action buttons
+        this.addActionStyles();
+    }
+
+    addActionStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .token-display {
+                background-color: var(--bg-secondary);
+                padding: 0.25rem 0.5rem;
+                border-radius: 4px;
+                font-family: monospace;
+                font-size: 0.75rem;
+                margin-right: 0.5rem;
+            }
+            
+            .btn-copy-token {
+                background: none;
+                border: none;
+                color: var(--text-secondary);
+                cursor: pointer;
+                font-size: 0.875rem;
+                padding: 0.25rem;
+                transition: color 0.2s ease;
+            }
+            
+            .btn-copy-token:hover {
+                color: var(--primary);
+            }
+            
+            .action-buttons {
+                display: flex;
+                gap: 0.5rem;
+            }
+            
+            .btn-action {
+                background: none;
+                border: none;
+                color: var(--text-secondary);
+                cursor: pointer;
+                font-size: 0.875rem;
+                padding: 0.25rem;
+                transition: color 0.2s ease;
+            }
+            
+            .btn-action:hover {
+                color: var(--primary);
+            }
+            
+            .btn-action.danger:hover {
+                color: var(--danger);
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    async loadClientUsageChart() {
+        try {
+            const data = {
+                labels: ['Web App', 'Mobile App', 'API Integration', 'Internal Tools', 'Testing'],
+                datasets: [{
+                    label: 'Requests',
+                    data: [1245, 890, 1560, 340, 120],
+                    color: '#3b82f6'
+                }]
+            };
+            
+            window.chartManager.createHorizontalBarChart('client-usage-chart', data);
+            
+        } catch (error) {
+            console.error('Error loading client usage chart:', error);
+        }
+    }
+
+    async loadRateLimitStatus() {
+        const container = document.getElementById('rate-limit-status');
+        if (!container) return;
+        
+        const rateLimits = [
+            { client: 'Web Application', limit: 1000, used: 645, remaining: 355 },
+            { client: 'Mobile App', limit: 500, used: 320, remaining: 180 },
+            { client: 'API Integration', limit: 2000, used: 1560, remaining: 440 },
+            { client: 'Internal Tools', limit: 100, used: 34, remaining: 66 },
+            { client: 'Testing Suite', limit: 200, used: 120, remaining: 80 }
+        ];
+        
+        container.innerHTML = rateLimits.map(limit => {
+            const percentage = (limit.used / limit.limit) * 100;
+            let color = 'success';
+            if (percentage > 80) color = 'warning';
+            if (percentage > 95) color = 'danger';
+            
+            return `
+                <div class="rate-limit-item">
+                    <div class="rate-limit-header">
+                        <span class="rate-limit-client">${limit.client}</span>
+                        <span class="rate-limit-numbers">${limit.used} / ${limit.limit}</span>
+                    </div>
+                    <div class="progress-bar">
+                        <div class="progress-fill ${color}" style="width: ${percentage}%"></div>
+                    </div>
+                    <div class="rate-limit-footer">
+                        <span class="rate-limit-percentage">${Math.round(percentage)}% used</span>
+                        <span class="rate-limit-remaining">${limit.remaining} remaining</span>
+                    </div>
+                </div>
+            `;
+        }).join('');
+        
+        // Add CSS for rate limit items
+        this.addRateLimitStyles();
+    }
+
+    addRateLimitStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .rate-limit-item {
+                margin-bottom: 1rem;
+            }
+            
+            .rate-limit-header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 0.5rem;
+            }
+            
+            .rate-limit-client {
+                font-size: 0.875rem;
+                color: var(--text-primary);
+            }
+            
+            .rate-limit-numbers {
+                font-size: 0.875rem;
+                color: var(--text-secondary);
+            }
+            
+            .rate-limit-footer {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-top: 0.5rem;
+                font-size: 0.75rem;
+            }
+            
+            .rate-limit-percentage {
+                color: var(--text-secondary);
+            }
+            
+            .rate-limit-remaining {
+                color: var(--success);
+                font-weight: 500;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    setupEventListeners() {
+        // Add client button
+        const addBtn = document.getElementById('add-client');
+        if (addBtn) {
+            addBtn.addEventListener('click', () => {
+                this.showAddClientModal();
+            });
+        }
+        
+        // Copy token buttons
+        document.addEventListener('click', (e) => {
+            if (e.target.closest('.btn-copy-token')) {
+                const button = e.target.closest('.btn-copy-token');
+                const token = button.dataset.token;
+                this.copyToClipboard(token);
+                
+                if (window.authManager) {
+                    window.authManager.showToast('Token copied to clipboard', 'success');
+                }
+            }
+        });
+        
+        // Action buttons
+        document.addEventListener('click', (e) => {
+            if (e.target.closest('.btn-action')) {
+                const button = e.target.closest('.btn-action');
+                const action = button.dataset.action;
+                const clientId = button.dataset.id;
+                
+                switch (action) {
+                    case 'edit':
+                        this.editClient(clientId);
+                        break;
+                    case 'rotate':
+                        this.rotateToken(clientId);
+                        break;
+                    case 'revoke':
+                        this.revokeClient(clientId);
+                        break;
+                }
+            }
+        });
+    }
+
+    showAddClientModal() {
+        const modal = document.createElement('div');
+        modal.className = 'modal active';
+        modal.innerHTML = `
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3 class="modal-title">Add New Client</h3>
+                    <button class="modal-close">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <form id="add-client-form">
+                        <div class="form-control">
+                            <label for="client-name">Client Name</label>
+                            <input type="text" id="client-name" placeholder="e.g., Web Application" required>
+                        </div>
+                        <div class="form-control">
+                            <label for="client-description">Description (Optional)</label>
+                            <textarea id="client-description" rows="3" placeholder="Describe what this client will be used for..."></textarea>
+                        </div>
+                        <div class="form-control">
+                            <label for="rate-limit">Rate Limit (requests per hour)</label>
+                            <input type="number" id="rate-limit" value="1000" min="1" max="10000">
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-secondary close-modal">Cancel</button>
+                    <button class="btn btn-primary create-client">Create Client</button>
+                </div>
+            </div>
+        `;
+        
+        document.body.appendChild(modal);
+        
+        // Setup event listeners
+        const closeBtn = modal.querySelector('.modal-close');
+        const closeModalBtn = modal.querySelector('.close-modal');
+        const createBtn = modal.querySelector('.create-client');
+        
+        const closeModal = () => {
+            modal.classList.remove('active');
+            setTimeout(() => modal.remove(), 300);
+        };
+        
+        closeBtn.addEventListener('click', closeModal);
+        closeModalBtn.addEventListener('click', closeModal);
+        
+        createBtn.addEventListener('click', () => {
+            const name = modal.querySelector('#client-name').value;
+            if (!name.trim()) {
+                if (window.authManager) {
+                    window.authManager.showToast('Client name is required', 'error');
+                }
+                return;
+            }
+            
+            // In a real app, this would create the client via API
+            if (window.authManager) {
+                window.authManager.showToast(`Client "${name}" created successfully`, 'success');
+            }
+            
+            // Refresh clients list
+            this.loadClients();
+            closeModal();
+        });
+        
+        // Close on background click
+        modal.addEventListener('click', (e) => {
+            if (e.target === modal) {
+                closeModal();
+            }
+        });
+    }
+
+    editClient(clientId) {
+        const client = this.clients.find(c => c.id === clientId);
+        if (!client) return;
+        
+        // Show edit modal
+        const modal = document.createElement('div');
+        modal.className = 'modal active';
+        modal.innerHTML = `
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3 class="modal-title">Edit Client: ${client.name}</h3>
+                    <button class="modal-close">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <p>Client editing would be implemented here.</p>
+                    <p>In a real implementation, this would include forms for updating client settings.</p>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-secondary close-modal">Cancel</button>
+                    <button class="btn btn-primary save-client">Save Changes</button>
+                </div>
+            </div>
+        `;
+        
+        document.body.appendChild(modal);
+        
+        // Setup event listeners
+        const closeBtn = modal.querySelector('.modal-close');
+        const closeModalBtn = modal.querySelector('.close-modal');
+        const saveBtn = modal.querySelector('.save-client');
+        
+        const closeModal = () => {
+            modal.classList.remove('active');
+            setTimeout(() => modal.remove(), 300);
+        };
+        
+        closeBtn.addEventListener('click', closeModal);
+        closeModalBtn.addEventListener('click', closeModal);
+        
+        saveBtn.addEventListener('click', () => {
+            // In a real app, this would save client changes
+            if (window.authManager) {
+                window.authManager.showToast('Client updated successfully', 'success');
+            }
+            closeModal();
+        });
+        
+        // Close on background click
+        modal.addEventListener('click', (e) => {
+            if (e.target === modal) {
+                closeModal();
+            }
+        });
+    }
+
+    rotateToken(clientId) {
+        const client = this.clients.find(c => c.id === clientId);
+        if (!client) return;
+        
+        // Show confirmation modal
+        if (confirm(`Are you sure you want to rotate the token for "${client.name}"? The old token will be invalidated.`)) {
+            // In a real app, this would rotate the token via API
+            if (window.authManager) {
+                window.authManager.showToast(`Token rotated for "${client.name}"`, 'success');
+            }
+            
+            // Refresh clients list
+            this.loadClients();
+        }
+    }
+
+    revokeClient(clientId) {
+        const client = this.clients.find(c => c.id === clientId);
+        if (!client) return;
+        
+        // Show confirmation modal
+        if (confirm(`Are you sure you want to revoke client "${client.name}"? This action cannot be undone.`)) {
+            // In a real app, this would revoke the client via API
+            if (window.authManager) {
+                window.authManager.showToast(`Client "${client.name}" revoked`, 'success');
+            }
+            
+            // Refresh clients list
+            this.loadClients();
+        }
+    }
+
+    copyToClipboard(text) {
+        navigator.clipboard.writeText(text).catch(err => {
+            console.error('Failed to copy:', err);
+        });
+    }
+
+    refresh() {
+        this.loadClients();
+        this.loadClientUsageChart();
+        this.loadRateLimitStatus();
+    }
+}
+
+// Initialize clients page when needed
+window.initClients = async () => {
+    window.clientsPage = new ClientsPage();
+};
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = ClientsPage;
+}
\ No newline at end of file
diff --git a/static/js/pages/costs.js b/static/js/pages/costs.js
new file mode 100644
index 00000000..5acc3e2e
--- /dev/null
+++ b/static/js/pages/costs.js
@@ -0,0 +1,468 @@
+// Costs Page Module
+
+class CostsPage {
+    constructor() {
+        this.costData = null;
+        this.init();
+    }
+
+    async init() {
+        // Load data
+        await this.loadCostStats();
+        await this.loadCostsChart();
+        await this.loadBudgetTracking();
+        await this.loadCostProjections();
+        await this.loadPricingTable();
+        
+        // Setup event listeners
+        this.setupEventListeners();
+    }
+
+    async loadCostStats() {
+        try {
+            // In a real app, this would fetch from /api/costs/summary
+            this.costData = {
+                totalCost: 125.43,
+                todayCost: 12.45,
+                weekCost: 45.67,
+                monthCost: 125.43,
+                avgDailyCost: 8.36,
+                costTrend: 5.2, // percentage
+                budgetUsed: 62, // percentage
+                projectedMonthEnd: 189.75
+            };
+            
+            this.renderCostStats();
+            
+        } catch (error) {
+            console.error('Error loading cost stats:', error);
+        }
+    }
+
+    renderCostStats() {
+        const container = document.getElementById('cost-stats');
+        if (!container) return;
+        
+        container.innerHTML = `
+            <div class="stat-card">
+                <div class="stat-icon warning">
+                    <i class="fas fa-dollar-sign"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">$${this.costData.totalCost.toFixed(2)}</div>
+                    <div class="stat-label">Total Cost</div>
+                    <div class="stat-change positive">
+                        <i class="fas fa-arrow-up"></i>
+                        $${this.costData.todayCost.toFixed(2)} today
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon primary">
+                    <i class="fas fa-calendar-week"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">$${this.costData.weekCost.toFixed(2)}</div>
+                    <div class="stat-label">This Week</div>
+                    <div class="stat-change ${this.costData.costTrend > 0 ? 'positive' : 'negative'}">
+                        <i class="fas fa-arrow-${this.costData.costTrend > 0 ? 'up' : 'down'}"></i>
+                        ${Math.abs(this.costData.costTrend)}% from last week
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon success">
+                    <i class="fas fa-calendar-alt"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">$${this.costData.monthCost.toFixed(2)}</div>
+                    <div class="stat-label">This Month</div>
+                    <div class="stat-change">
+                        <i class="fas fa-chart-line"></i>
+                        $${this.costData.avgDailyCost.toFixed(2)}/day avg
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon danger">
+                    <i class="fas fa-piggy-bank"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">${this.costData.budgetUsed}%</div>
+                    <div class="stat-label">Budget Used</div>
+                    <div class="stat-change">
+                        <i class="fas fa-project-diagram"></i>
+                        $${this.costData.projectedMonthEnd.toFixed(2)} projected
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+
+    async loadCostsChart() {
+        try {
+            // Generate demo data
+            const data = {
+                labels: ['OpenAI', 'Gemini', 'DeepSeek', 'Grok'],
+                datasets: [{
+                    label: 'Cost by Provider',
+                    data: [65, 25, 8, 2],
+                    color: '#3b82f6'
+                }]
+            };
+            
+            window.chartManager.createBarChart('costs-chart', data, {
+                plugins: {
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                return `$${context.parsed.y.toFixed(2)} (${context.parsed.y}%)`;
+                            }
+                        }
+                    }
+                }
+            });
+            
+        } catch (error) {
+            console.error('Error loading costs chart:', error);
+        }
+    }
+
+    async loadBudgetTracking() {
+        const container = document.getElementById('budget-progress');
+        if (!container) return;
+        
+        const budgets = [
+            { name: 'Monthly Budget', used: 62, total: 200, color: 'primary' },
+            { name: 'OpenAI Budget', used: 75, total: 150, color: 'info' },
+            { name: 'Gemini Budget', used: 45, total: 100, color: 'success' },
+            { name: 'Team Budget', used: 30, total: 50, color: 'warning' }
+        ];
+        
+        container.innerHTML = budgets.map(budget => `
+            <div class="budget-item">
+                <div class="budget-header">
+                    <span class="budget-name">${budget.name}</span>
+                    <span class="budget-amount">$${budget.used} / $${budget.total}</span>
+                </div>
+                <div class="progress-bar">
+                    <div class="progress-fill ${budget.color}" style="width: ${(budget.used / budget.total) * 100}%"></div>
+                </div>
+                <div class="budget-footer">
+                    <span class="budget-percentage">${Math.round((budget.used / budget.total) * 100)}% used</span>
+                    <span class="budget-remaining">$${budget.total - budget.used} remaining</span>
+                </div>
+            </div>
+        `).join('');
+        
+        // Add CSS for budget items
+        this.addBudgetStyles();
+    }
+
+    addBudgetStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .budget-item {
+                margin-bottom: 1.5rem;
+            }
+            
+            .budget-header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 0.5rem;
+            }
+            
+            .budget-name {
+                font-size: 0.875rem;
+                font-weight: 500;
+                color: var(--text-primary);
+            }
+            
+            .budget-amount {
+                font-size: 0.875rem;
+                color: var(--text-secondary);
+            }
+            
+            .budget-footer {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-top: 0.5rem;
+                font-size: 0.75rem;
+            }
+            
+            .budget-percentage {
+                color: var(--text-secondary);
+            }
+            
+            .budget-remaining {
+                color: var(--success);
+                font-weight: 500;
+            }
+            
+            .progress-fill.primary {
+                background-color: var(--primary);
+            }
+            
+            .progress-fill.info {
+                background-color: var(--info);
+            }
+            
+            .progress-fill.success {
+                background-color: var(--success);
+            }
+            
+            .progress-fill.warning {
+                background-color: var(--warning);
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    async loadCostProjections() {
+        const container = document.getElementById('cost-projections');
+        if (!container) return;
+        
+        const projections = [
+            { period: 'Today', amount: 12.45, trend: 'up' },
+            { period: 'This Week', amount: 45.67, trend: 'up' },
+            { period: 'This Month', amount: 189.75, trend: 'up' },
+            { period: 'Next Month', amount: 210.50, trend: 'up' }
+        ];
+        
+        container.innerHTML = projections.map(proj => `
+            <div class="projection-item">
+                <div class="projection-period">${proj.period}</div>
+                <div class="projection-amount">$${proj.amount.toFixed(2)}</div>
+                <div class="projection-trend ${proj.trend}">
+                    <i class="fas fa-arrow-${proj.trend}"></i>
+                </div>
+            </div>
+        `).join('');
+        
+        // Add CSS for projections
+        this.addProjectionStyles();
+    }
+
+    addProjectionStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .projection-item {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding: 0.75rem 0;
+                border-bottom: 1px solid var(--border-color);
+            }
+            
+            .projection-item:last-child {
+                border-bottom: none;
+            }
+            
+            .projection-period {
+                font-size: 0.875rem;
+                color: var(--text-primary);
+            }
+            
+            .projection-amount {
+                font-size: 1rem;
+                font-weight: 600;
+                color: var(--text-primary);
+            }
+            
+            .projection-trend {
+                width: 24px;
+                height: 24px;
+                border-radius: 50%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+            
+            .projection-trend.up {
+                background-color: rgba(239, 68, 68, 0.1);
+                color: var(--danger);
+            }
+            
+            .projection-trend.down {
+                background-color: rgba(16, 185, 129, 0.1);
+                color: var(--success);
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    async loadPricingTable() {
+        try {
+            // In a real app, this would fetch from /api/pricing
+            const pricingData = [
+                { provider: 'OpenAI', model: 'gpt-4', input: 0.03, output: 0.06, updated: '2024-01-15' },
+                { provider: 'OpenAI', model: 'gpt-3.5-turbo', input: 0.0015, output: 0.002, updated: '2024-01-15' },
+                { provider: 'Gemini', model: 'gemini-pro', input: 0.0005, output: 0.0015, updated: '2024-01-14' },
+                { provider: 'Gemini', model: 'gemini-pro-vision', input: 0.0025, output: 0.0075, updated: '2024-01-14' },
+                { provider: 'DeepSeek', model: 'deepseek-chat', input: 0.00014, output: 0.00028, updated: '2024-01-13' },
+                { provider: 'DeepSeek', model: 'deepseek-coder', input: 0.00014, output: 0.00028, updated: '2024-01-13' },
+                { provider: 'Grok', model: 'grok-beta', input: 0.01, output: 0.03, updated: '2024-01-12' }
+            ];
+            
+            this.renderPricingTable(pricingData);
+            
+        } catch (error) {
+            console.error('Error loading pricing data:', error);
+        }
+    }
+
+    renderPricingTable(data) {
+        const tableBody = document.querySelector('#pricing-table tbody');
+        if (!tableBody) return;
+        
+        tableBody.innerHTML = data.map(row => `
+            <tr>
+                <td>${row.provider}</td>
+                <td>${row.model}</td>
+                <td>$${row.input.toFixed(5)}/1K tokens</td>
+                <td>$${row.output.toFixed(5)}/1K tokens</td>
+                <td>${row.updated}</td>
+            </tr>
+        `).join('');
+    }
+
+    setupEventListeners() {
+        // Breakdown buttons
+        const breakdownButtons = document.querySelectorAll('.chart-control-btn[data-breakdown]');
+        breakdownButtons.forEach(button => {
+            button.addEventListener('click', () => {
+                // Update active state
+                breakdownButtons.forEach(btn => btn.classList.remove('active'));
+                button.classList.add('active');
+                
+                // Update chart based on breakdown
+                this.updateCostsChart(button.dataset.breakdown);
+            });
+        });
+        
+        // Edit pricing button
+        const editBtn = document.getElementById('edit-pricing');
+        if (editBtn) {
+            editBtn.addEventListener('click', () => {
+                this.editPricing();
+            });
+        }
+    }
+
+    updateCostsChart(breakdown) {
+        let data;
+        
+        if (breakdown === 'provider') {
+            data = {
+                labels: ['OpenAI', 'Gemini', 'DeepSeek', 'Grok'],
+                datasets: [{
+                    label: 'Cost by Provider',
+                    data: [65, 25, 8, 2],
+                    color: '#3b82f6'
+                }]
+            };
+        } else if (breakdown === 'client') {
+            data = {
+                labels: ['Web App', 'Mobile App', 'API Integration', 'Internal Tools', 'Testing'],
+                datasets: [{
+                    label: 'Cost by Client',
+                    data: [40, 25, 20, 10, 5],
+                    color: '#10b981'
+                }]
+            };
+        } else if (breakdown === 'model') {
+            data = {
+                labels: ['gpt-4', 'gpt-3.5-turbo', 'gemini-pro', 'deepseek-chat', 'grok-beta'],
+                datasets: [{
+                    label: 'Cost by Model',
+                    data: [35, 30, 20, 10, 5],
+                    color: '#f59e0b'
+                }]
+            };
+        }
+        
+        window.chartManager.updateChartData('costs-chart', data);
+    }
+
+    editPricing() {
+        // Show pricing edit modal
+        this.showPricingModal();
+    }
+
+    showPricingModal() {
+        // Create modal for editing pricing
+        const modal = document.createElement('div');
+        modal.className = 'modal active';
+        modal.innerHTML = `
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3 class="modal-title">Edit Pricing Configuration</h3>
+                    <button class="modal-close">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <p>Pricing configuration would be editable here.</p>
+                    <p>In a real implementation, this would include forms for updating provider pricing.</p>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-secondary close-modal">Cancel</button>
+                    <button class="btn btn-primary save-pricing">Save Changes</button>
+                </div>
+            </div>
+        `;
+        
+        document.body.appendChild(modal);
+        
+        // Setup event listeners
+        const closeBtn = modal.querySelector('.modal-close');
+        const closeModalBtn = modal.querySelector('.close-modal');
+        const saveBtn = modal.querySelector('.save-pricing');
+        
+        const closeModal = () => {
+            modal.classList.remove('active');
+            setTimeout(() => modal.remove(), 300);
+        };
+        
+        closeBtn.addEventListener('click', closeModal);
+        closeModalBtn.addEventListener('click', closeModal);
+        
+        saveBtn.addEventListener('click', () => {
+            // In a real app, this would save pricing changes
+            if (window.authManager) {
+                window.authManager.showToast('Pricing updated successfully', 'success');
+            }
+            closeModal();
+        });
+        
+        // Close on background click
+        modal.addEventListener('click', (e) => {
+            if (e.target === modal) {
+                closeModal();
+            }
+        });
+    }
+
+    refresh() {
+        this.loadCostStats();
+        this.loadCostsChart();
+        this.loadBudgetTracking();
+        this.loadCostProjections();
+        this.loadPricingTable();
+    }
+}
+
+// Initialize costs page when needed
+window.initCosts = async () => {
+    window.costsPage = new CostsPage();
+};
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = CostsPage;
+}
\ No newline at end of file
diff --git a/static/js/pages/logs.js b/static/js/pages/logs.js
new file mode 100644
index 00000000..e53ae45f
--- /dev/null
+++ b/static/js/pages/logs.js
@@ -0,0 +1,567 @@
+// Logs Page Module
+
+class LogsPage {
+    constructor() {
+        this.logs = [];
+        this.filters = {
+            level: 'all',
+            timeRange: '24h',
+            search: ''
+        };
+        this.init();
+    }
+
+    async init() {
+        // Load logs
+        await this.loadLogs();
+        
+        // Setup event listeners
+        this.setupEventListeners();
+        
+        // Setup WebSocket subscription for live logs
+        this.setupWebSocketSubscription();
+    }
+
+    async loadLogs() {
+        try {
+            // In a real app, this would fetch from /api/system/logs
+            // Generate demo logs
+            this.generateDemoLogs(50);
+            
+            this.applyFiltersAndRender();
+            
+        } catch (error) {
+            console.error('Error loading logs:', error);
+        }
+    }
+
+    generateDemoLogs(count) {
+        const levels = ['info', 'warn', 'error', 'debug'];
+        const sources = ['server', 'database', 'auth', 'providers', 'clients', 'api'];
+        const messages = [
+            'Request processed successfully',
+            'Cache hit for model gpt-4',
+            'Rate limit check passed',
+            'High latency detected for DeepSeek provider',
+            'API key validation failed',
+            'Database connection pool healthy',
+            'New client registered: client-7',
+            'Backup completed successfully',
+            'Memory usage above 80% threshold',
+            'Provider Grok is offline',
+            'WebSocket connection established',
+            'Authentication token expired',
+            'Cost calculation completed',
+            'Rate limit exceeded for client-2',
+            'Database query optimization needed',
+            'SSL certificate renewed',
+            'System health check passed',
+            'Error in OpenAI API response',
+            'Gemini provider rate limited',
+            'DeepSeek connection timeout'
+        ];
+        
+        this.logs = [];
+        const now = Date.now();
+        
+        for (let i = 0; i < count; i++) {
+            const level = levels[Math.floor(Math.random() * levels.length)];
+            const source = sources[Math.floor(Math.random() * sources.length)];
+            const message = messages[Math.floor(Math.random() * messages.length)];
+            
+            // Generate timestamp (spread over last 24 hours)
+            const hoursAgo = Math.random() * 24;
+            const timestamp = new Date(now - hoursAgo * 60 * 60 * 1000);
+            
+            this.logs.push({
+                id: `log-${i}`,
+                timestamp: timestamp.toISOString(),
+                level: level,
+                source: source,
+                message: message,
+                details: level === 'error' ? 'Additional error details would appear here' : null
+            });
+        }
+        
+        // Sort by timestamp (newest first)
+        this.logs.sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));
+    }
+
+    applyFiltersAndRender() {
+        let filteredLogs = [...this.logs];
+        
+        // Apply level filter
+        if (this.filters.level !== 'all') {
+            filteredLogs = filteredLogs.filter(log => log.level === this.filters.level);
+        }
+        
+        // Apply time range filter
+        const now = Date.now();
+        let timeLimit = now;
+        
+        switch (this.filters.timeRange) {
+            case '1h':
+                timeLimit = now - 60 * 60 * 1000;
+                break;
+            case '24h':
+                timeLimit = now - 24 * 60 * 60 * 1000;
+                break;
+            case '7d':
+                timeLimit = now - 7 * 24 * 60 * 60 * 1000;
+                break;
+            case '30d':
+                timeLimit = now - 30 * 24 * 60 * 60 * 1000;
+                break;
+        }
+        
+        filteredLogs = filteredLogs.filter(log => new Date(log.timestamp) >= timeLimit);
+        
+        // Apply search filter
+        if (this.filters.search) {
+            const searchLower = this.filters.search.toLowerCase();
+            filteredLogs = filteredLogs.filter(log => 
+                log.message.toLowerCase().includes(searchLower) ||
+                log.source.toLowerCase().includes(searchLower) ||
+                log.level.toLowerCase().includes(searchLower)
+            );
+        }
+        
+        this.renderLogsTable(filteredLogs);
+    }
+
+    renderLogsTable(logs) {
+        const tableBody = document.querySelector('#logs-table tbody');
+        if (!tableBody) return;
+        
+        if (logs.length === 0) {
+            tableBody.innerHTML = `
+                <tr>
+                    <td colspan="4" class="empty-table">
+                        <i class="fas fa-search"></i>
+                        <div>No logs found matching your filters</div>
+                    </td>
+                </tr>
+            `;
+            return;
+        }
+        
+        tableBody.innerHTML = logs.map(log => {
+            const time = new Date(log.timestamp).toLocaleString();
+            const levelClass = `log-${log.level}`;
+            const levelIcon = this.getLevelIcon(log.level);
+            
+            return `
+                <tr class="log-row ${levelClass}" data-log-id="${log.id}">
+                    <td>${time}</td>
+                    <td>
+                        <span class="log-level-badge ${levelClass}">
+                            <i class="fas fa-${levelIcon}"></i>
+                            ${log.level.toUpperCase()}
+                        </span>
+                    </td>
+                    <td>${log.source}</td>
+                    <td>
+                        <div class="log-message">${log.message}</div>
+                        ${log.details ? `<div class="log-details">${log.details}</div>` : ''}
+                    </td>
+                </tr>
+            `;
+        }).join('');
+        
+        // Add CSS for logs table
+        this.addLogsStyles();
+    }
+
+    getLevelIcon(level) {
+        switch (level) {
+            case 'error': return 'exclamation-circle';
+            case 'warn': return 'exclamation-triangle';
+            case 'info': return 'info-circle';
+            case 'debug': return 'bug';
+            default: return 'circle';
+        }
+    }
+
+    addLogsStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .log-level-badge {
+                display: inline-flex;
+                align-items: center;
+                gap: 0.25rem;
+                padding: 0.25rem 0.5rem;
+                border-radius: 12px;
+                font-size: 0.75rem;
+                font-weight: 600;
+            }
+            
+            .log-error .log-level-badge {
+                background-color: rgba(239, 68, 68, 0.1);
+                color: var(--danger);
+            }
+            
+            .log-warn .log-level-badge {
+                background-color: rgba(245, 158, 11, 0.1);
+                color: var(--warning);
+            }
+            
+            .log-info .log-level-badge {
+                background-color: rgba(6, 182, 212, 0.1);
+                color: var(--info);
+            }
+            
+            .log-debug .log-level-badge {
+                background-color: rgba(100, 116, 139, 0.1);
+                color: var(--text-secondary);
+            }
+            
+            .log-message {
+                font-size: 0.875rem;
+                color: var(--text-primary);
+            }
+            
+            .log-details {
+                font-size: 0.75rem;
+                color: var(--text-secondary);
+                margin-top: 0.25rem;
+                padding: 0.5rem;
+                background-color: var(--bg-secondary);
+                border-radius: 4px;
+                border-left: 3px solid var(--danger);
+            }
+            
+            .log-row:hover {
+                background-color: var(--bg-hover);
+            }
+            
+            .empty-table {
+                text-align: center;
+                padding: 3rem !important;
+                color: var(--text-secondary);
+            }
+            
+            .empty-table i {
+                font-size: 2rem;
+                margin-bottom: 1rem;
+                opacity: 0.5;
+            }
+            
+            .empty-table div {
+                font-size: 0.875rem;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    setupEventListeners() {
+        // Filter controls
+        const logFilter = document.getElementById('log-filter');
+        const timeRangeFilter = document.getElementById('log-time-range');
+        const searchInput = document.getElementById('log-search');
+        
+        if (logFilter) {
+            logFilter.addEventListener('change', (e) => {
+                this.filters.level = e.target.value;
+                this.applyFiltersAndRender();
+            });
+        }
+        
+        if (timeRangeFilter) {
+            timeRangeFilter.addEventListener('change', (e) => {
+                this.filters.timeRange = e.target.value;
+                this.applyFiltersAndRender();
+            });
+        }
+        
+        if (searchInput) {
+            let searchTimeout;
+            searchInput.addEventListener('input', (e) => {
+                clearTimeout(searchTimeout);
+                searchTimeout = setTimeout(() => {
+                    this.filters.search = e.target.value;
+                    this.applyFiltersAndRender();
+                }, 300);
+            });
+        }
+        
+        // Action buttons
+        const downloadBtn = document.getElementById('download-logs');
+        const clearBtn = document.getElementById('clear-logs');
+        
+        if (downloadBtn) {
+            downloadBtn.addEventListener('click', () => {
+                this.downloadLogs();
+            });
+        }
+        
+        if (clearBtn) {
+            clearBtn.addEventListener('click', () => {
+                this.clearLogs();
+            });
+        }
+        
+        // Log row click for details
+        document.addEventListener('click', (e) => {
+            const logRow = e.target.closest('.log-row');
+            if (logRow) {
+                this.showLogDetails(logRow.dataset.logId);
+            }
+        });
+    }
+
+    setupWebSocketSubscription() {
+        if (!window.wsManager) return;
+        
+        // Subscribe to log updates
+        window.wsManager.subscribe('logs', (log) => {
+            this.addNewLog(log);
+        });
+    }
+
+    addNewLog(log) {
+        // Add to beginning of logs array
+        this.logs.unshift({
+            id: `log-${Date.now()}`,
+            timestamp: new Date().toISOString(),
+            level: log.level || 'info',
+            source: log.source || 'unknown',
+            message: log.message || '',
+            details: log.details || null
+        });
+        
+        // Keep logs array manageable
+        if (this.logs.length > 1000) {
+            this.logs = this.logs.slice(0, 1000);
+        }
+        
+        // Apply filters and re-render
+        this.applyFiltersAndRender();
+    }
+
+    downloadLogs() {
+        // Get filtered logs
+        let filteredLogs = [...this.logs];
+        
+        // Apply current filters
+        if (this.filters.level !== 'all') {
+            filteredLogs = filteredLogs.filter(log => log.level === this.filters.level);
+        }
+        
+        // Create CSV content
+        const headers = ['Timestamp', 'Level', 'Source', 'Message', 'Details'];
+        const rows = filteredLogs.map(log => [
+            new Date(log.timestamp).toISOString(),
+            log.level,
+            log.source,
+            `"${log.message.replace(/"/g, '""')}"`,
+            log.details ? `"${log.details.replace(/"/g, '""')}"` : ''
+        ]);
+        
+        const csvContent = [
+            headers.join(','),
+            ...rows.map(row => row.join(','))
+        ].join('\n');
+        
+        // Create download link
+        const blob = new Blob([csvContent], { type: 'text/csv' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `llm-proxy-logs-${new Date().toISOString().split('T')[0]}.csv`;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+        
+        if (window.authManager) {
+            window.authManager.showToast('Logs downloaded successfully', 'success');
+        }
+    }
+
+    clearLogs() {
+        if (confirm('Are you sure you want to clear all logs? This action cannot be undone.')) {
+            // In a real app, this would clear logs via API
+            this.logs = [];
+            this.applyFiltersAndRender();
+            
+            if (window.authManager) {
+                window.authManager.showToast('Logs cleared successfully', 'success');
+            }
+        }
+    }
+
+    showLogDetails(logId) {
+        const log = this.logs.find(l => l.id === logId);
+        if (!log) return;
+        
+        // Show log details modal
+        const modal = document.createElement('div');
+        modal.className = 'modal active';
+        modal.innerHTML = `
+            <div class="modal-content" style="max-width: 800px;">
+                <div class="modal-header">
+                    <h3 class="modal-title">Log Details</h3>
+                    <button class="modal-close">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <div class="log-detail-grid">
+                        <div class="detail-item">
+                            <span class="detail-label">Timestamp:</span>
+                            <span class="detail-value">${new Date(log.timestamp).toLocaleString()}</span>
+                        </div>
+                        <div class="detail-item">
+                            <span class="detail-label">Level:</span>
+                            <span class="detail-value">
+                                <span class="log-level-badge log-${log.level}">
+                                    <i class="fas fa-${this.getLevelIcon(log.level)}"></i>
+                                    ${log.level.toUpperCase()}
+                                </span>
+                            </span>
+                        </div>
+                        <div class="detail-item">
+                            <span class="detail-label">Source:</span>
+                            <span class="detail-value">${log.source}</span>
+                        </div>
+                        <div class="detail-item full-width">
+                            <span class="detail-label">Message:</span>
+                            <div class="detail-value message-box">${log.message}</div>
+                        </div>
+                        ${log.details ? `
+                            <div class="detail-item full-width">
+                                <span class="detail-label">Details:</span>
+                                <div class="detail-value details-box">${log.details}</div>
+                            </div>
+                        ` : ''}
+                        <div class="detail-item full-width">
+                            <span class="detail-label">Raw JSON:</span>
+                            <pre class="detail-value json-box">${JSON.stringify(log, null, 2)}</pre>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-secondary close-modal">Close</button>
+                    <button class="btn btn-primary copy-json" data-json='${JSON.stringify(log)}'>
+                        <i class="fas fa-copy"></i> Copy JSON
+                    </button>
+                </div>
+            </div>
+        `;
+        
+        document.body.appendChild(modal);
+        
+        // Setup event listeners
+        const closeBtn = modal.querySelector('.modal-close');
+        const closeModalBtn = modal.querySelector('.close-modal');
+        const copyBtn = modal.querySelector('.copy-json');
+        
+        const closeModal = () => {
+            modal.classList.remove('active');
+            setTimeout(() => modal.remove(), 300);
+        };
+        
+        closeBtn.addEventListener('click', closeModal);
+        closeModalBtn.addEventListener('click', closeModal);
+        
+        copyBtn.addEventListener('click', () => {
+            const json = copyBtn.dataset.json;
+            navigator.clipboard.writeText(json).then(() => {
+                if (window.authManager) {
+                    window.authManager.showToast('JSON copied to clipboard', 'success');
+                }
+            }).catch(err => {
+                console.error('Failed to copy:', err);
+            });
+        });
+        
+        // Close on background click
+        modal.addEventListener('click', (e) => {
+            if (e.target === modal) {
+                closeModal();
+            }
+        });
+        
+        // Add CSS for log details
+        this.addLogDetailStyles();
+    }
+
+    addLogDetailStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .log-detail-grid {
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+                gap: 1rem;
+            }
+            
+            .detail-item {
+                display: flex;
+                flex-direction: column;
+                gap: 0.25rem;
+            }
+            
+            .detail-item.full-width {
+                grid-column: 1 / -1;
+            }
+            
+            .detail-label {
+                font-size: 0.875rem;
+                font-weight: 600;
+                color: var(--text-secondary);
+            }
+            
+            .detail-value {
+                font-size: 0.875rem;
+                color: var(--text-primary);
+            }
+            
+            .message-box {
+                padding: 0.75rem;
+                background-color: var(--bg-secondary);
+                border-radius: 4px;
+                border-left: 3px solid var(--primary);
+            }
+            
+            .details-box {
+                padding: 0.75rem;
+                background-color: var(--bg-secondary);
+                border-radius: 4px;
+                border-left: 3px solid var(--warning);
+                white-space: pre-wrap;
+                font-family: monospace;
+                font-size: 0.75rem;
+            }
+            
+            .json-box {
+                padding: 0.75rem;
+                background-color: #1e293b;
+                color: #e2e8f0;
+                border-radius: 4px;
+                overflow: auto;
+                max-height: 300px;
+                font-size: 0.75rem;
+                line-height: 1.5;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    refresh() {
+        this.loadLogs();
+        
+        if (window.authManager) {
+            window.authManager.showToast('Logs refreshed', 'success');
+        }
+    }
+}
+
+// Initialize logs page when needed
+window.initLogs = async () => {
+    window.logsPage = new LogsPage();
+};
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = LogsPage;
+}
\ No newline at end of file
diff --git a/static/js/pages/monitoring.js b/static/js/pages/monitoring.js
new file mode 100644
index 00000000..24a0b184
--- /dev/null
+++ b/static/js/pages/monitoring.js
@@ -0,0 +1,611 @@
+// Monitoring Page Module
+
+class MonitoringPage {
+    constructor() {
+        this.isPaused = false;
+        this.requestStream = [];
+        this.systemLogs = [];
+        this.init();
+    }
+
+    async init() {
+        // Load initial data
+        await this.loadSystemMetrics();
+        await this.loadCharts();
+        
+        // Setup event listeners
+        this.setupEventListeners();
+        
+        // Setup WebSocket subscriptions
+        this.setupWebSocketSubscriptions();
+        
+        // Start simulated updates for demo
+        this.startDemoUpdates();
+    }
+
+    async loadSystemMetrics() {
+        const container = document.getElementById('system-metrics');
+        if (!container) return;
+        
+        const metrics = [
+            { label: 'CPU Usage', value: '24%', trend: 'down', color: 'success' },
+            { label: 'Memory Usage', value: '1.8 GB', trend: 'stable', color: 'warning' },
+            { label: 'Disk I/O', value: '45 MB/s', trend: 'up', color: 'primary' },
+            { label: 'Network', value: '125 KB/s', trend: 'up', color: 'info' },
+            { label: 'Active Connections', value: '42', trend: 'stable', color: 'success' },
+            { label: 'Queue Length', value: '3', trend: 'down', color: 'success' }
+        ];
+        
+        container.innerHTML = metrics.map(metric => `
+            <div class="metric-item">
+                <div class="metric-label">${metric.label}</div>
+                <div class="metric-value">${metric.value}</div>
+                <div class="metric-trend ${metric.trend}">
+                    <i class="fas fa-arrow-${metric.trend === 'up' ? 'up' : metric.trend === 'down' ? 'down' : 'minus'}"></i>
+                </div>
+            </div>
+        `).join('');
+        
+        // Add CSS for metrics
+        this.addMetricStyles();
+    }
+
+    addMetricStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .metric-item {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding: 0.75rem;
+                border-bottom: 1px solid var(--border-color);
+            }
+            
+            .metric-item:last-child {
+                border-bottom: none;
+            }
+            
+            .metric-label {
+                font-size: 0.875rem;
+                color: var(--text-secondary);
+            }
+            
+            .metric-value {
+                font-weight: 600;
+                color: var(--text-primary);
+            }
+            
+            .metric-trend {
+                width: 24px;
+                height: 24px;
+                border-radius: 50%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: 0.75rem;
+            }
+            
+            .metric-trend.up {
+                background-color: rgba(239, 68, 68, 0.1);
+                color: var(--danger);
+            }
+            
+            .metric-trend.down {
+                background-color: rgba(16, 185, 129, 0.1);
+                color: var(--success);
+            }
+            
+            .metric-trend.stable {
+                background-color: rgba(100, 116, 139, 0.1);
+                color: var(--text-secondary);
+            }
+            
+            .monitoring-stream {
+                height: 300px;
+                overflow-y: auto;
+                border: 1px solid var(--border-color);
+                border-radius: var(--border-radius-sm);
+                padding: 0.5rem;
+                background-color: var(--bg-secondary);
+            }
+            
+            .stream-entry {
+                display: flex;
+                align-items: center;
+                gap: 0.75rem;
+                padding: 0.5rem;
+                border-bottom: 1px solid var(--border-color);
+                transition: background-color 0.2s ease;
+            }
+            
+            .stream-entry:last-child {
+                border-bottom: none;
+            }
+            
+            .stream-entry.highlight {
+                background-color: rgba(37, 99, 235, 0.05);
+            }
+            
+            .stream-entry-time {
+                font-size: 0.75rem;
+                color: var(--text-light);
+                min-width: 60px;
+            }
+            
+            .stream-entry-icon {
+                font-size: 0.875rem;
+                width: 24px;
+                text-align: center;
+            }
+            
+            .stream-entry-content {
+                flex: 1;
+                font-size: 0.875rem;
+            }
+            
+            .stream-entry-details {
+                font-size: 0.75rem;
+                color: var(--text-secondary);
+                margin-top: 0.125rem;
+            }
+            
+            .log-stream {
+                height: 400px;
+                overflow-y: auto;
+                border: 1px solid var(--border-color);
+                border-radius: var(--border-radius-sm);
+                padding: 0.5rem;
+                background-color: var(--bg-secondary);
+                font-family: monospace;
+                font-size: 0.75rem;
+            }
+            
+            .log-entry {
+                display: flex;
+                align-items: center;
+                gap: 0.75rem;
+                padding: 0.25rem 0.5rem;
+                border-bottom: 1px solid var(--border-color);
+            }
+            
+            .log-entry:last-child {
+                border-bottom: none;
+            }
+            
+            .log-time {
+                color: var(--text-light);
+                min-width: 80px;
+            }
+            
+            .log-level {
+                width: 24px;
+                text-align: center;
+            }
+            
+            .log-info .log-level {
+                color: var(--info);
+            }
+            
+            .log-warn .log-level {
+                color: var(--warning);
+            }
+            
+            .log-error .log-level {
+                color: var(--danger);
+            }
+            
+            .log-debug .log-level {
+                color: var(--text-light);
+            }
+            
+            .log-message {
+                flex: 1;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    async loadCharts() {
+        await this.loadResponseTimeChart();
+        await this.loadErrorRateChart();
+        await this.loadRateLimitChart();
+    }
+
+    async loadResponseTimeChart() {
+        try {
+            // Generate demo data for response time
+            const labels = Array.from({ length: 20 }, (_, i) => `${i + 1}m`);
+            const data = {
+                labels: labels,
+                datasets: [{
+                    label: 'Response Time (ms)',
+                    data: labels.map(() => Math.floor(Math.random() * 200) + 300),
+                    color: '#3b82f6',
+                    fill: true
+                }]
+            };
+            
+            window.chartManager.createLineChart('response-time-chart', data, {
+                scales: {
+                    y: {
+                        title: {
+                            display: true,
+                            text: 'Milliseconds'
+                        }
+                    }
+                }
+            });
+            
+        } catch (error) {
+            console.error('Error loading response time chart:', error);
+        }
+    }
+
+    async loadErrorRateChart() {
+        try {
+            const labels = Array.from({ length: 20 }, (_, i) => `${i + 1}m`);
+            const data = {
+                labels: labels,
+                datasets: [{
+                    label: 'Error Rate (%)',
+                    data: labels.map(() => Math.random() * 5),
+                    color: '#ef4444',
+                    fill: true
+                }]
+            };
+            
+            window.chartManager.createLineChart('error-rate-chart', data, {
+                scales: {
+                    y: {
+                        title: {
+                            display: true,
+                            text: 'Percentage'
+                        },
+                        ticks: {
+                            callback: function(value) {
+                                return value + '%';
+                            }
+                        }
+                    }
+                }
+            });
+            
+        } catch (error) {
+            console.error('Error loading error rate chart:', error);
+        }
+    }
+
+    async loadRateLimitChart() {
+        try {
+            const labels = ['Web App', 'Mobile App', 'API Integration', 'Internal Tools', 'Testing'];
+            const data = {
+                labels: labels,
+                datasets: [{
+                    label: 'Rate Limit Usage',
+                    data: [65, 45, 78, 34, 60],
+                    color: '#10b981'
+                }]
+            };
+            
+            window.chartManager.createBarChart('rate-limit-chart', data, {
+                scales: {
+                    y: {
+                        title: {
+                            display: true,
+                            text: 'Percentage'
+                        },
+                        ticks: {
+                            callback: function(value) {
+                                return value + '%';
+                            }
+                        }
+                    }
+                }
+            });
+            
+        } catch (error) {
+            console.error('Error loading rate limit chart:', error);
+        }
+    }
+
+    setupEventListeners() {
+        // Pause/resume monitoring button
+        const pauseBtn = document.getElementById('pause-monitoring');
+        if (pauseBtn) {
+            pauseBtn.addEventListener('click', () => {
+                this.togglePause();
+            });
+        }
+    }
+
+    setupWebSocketSubscriptions() {
+        if (!window.wsManager) return;
+        
+        // Subscribe to request updates
+        window.wsManager.subscribe('requests', (request) => {
+            if (!this.isPaused) {
+                this.addToRequestStream(request);
+            }
+        });
+        
+        // Subscribe to log updates
+        window.wsManager.subscribe('logs', (log) => {
+            if (!this.isPaused) {
+                this.addToLogStream(log);
+            }
+        });
+        
+        // Subscribe to metric updates
+        window.wsManager.subscribe('metrics', (metric) => {
+            if (!this.isPaused) {
+                this.updateCharts(metric);
+            }
+        });
+    }
+
+    togglePause() {
+        this.isPaused = !this.isPaused;
+        const pauseBtn = document.getElementById('pause-monitoring');
+        
+        if (pauseBtn) {
+            if (this.isPaused) {
+                pauseBtn.innerHTML = '<i class="fas fa-play"></i> Resume';
+                pauseBtn.classList.remove('btn-secondary');
+                pauseBtn.classList.add('btn-success');
+                
+                if (window.authManager) {
+                    window.authManager.showToast('Monitoring paused', 'warning');
+                }
+            } else {
+                pauseBtn.innerHTML = '<i class="fas fa-pause"></i> Pause';
+                pauseBtn.classList.remove('btn-success');
+                pauseBtn.classList.add('btn-secondary');
+                
+                if (window.authManager) {
+                    window.authManager.showToast('Monitoring resumed', 'success');
+                }
+            }
+        }
+    }
+
+    addToRequestStream(request) {
+        const streamElement = document.getElementById('request-stream');
+        if (!streamElement) return;
+        
+        // Create entry
+        const entry = document.createElement('div');
+        entry.className = 'stream-entry';
+        
+        // Format time
+        const time = new Date().toLocaleTimeString();
+        
+        // Determine icon based on status
+        let icon = 'question-circle';
+        let color = 'var(--text-secondary)';
+        
+        if (request.status === 'success') {
+            icon = 'check-circle';
+            color = 'var(--success)';
+        } else if (request.status === 'error') {
+            icon = 'exclamation-circle';
+            color = 'var(--danger)';
+        }
+        
+        entry.innerHTML = `
+            <div class="stream-entry-time">${time}</div>
+            <div class="stream-entry-icon" style="color: ${color}">
+                <i class="fas fa-${icon}"></i>
+            </div>
+            <div class="stream-entry-content">
+                <strong>${request.client_id || 'Unknown'}</strong> → 
+                ${request.provider || 'Unknown'} (${request.model || 'Unknown'})
+                <div class="stream-entry-details">
+                    ${request.tokens || 0} tokens • ${request.duration || 0}ms
+                </div>
+            </div>
+        `;
+        
+        // Add to top of stream
+        streamElement.insertBefore(entry, streamElement.firstChild);
+        
+        // Store in memory (limit to 100)
+        this.requestStream.unshift({
+            time,
+            request,
+            element: entry
+        });
+        
+        if (this.requestStream.length > 100) {
+            const oldEntry = this.requestStream.pop();
+            if (oldEntry.element.parentNode) {
+                oldEntry.element.remove();
+            }
+        }
+        
+        // Add highlight animation
+        entry.classList.add('highlight');
+        setTimeout(() => entry.classList.remove('highlight'), 1000);
+    }
+
+    addToLogStream(log) {
+        const logElement = document.getElementById('system-logs');
+        if (!logElement) return;
+        
+        // Create entry
+        const entry = document.createElement('div');
+        entry.className = `log-entry log-${log.level || 'info'}`;
+        
+        // Format time
+        const time = new Date().toLocaleTimeString();
+        
+        // Determine icon based on level
+        let icon = 'info-circle';
+        if (log.level === 'error') icon = 'exclamation-circle';
+        if (log.level === 'warn') icon = 'exclamation-triangle';
+        if (log.level === 'debug') icon = 'bug';
+        
+        entry.innerHTML = `
+            <div class="log-time">${time}</div>
+            <div class="log-level">
+                <i class="fas fa-${icon}"></i>
+            </div>
+            <div class="log-message">${log.message || ''}</div>
+        `;
+        
+        // Add to top of stream
+        logElement.insertBefore(entry, logElement.firstChild);
+        
+        // Store in memory (limit to 100)
+        this.systemLogs.unshift({
+            time,
+            log,
+            element: entry
+        });
+        
+        if (this.systemLogs.length > 100) {
+            const oldEntry = this.systemLogs.pop();
+            if (oldEntry.element.parentNode) {
+                oldEntry.element.remove();
+            }
+        }
+    }
+
+    updateCharts(metric) {
+        // Update charts with new metric data
+        if (metric.type === 'response_time' && window.chartManager.charts.has('response-time-chart')) {
+            this.updateResponseTimeChart(metric.value);
+        }
+        
+        if (metric.type === 'error_rate' && window.chartManager.charts.has('error-rate-chart')) {
+            this.updateErrorRateChart(metric.value);
+        }
+    }
+
+    updateResponseTimeChart(value) {
+        window.chartManager.addDataPoint('response-time-chart', value);
+    }
+
+    updateErrorRateChart(value) {
+        window.chartManager.addDataPoint('error-rate-chart', value);
+    }
+
+    startDemoUpdates() {
+        // Simulate incoming requests for demo purposes
+        if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
+            setInterval(() => {
+                if (!this.isPaused && Math.random() > 0.3) { // 70% chance
+                    this.simulateRequest();
+                }
+            }, 2000);
+            
+            // Simulate logs
+            setInterval(() => {
+                if (!this.isPaused && Math.random() > 0.5) { // 50% chance
+                    this.simulateLog();
+                }
+            }, 3000);
+            
+            // Simulate metrics
+            setInterval(() => {
+                if (!this.isPaused) {
+                    this.simulateMetric();
+                }
+            }, 5000);
+        }
+    }
+
+    simulateRequest() {
+        const clients = ['client-1', 'client-2', 'client-3', 'client-4', 'client-5'];
+        const providers = ['OpenAI', 'Gemini', 'DeepSeek', 'Grok'];
+        const models = ['gpt-4', 'gpt-3.5-turbo', 'gemini-pro', 'deepseek-chat', 'grok-beta'];
+        const statuses = ['success', 'success', 'success', 'error', 'warning']; // Mostly success
+        
+        const request = {
+            client_id: clients[Math.floor(Math.random() * clients.length)],
+            provider: providers[Math.floor(Math.random() * providers.length)],
+            model: models[Math.floor(Math.random() * models.length)],
+            tokens: Math.floor(Math.random() * 2000) + 100,
+            duration: Math.floor(Math.random() * 1000) + 100,
+            status: statuses[Math.floor(Math.random() * statuses.length)],
+            timestamp: Date.now()
+        };
+        
+        this.addToRequestStream(request);
+    }
+
+    simulateLog() {
+        const levels = ['info', 'info', 'info', 'warn', 'error'];
+        const messages = [
+            'Request processed successfully',
+            'Cache hit for model gpt-4',
+            'Rate limit check passed',
+            'High latency detected for DeepSeek provider',
+            'API key validation failed',
+            'Database connection pool healthy',
+            'New client registered: client-7',
+            'Backup completed successfully',
+            'Memory usage above 80% threshold',
+            'Provider Grok is offline'
+        ];
+        
+        const log = {
+            level: levels[Math.floor(Math.random() * levels.length)],
+            message: messages[Math.floor(Math.random() * messages.length)],
+            timestamp: Date.now()
+        };
+        
+        this.addToLogStream(log);
+    }
+
+    simulateMetric() {
+        const metricTypes = ['response_time', 'error_rate'];
+        const type = metricTypes[Math.floor(Math.random() * metricTypes.length)];
+        
+        let value;
+        if (type === 'response_time') {
+            value = Math.floor(Math.random() * 200) + 300; // 300-500ms
+        } else {
+            value = Math.random() * 5; // 0-5%
+        }
+        
+        this.updateCharts({ type, value });
+    }
+
+    clearStreams() {
+        const streamElement = document.getElementById('request-stream');
+        const logElement = document.getElementById('system-logs');
+        
+        if (streamElement) {
+            streamElement.innerHTML = '';
+            this.requestStream = [];
+        }
+        
+        if (logElement) {
+            logElement.innerHTML = '';
+            this.systemLogs = [];
+        }
+    }
+
+    refresh() {
+        this.loadSystemMetrics();
+        this.loadCharts();
+        this.clearStreams();
+        
+        if (window.authManager) {
+            window.authManager.showToast('Monitoring refreshed', 'success');
+        }
+    }
+}
+
+// Initialize monitoring page when needed
+window.initMonitoring = async () => {
+    window.monitoringPage = new MonitoringPage();
+};
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = MonitoringPage;
+}
\ No newline at end of file
diff --git a/static/js/pages/overview.js b/static/js/pages/overview.js
new file mode 100644
index 00000000..38c78664
--- /dev/null
+++ b/static/js/pages/overview.js
@@ -0,0 +1,513 @@
+// Overview Page Module
+
+class OverviewPage {
+    constructor() {
+        this.stats = null;
+        this.charts = {};
+        this.init();
+    }
+
+    async init() {
+        // Load data
+        await this.loadStats();
+        await this.loadCharts();
+        await this.loadRecentRequests();
+        
+        // Setup event listeners
+        this.setupEventListeners();
+        
+        // Subscribe to WebSocket updates
+        this.setupWebSocketSubscriptions();
+    }
+
+    async loadStats() {
+        try {
+            // In a real app, this would fetch from /api/usage/summary
+            // For now, use mock data
+            this.stats = {
+                totalRequests: 12458,
+                totalTokens: 1254300,
+                totalCost: 125.43,
+                activeClients: 8,
+                errorRate: 2.3,
+                avgResponseTime: 450,
+                todayRequests: 342,
+                todayCost: 12.45
+            };
+            
+            this.renderStats();
+            
+        } catch (error) {
+            console.error('Error loading stats:', error);
+            this.showError('Failed to load statistics');
+        }
+    }
+
+    renderStats() {
+        const container = document.getElementById('overview-stats');
+        if (!container) return;
+        
+        container.innerHTML = `
+            <div class="stat-card">
+                <div class="stat-icon primary">
+                    <i class="fas fa-exchange-alt"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">${this.stats.totalRequests.toLocaleString()}</div>
+                    <div class="stat-label">Total Requests</div>
+                    <div class="stat-change positive">
+                        <i class="fas fa-arrow-up"></i>
+                        ${this.stats.todayRequests} today
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon success">
+                    <i class="fas fa-coins"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">${this.stats.totalTokens.toLocaleString()}</div>
+                    <div class="stat-label">Total Tokens</div>
+                    <div class="stat-change positive">
+                        <i class="fas fa-arrow-up"></i>
+                        12% from yesterday
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon warning">
+                    <i class="fas fa-dollar-sign"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">$${this.stats.totalCost.toFixed(2)}</div>
+                    <div class="stat-label">Total Cost</div>
+                    <div class="stat-change positive">
+                        <i class="fas fa-arrow-up"></i>
+                        $${this.stats.todayCost.toFixed(2)} today
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon danger">
+                    <i class="fas fa-users"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">${this.stats.activeClients}</div>
+                    <div class="stat-label">Active Clients</div>
+                    <div class="stat-change positive">
+                        <i class="fas fa-arrow-up"></i>
+                        2 new this week
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon primary">
+                    <i class="fas fa-exclamation-triangle"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">${this.stats.errorRate}%</div>
+                    <div class="stat-label">Error Rate</div>
+                    <div class="stat-change negative">
+                        <i class="fas fa-arrow-down"></i>
+                        0.5% improvement
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon success">
+                    <i class="fas fa-tachometer-alt"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">${this.stats.avgResponseTime}ms</div>
+                    <div class="stat-label">Avg Response Time</div>
+                    <div class="stat-change positive">
+                        <i class="fas fa-arrow-down"></i>
+                        50ms faster
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+
+    async loadCharts() {
+        await this.loadRequestsChart();
+        await this.loadProvidersChart();
+        await this.loadSystemHealth();
+    }
+
+    async loadRequestsChart() {
+        try {
+            // Generate demo data for requests chart
+            const data = window.chartManager.generateDemoTimeSeries(24, 1);
+            data.datasets[0].label = 'Requests per hour';
+            data.datasets[0].fill = true;
+            
+            // Create chart
+            this.charts.requests = window.chartManager.createLineChart('requests-chart', data, {
+                plugins: {
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                return `Requests: ${context.parsed.y}`;
+                            }
+                        }
+                    }
+                }
+            });
+            
+        } catch (error) {
+            console.error('Error loading requests chart:', error);
+        }
+    }
+
+    async loadProvidersChart() {
+        try {
+            const data = {
+                labels: ['OpenAI', 'Gemini', 'DeepSeek', 'Grok'],
+                data: [45, 25, 20, 10],
+                colors: ['#3b82f6', '#10b981', '#f59e0b', '#8b5cf6']
+            };
+            
+            this.charts.providers = window.chartManager.createDoughnutChart('providers-chart', data, {
+                plugins: {
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                const label = context.label || '';
+                                const value = context.raw || 0;
+                                return `${label}: ${value}% of requests`;
+                            }
+                        }
+                    }
+                }
+            });
+            
+        } catch (error) {
+            console.error('Error loading providers chart:', error);
+        }
+    }
+
+    async loadSystemHealth() {
+        const container = document.getElementById('system-health');
+        if (!container) return;
+        
+        const healthData = [
+            { label: 'API Server', status: 'online', value: 100 },
+            { label: 'Database', status: 'online', value: 95 },
+            { label: 'OpenAI', status: 'online', value: 100 },
+            { label: 'Gemini', status: 'online', value: 100 },
+            { label: 'DeepSeek', status: 'warning', value: 85 },
+            { label: 'Grok', status: 'offline', value: 0 }
+        ];
+        
+        container.innerHTML = healthData.map(item => `
+            <div class="health-item">
+                <div class="health-label">
+                    <span class="health-status status-badge ${item.status}">
+                        <i class="fas fa-circle"></i>
+                        ${item.status}
+                    </span>
+                    <span class="health-name">${item.label}</span>
+                </div>
+                <div class="health-progress">
+                    <div class="progress-bar">
+                        <div class="progress-fill ${item.status}" style="width: ${item.value}%"></div>
+                    </div>
+                    <span class="health-value">${item.value}%</span>
+                </div>
+            </div>
+        `).join('');
+        
+        // Add CSS for progress bars
+        this.addHealthStyles();
+    }
+
+    addHealthStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .health-item {
+                margin-bottom: 1rem;
+            }
+            
+            .health-label {
+                display: flex;
+                align-items: center;
+                gap: 0.5rem;
+                margin-bottom: 0.25rem;
+            }
+            
+            .health-name {
+                font-size: 0.875rem;
+                color: var(--text-primary);
+            }
+            
+            .health-progress {
+                display: flex;
+                align-items: center;
+                gap: 0.5rem;
+            }
+            
+            .progress-bar {
+                flex: 1;
+                height: 6px;
+                background-color: var(--bg-secondary);
+                border-radius: 3px;
+                overflow: hidden;
+            }
+            
+            .progress-fill {
+                height: 100%;
+                border-radius: 3px;
+                transition: width 0.3s ease;
+            }
+            
+            .progress-fill.online {
+                background-color: var(--success);
+            }
+            
+            .progress-fill.warning {
+                background-color: var(--warning);
+            }
+            
+            .progress-fill.offline {
+                background-color: var(--danger);
+            }
+            
+            .health-value {
+                font-size: 0.75rem;
+                color: var(--text-secondary);
+                min-width: 40px;
+                text-align: right;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    async loadRecentRequests() {
+        try {
+            // In a real app, this would fetch from /api/requests/recent
+            // For now, use mock data
+            const requests = [
+                { time: '14:32:15', client: 'client-1', provider: 'OpenAI', model: 'gpt-4', tokens: 1250, status: 'success' },
+                { time: '14:30:45', client: 'client-2', provider: 'Gemini', model: 'gemini-pro', tokens: 890, status: 'success' },
+                { time: '14:28:12', client: 'client-3', provider: 'DeepSeek', model: 'deepseek-chat', tokens: 1560, status: 'error' },
+                { time: '14:25:33', client: 'client-1', provider: 'OpenAI', model: 'gpt-3.5-turbo', tokens: 540, status: 'success' },
+                { time: '14:22:18', client: 'client-4', provider: 'Grok', model: 'grok-beta', tokens: 720, status: 'success' },
+                { time: '14:20:05', client: 'client-2', provider: 'Gemini', model: 'gemini-pro-vision', tokens: 1120, status: 'success' },
+                { time: '14:18:47', client: 'client-5', provider: 'OpenAI', model: 'gpt-4', tokens: 980, status: 'warning' },
+                { time: '14:15:22', client: 'client-3', provider: 'DeepSeek', model: 'deepseek-coder', tokens: 1340, status: 'success' },
+                { time: '14:12:10', client: 'client-1', provider: 'OpenAI', model: 'gpt-3.5-turbo', tokens: 610, status: 'success' },
+                { time: '14:10:05', client: 'client-6', provider: 'Gemini', model: 'gemini-pro', tokens: 830, status: 'success' }
+            ];
+            
+            this.renderRecentRequests(requests);
+            
+        } catch (error) {
+            console.error('Error loading recent requests:', error);
+        }
+    }
+
+    renderRecentRequests(requests) {
+        const tableBody = document.querySelector('#recent-requests tbody');
+        if (!tableBody) return;
+        
+        tableBody.innerHTML = requests.map(request => {
+            const statusClass = request.status === 'success' ? 'success' : 
+                              request.status === 'error' ? 'danger' : 'warning';
+            const statusIcon = request.status === 'success' ? 'check-circle' :
+                              request.status === 'error' ? 'exclamation-circle' : 'exclamation-triangle';
+            
+            return `
+                <tr>
+                    <td>${request.time}</td>
+                    <td>${request.client}</td>
+                    <td>${request.provider}</td>
+                    <td>${request.model}</td>
+                    <td>${request.tokens.toLocaleString()}</td>
+                    <td>
+                        <span class="status-badge ${statusClass}">
+                            <i class="fas fa-${statusIcon}"></i>
+                            ${request.status}
+                        </span>
+                    </td>
+                </tr>
+            `;
+        }).join('');
+    }
+
+    setupEventListeners() {
+        // Period buttons for requests chart
+        const periodButtons = document.querySelectorAll('.chart-control-btn[data-period]');
+        periodButtons.forEach(button => {
+            button.addEventListener('click', () => {
+                // Update active state
+                periodButtons.forEach(btn => btn.classList.remove('active'));
+                button.classList.add('active');
+                
+                // Update chart based on period
+                this.updateRequestsChart(button.dataset.period);
+            });
+        });
+        
+        // Refresh button for recent requests
+        const refreshBtn = document.querySelector('#recent-requests .card-action-btn');
+        if (refreshBtn) {
+            refreshBtn.addEventListener('click', () => {
+                this.loadRecentRequests();
+                if (window.authManager) {
+                    window.authManager.showToast('Recent requests refreshed', 'success');
+                }
+            });
+        }
+    }
+
+    setupWebSocketSubscriptions() {
+        if (!window.wsManager) return;
+        
+        // Subscribe to request updates
+        window.wsManager.subscribe('requests', (request) => {
+            this.handleNewRequest(request);
+        });
+        
+        // Subscribe to metric updates
+        window.wsManager.subscribe('metrics', (metric) => {
+            this.handleNewMetric(metric);
+        });
+    }
+
+    handleNewRequest(request) {
+        // Update total requests counter
+        if (this.stats) {
+            this.stats.totalRequests++;
+            this.stats.todayRequests++;
+            
+            // Update tokens if available
+            if (request.tokens) {
+                this.stats.totalTokens += request.tokens;
+            }
+            
+            // Re-render stats
+            this.renderStats();
+        }
+        
+        // Add to recent requests table
+        this.addToRecentRequests(request);
+    }
+
+    addToRecentRequests(request) {
+        const tableBody = document.querySelector('#recent-requests tbody');
+        if (!tableBody) return;
+        
+        const time = new Date(request.timestamp || Date.now()).toLocaleTimeString();
+        const statusClass = request.status === 'success' ? 'success' : 
+                          request.status === 'error' ? 'danger' : 'warning';
+        const statusIcon = request.status === 'success' ? 'check-circle' :
+                          request.status === 'error' ? 'exclamation-circle' : 'exclamation-triangle';
+        
+        const row = document.createElement('tr');
+        row.innerHTML = `
+            <td>${time}</td>
+            <td>${request.client_id || 'Unknown'}</td>
+            <td>${request.provider || 'Unknown'}</td>
+            <td>${request.model || 'Unknown'}</td>
+            <td>${request.tokens || 0}</td>
+            <td>
+                <span class="status-badge ${statusClass}">
+                    <i class="fas fa-${statusIcon}"></i>
+                    ${request.status || 'unknown'}
+                </span>
+            </td>
+        `;
+        
+        // Add to top of table
+        tableBody.insertBefore(row, tableBody.firstChild);
+        
+        // Limit to 50 rows
+        const rows = tableBody.querySelectorAll('tr');
+        if (rows.length > 50) {
+            tableBody.removeChild(rows[rows.length - 1]);
+        }
+    }
+
+    handleNewMetric(metric) {
+        // Update charts with new metric data
+        if (metric.type === 'requests' && this.charts.requests) {
+            this.updateRequestsChartData(metric);
+        }
+        
+        // Update system health if needed
+        if (metric.type === 'system_health') {
+            this.updateSystemHealth(metric);
+        }
+    }
+
+    updateRequestsChart(period) {
+        // In a real app, this would fetch new data based on period
+        // For now, just update with demo data
+        let hours = 24;
+        if (period === '7d') hours = 24 * 7;
+        if (period === '30d') hours = 24 * 30;
+        
+        const data = window.chartManager.generateDemoTimeSeries(hours, 1);
+        data.datasets[0].label = 'Requests';
+        data.datasets[0].fill = true;
+        
+        window.chartManager.updateChartData('requests-chart', data);
+    }
+
+    updateRequestsChartData(metric) {
+        // Add new data point to the chart
+        if (this.charts.requests && metric.value !== undefined) {
+            window.chartManager.addDataPoint('requests-chart', metric.value);
+        }
+    }
+
+    updateSystemHealth(metric) {
+        // Update system health indicators
+        const container = document.getElementById('system-health');
+        if (!container || !metric.data) return;
+        
+        // This would update specific health indicators based on metric data
+        // Implementation depends on metric structure
+    }
+
+    showError(message) {
+        const container = document.getElementById('overview-stats');
+        if (container) {
+            container.innerHTML = `
+                <div class="error-message" style="grid-column: 1 / -1;">
+                    <i class="fas fa-exclamation-circle"></i>
+                    <span>${message}</span>
+                </div>
+            `;
+        }
+    }
+
+    refresh() {
+        this.loadStats();
+        this.loadRecentRequests();
+        
+        // Refresh charts
+        if (this.charts.requests) {
+            this.charts.requests.update();
+        }
+        if (this.charts.providers) {
+            this.charts.providers.update();
+        }
+    }
+}
+
+// Initialize overview page when needed
+window.initOverview = async () => {
+    window.overviewPage = new OverviewPage();
+};
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = OverviewPage;
+}
\ No newline at end of file
diff --git a/static/js/pages/providers.js b/static/js/pages/providers.js
new file mode 100644
index 00000000..c67d25c8
--- /dev/null
+++ b/static/js/pages/providers.js
@@ -0,0 +1,650 @@
+// Providers Page Module
+
+class ProvidersPage {
+    constructor() {
+        this.providers = [];
+        this.init();
+    }
+
+    async init() {
+        // Load data
+        await this.loadProviderStats();
+        await this.loadProvidersList();
+        await this.loadModelsList();
+        await this.loadConnectionTests();
+        
+        // Setup event listeners
+        this.setupEventListeners();
+    }
+
+    async loadProviderStats() {
+        const container = document.getElementById('provider-stats');
+        if (!container) return;
+        
+        container.innerHTML = `
+            <div class="stat-card">
+                <div class="stat-icon primary">
+                    <i class="fas fa-server"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">4</div>
+                    <div class="stat-label">Total Providers</div>
+                    <div class="stat-change">
+                        <i class="fas fa-check-circle"></i>
+                        3 active
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon success">
+                    <i class="fas fa-plug"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">3</div>
+                    <div class="stat-label">Connected</div>
+                    <div class="stat-change positive">
+                        <i class="fas fa-arrow-up"></i>
+                        All systems operational
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon warning">
+                    <i class="fas fa-exclamation-triangle"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">1</div>
+                    <div class="stat-label">Issues</div>
+                    <div class="stat-change">
+                        <i class="fas fa-info-circle"></i>
+                        DeepSeek: 85% health
+                    </div>
+                </div>
+            </div>
+            
+            <div class="stat-card">
+                <div class="stat-icon danger">
+                    <i class="fas fa-times-circle"></i>
+                </div>
+                <div class="stat-content">
+                    <div class="stat-value">1</div>
+                    <div class="stat-label">Offline</div>
+                    <div class="stat-change">
+                        <i class="fas fa-redo"></i>
+                        Grok: Connection failed
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+
+    async loadProvidersList() {
+        const container = document.getElementById('providers-list');
+        if (!container) return;
+        
+        this.providers = [
+            { name: 'OpenAI', enabled: true, status: 'online', apiKey: 'sk-*****123', models: ['gpt-4', 'gpt-3.5-turbo'], lastUsed: '2024-01-15 14:32:15' },
+            { name: 'Gemini', enabled: true, status: 'online', apiKey: 'AIza*****456', models: ['gemini-pro', 'gemini-pro-vision'], lastUsed: '2024-01-15 14:30:45' },
+            { name: 'DeepSeek', enabled: true, status: 'warning', apiKey: 'sk-*****789', models: ['deepseek-chat', 'deepseek-coder'], lastUsed: '2024-01-15 14:28:12' },
+            { name: 'Grok', enabled: false, status: 'offline', apiKey: 'gk-*****012', models: ['grok-beta'], lastUsed: '2024-01-12 10:15:22' }
+        ];
+        
+        container.innerHTML = this.providers.map(provider => {
+            const statusClass = provider.status === 'online' ? 'success' : 
+                              provider.status === 'warning' ? 'warning' : 'danger';
+            const statusIcon = provider.status === 'online' ? 'check-circle' :
+                              provider.status === 'warning' ? 'exclamation-triangle' : 'times-circle';
+            
+            return `
+                <div class="provider-card">
+                    <div class="provider-header">
+                        <div class="provider-info">
+                            <h4 class="provider-name">${provider.name}</h4>
+                            <span class="status-badge ${statusClass}">
+                                <i class="fas fa-${statusIcon}"></i>
+                                ${provider.status}
+                            </span>
+                        </div>
+                        <div class="provider-actions">
+                            <label class="toggle-switch">
+                                <input type="checkbox" ${provider.enabled ? 'checked' : ''} data-provider="${provider.name}">
+                                <span class="toggle-slider"></span>
+                            </label>
+                            <button class="btn-action" title="Configure" data-action="configure" data-provider="${provider.name}">
+                                <i class="fas fa-cog"></i>
+                            </button>
+                            <button class="btn-action" title="Test Connection" data-action="test" data-provider="${provider.name}">
+                                <i class="fas fa-play"></i>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="provider-details">
+                        <div class="detail-item">
+                            <span class="detail-label">API Key:</span>
+                            <code class="detail-value">${provider.apiKey}</code>
+                            <button class="btn-copy" data-text="${provider.apiKey}" title="Copy">
+                                <i class="fas fa-copy"></i>
+                            </button>
+                        </div>
+                        <div class="detail-item">
+                            <span class="detail-label">Models:</span>
+                            <span class="detail-value">${provider.models.join(', ')}</span>
+                        </div>
+                        <div class="detail-item">
+                            <span class="detail-label">Last Used:</span>
+                            <span class="detail-value">${provider.lastUsed}</span>
+                        </div>
+                    </div>
+                </div>
+            `;
+        }).join('');
+        
+        // Add CSS for provider cards
+        this.addProviderStyles();
+    }
+
+    addProviderStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .provider-card {
+                background-color: var(--bg-card);
+                border: 1px solid var(--border-color);
+                border-radius: var(--border-radius);
+                padding: 1rem;
+                margin-bottom: 1rem;
+            }
+            
+            .provider-header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 1rem;
+            }
+            
+            .provider-info {
+                display: flex;
+                align-items: center;
+                gap: 0.5rem;
+            }
+            
+            .provider-name {
+                font-size: 1rem;
+                font-weight: 600;
+                color: var(--text-primary);
+                margin: 0;
+            }
+            
+            .provider-actions {
+                display: flex;
+                align-items: center;
+                gap: 0.5rem;
+            }
+            
+            .toggle-switch {
+                position: relative;
+                display: inline-block;
+                width: 50px;
+                height: 24px;
+            }
+            
+            .toggle-switch input {
+                opacity: 0;
+                width: 0;
+                height: 0;
+            }
+            
+            .toggle-slider {
+                position: absolute;
+                cursor: pointer;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background-color: var(--text-light);
+                transition: .4s;
+                border-radius: 24px;
+            }
+            
+            .toggle-slider:before {
+                position: absolute;
+                content: "";
+                height: 16px;
+                width: 16px;
+                left: 4px;
+                bottom: 4px;
+                background-color: white;
+                transition: .4s;
+                border-radius: 50%;
+            }
+            
+            input:checked + .toggle-slider {
+                background-color: var(--success);
+            }
+            
+            input:checked + .toggle-slider:before {
+                transform: translateX(26px);
+            }
+            
+            .provider-details {
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+                gap: 0.75rem;
+                font-size: 0.875rem;
+            }
+            
+            .detail-item {
+                display: flex;
+                align-items: center;
+                gap: 0.5rem;
+            }
+            
+            .detail-label {
+                color: var(--text-secondary);
+                font-weight: 500;
+                min-width: 70px;
+            }
+            
+            .detail-value {
+                color: var(--text-primary);
+                flex: 1;
+            }
+            
+            .btn-copy {
+                background: none;
+                border: none;
+                color: var(--text-secondary);
+                cursor: pointer;
+                font-size: 0.75rem;
+                padding: 0.25rem;
+                transition: color 0.2s ease;
+            }
+            
+            .btn-copy:hover {
+                color: var(--primary);
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    async loadModelsList() {
+        const container = document.getElementById('models-list');
+        if (!container) return;
+        
+        const models = [
+            { provider: 'OpenAI', name: 'gpt-4', enabled: true, context: 8192, maxTokens: 4096 },
+            { provider: 'OpenAI', name: 'gpt-3.5-turbo', enabled: true, context: 16384, maxTokens: 4096 },
+            { provider: 'Gemini', name: 'gemini-pro', enabled: true, context: 32768, maxTokens: 8192 },
+            { provider: 'Gemini', name: 'gemini-pro-vision', enabled: true, context: 32768, maxTokens: 4096 },
+            { provider: 'DeepSeek', name: 'deepseek-chat', enabled: true, context: 16384, maxTokens: 4096 },
+            { provider: 'DeepSeek', name: 'deepseek-coder', enabled: true, context: 16384, maxTokens: 4096 },
+            { provider: 'Grok', name: 'grok-beta', enabled: false, context: 8192, maxTokens: 2048 }
+        ];
+        
+        container.innerHTML = models.map(model => `
+            <div class="model-item">
+                <div class="model-header">
+                    <span class="model-name">${model.name}</span>
+                    <span class="model-provider">${model.provider}</span>
+                </div>
+                <div class="model-details">
+                    <span class="model-detail">
+                        <i class="fas fa-microchip"></i>
+                        Context: ${model.context.toLocaleString()} tokens
+                    </span>
+                    <span class="model-detail">
+                        <i class="fas fa-ruler"></i>
+                        Max: ${model.maxTokens.toLocaleString()} tokens
+                    </span>
+                    <span class="model-status ${model.enabled ? 'enabled' : 'disabled'}">
+                        <i class="fas fa-${model.enabled ? 'check' : 'times'}"></i>
+                        ${model.enabled ? 'Enabled' : 'Disabled'}
+                    </span>
+                </div>
+            </div>
+        `).join('');
+        
+        // Add CSS for model items
+        this.addModelStyles();
+    }
+
+    addModelStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .model-item {
+                background-color: var(--bg-secondary);
+                border-radius: var(--border-radius-sm);
+                padding: 0.75rem;
+                margin-bottom: 0.5rem;
+            }
+            
+            .model-header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 0.5rem;
+            }
+            
+            .model-name {
+                font-weight: 600;
+                color: var(--text-primary);
+            }
+            
+            .model-provider {
+                font-size: 0.75rem;
+                color: var(--text-secondary);
+                background-color: var(--bg-primary);
+                padding: 0.25rem 0.5rem;
+                border-radius: 12px;
+            }
+            
+            .model-details {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 1rem;
+                font-size: 0.75rem;
+            }
+            
+            .model-detail {
+                display: flex;
+                align-items: center;
+                gap: 0.25rem;
+                color: var(--text-secondary);
+            }
+            
+            .model-detail i {
+                font-size: 0.625rem;
+            }
+            
+            .model-status {
+                font-size: 0.75rem;
+                padding: 0.125rem 0.5rem;
+                border-radius: 12px;
+            }
+            
+            .model-status.enabled {
+                background-color: rgba(16, 185, 129, 0.1);
+                color: var(--success);
+            }
+            
+            .model-status.disabled {
+                background-color: rgba(239, 68, 68, 0.1);
+                color: var(--danger);
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    async loadConnectionTests() {
+        const container = document.getElementById('connection-tests');
+        if (!container) return;
+        
+        const tests = [
+            { provider: 'OpenAI', status: 'success', latency: 245, timestamp: '2024-01-15 14:35:00' },
+            { provider: 'Gemini', status: 'success', latency: 189, timestamp: '2024-01-15 14:34:30' },
+            { provider: 'DeepSeek', status: 'warning', latency: 520, timestamp: '2024-01-15 14:34:00' },
+            { provider: 'Grok', status: 'error', latency: null, timestamp: '2024-01-15 14:33:30' }
+        ];
+        
+        container.innerHTML = tests.map(test => {
+            const statusClass = test.status === 'success' ? 'success' : 
+                              test.status === 'warning' ? 'warning' : 'danger';
+            const statusIcon = test.status === 'success' ? 'check-circle' :
+                              test.status === 'warning' ? 'exclamation-triangle' : 'times-circle';
+            
+            return `
+                <div class="test-result">
+                    <div class="test-provider">${test.provider}</div>
+                    <div class="test-status">
+                        <span class="status-badge ${statusClass}">
+                            <i class="fas fa-${statusIcon}"></i>
+                            ${test.status}
+                        </span>
+                    </div>
+                    <div class="test-latency">${test.latency ? `${test.latency}ms` : 'N/A'}</div>
+                    <div class="test-time">${test.timestamp}</div>
+                </div>
+            `;
+        }).join('');
+        
+        // Add CSS for test results
+        this.addTestStyles();
+    }
+
+    addTestStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .test-result {
+                display: grid;
+                grid-template-columns: 1fr 1fr 1fr 2fr;
+                gap: 1rem;
+                align-items: center;
+                padding: 0.75rem;
+                border-bottom: 1px solid var(--border-color);
+            }
+            
+            .test-result:last-child {
+                border-bottom: none;
+            }
+            
+            .test-provider {
+                font-weight: 500;
+                color: var(--text-primary);
+            }
+            
+            .test-latency {
+                color: var(--text-secondary);
+                font-family: monospace;
+            }
+            
+            .test-time {
+                color: var(--text-light);
+                font-size: 0.75rem;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    setupEventListeners() {
+        // Test all providers button
+        const testAllBtn = document.getElementById('test-all-providers');
+        if (testAllBtn) {
+            testAllBtn.addEventListener('click', () => {
+                this.testAllProviders();
+            });
+        }
+        
+        // Toggle switches
+        document.addEventListener('change', (e) => {
+            if (e.target.matches('.toggle-switch input')) {
+                const provider = e.target.dataset.provider;
+                const enabled = e.target.checked;
+                this.toggleProvider(provider, enabled);
+            }
+        });
+        
+        // Action buttons
+        document.addEventListener('click', (e) => {
+            if (e.target.closest('.btn-action')) {
+                const button = e.target.closest('.btn-action');
+                const action = button.dataset.action;
+                const provider = button.dataset.provider;
+                
+                switch (action) {
+                    case 'configure':
+                        this.configureProvider(provider);
+                        break;
+                    case 'test':
+                        this.testProvider(provider);
+                        break;
+                }
+            }
+            
+            // Copy buttons
+            if (e.target.closest('.btn-copy')) {
+                const button = e.target.closest('.btn-copy');
+                const text = button.dataset.text;
+                this.copyToClipboard(text);
+                
+                if (window.authManager) {
+                    window.authManager.showToast('Copied to clipboard', 'success');
+                }
+            }
+        });
+    }
+
+    toggleProvider(providerName, enabled) {
+        const provider = this.providers.find(p => p.name === providerName);
+        if (!provider) return;
+        
+        // In a real app, this would update the provider via API
+        provider.enabled = enabled;
+        provider.status = enabled ? 'online' : 'offline';
+        
+        if (window.authManager) {
+            window.authManager.showToast(
+                `${providerName} ${enabled ? 'enabled' : 'disabled'}`,
+                enabled ? 'success' : 'warning'
+            );
+        }
+        
+        // Refresh providers list
+        this.loadProvidersList();
+    }
+
+    configureProvider(providerName) {
+        const provider = this.providers.find(p => p.name === providerName);
+        if (!provider) return;
+        
+        // Show configuration modal
+        const modal = document.createElement('div');
+        modal.className = 'modal active';
+        modal.innerHTML = `
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3 class="modal-title">Configure ${providerName}</h3>
+                    <button class="modal-close">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <form id="configure-provider-form">
+                        <div class="form-control">
+                            <label for="api-key">API Key</label>
+                            <input type="password" id="api-key" value="${provider.apiKey}" placeholder="Enter API key" required>
+                        </div>
+                        <div class="form-control">
+                            <label for="base-url">Base URL (Optional)</label>
+                            <input type="text" id="base-url" placeholder="https://api.openai.com/v1">
+                        </div>
+                        <div class="form-control">
+                            <label for="timeout">Timeout (seconds)</label>
+                            <input type="number" id="timeout" value="30" min="1" max="300">
+                        </div>
+                        <div class="form-control">
+                            <label for="retry-count">Retry Count</label>
+                            <input type="number" id="retry-count" value="3" min="0" max="10">
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-secondary close-modal">Cancel</button>
+                    <button class="btn btn-primary save-config">Save Configuration</button>
+                </div>
+            </div>
+        `;
+        
+        document.body.appendChild(modal);
+        
+        // Setup event listeners
+        const closeBtn = modal.querySelector('.modal-close');
+        const closeModalBtn = modal.querySelector('.close-modal');
+        const saveBtn = modal.querySelector('.save-config');
+        
+        const closeModal = () => {
+            modal.classList.remove('active');
+            setTimeout(() => modal.remove(), 300);
+        };
+        
+        closeBtn.addEventListener('click', closeModal);
+        closeModalBtn.addEventListener('click', closeModal);
+        
+        saveBtn.addEventListener('click', () => {
+            // In a real app, this would save provider configuration
+            if (window.authManager) {
+                window.authManager.showToast(`${providerName} configuration saved`, 'success');
+            }
+            closeModal();
+        });
+        
+        // Close on background click
+        modal.addEventListener('click', (e) => {
+            if (e.target === modal) {
+                closeModal();
+            }
+        });
+    }
+
+    testProvider(providerName) {
+        const provider = this.providers.find(p => p.name === providerName);
+        if (!provider) return;
+        
+        // Show testing in progress
+        if (window.authManager) {
+            window.authManager.showToast(`Testing ${providerName} connection...`, 'info');
+        }
+        
+        // Simulate API test
+        setTimeout(() => {
+            // In a real app, this would test the provider connection via API
+            const success = Math.random() > 0.3; // 70% success rate for demo
+            
+            if (window.authManager) {
+                window.authManager.showToast(
+                    `${providerName} connection ${success ? 'successful' : 'failed'}`,
+                    success ? 'success' : 'error'
+                );
+            }
+            
+            // Refresh connection tests
+            this.loadConnectionTests();
+        }, 1500);
+    }
+
+    testAllProviders() {
+        if (window.authManager) {
+            window.authManager.showToast('Testing all providers...', 'info');
+        }
+        
+        // Test each provider sequentially
+        this.providers.forEach((provider, index) => {
+            setTimeout(() => {
+                this.testProvider(provider.name);
+            }, index * 2000); // Stagger tests
+        });
+    }
+
+    copyToClipboard(text) {
+        navigator.clipboard.writeText(text).catch(err => {
+            console.error('Failed to copy:', err);
+        });
+    }
+
+    refresh() {
+        this.loadProviderStats();
+        this.loadProvidersList();
+        this.loadModelsList();
+        this.loadConnectionTests();
+    }
+}
+
+// Initialize providers page when needed
+window.initProviders = async () => {
+    window.providersPage = new ProvidersPage();
+};
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = ProvidersPage;
+}
\ No newline at end of file
diff --git a/static/js/pages/settings.js b/static/js/pages/settings.js
new file mode 100644
index 00000000..98050582
--- /dev/null
+++ b/static/js/pages/settings.js
@@ -0,0 +1,318 @@
+// Settings Page Module
+
+class SettingsPage {
+    constructor() {
+        this.settings = {};
+        this.init();
+    }
+
+    async init() {
+        // Load settings
+        await this.loadSettings();
+        await this.loadSystemInfo();
+        
+        // Setup event listeners
+        this.setupEventListeners();
+    }
+
+    async loadSettings() {
+        try {
+            // In a real app, this would fetch from /api/settings
+            this.settings = {
+                serverPort: 8080,
+                logLevel: 'info',
+                dbPath: './data/llm-proxy.db',
+                backupInterval: 24,
+                sessionTimeout: 30,
+                enableRateLimiting: true,
+                enableCostTracking: true,
+                enableMetrics: true,
+                enableWebSocket: true
+            };
+            
+            this.renderSettingsForm();
+            
+        } catch (error) {
+            console.error('Error loading settings:', error);
+        }
+    }
+
+    renderSettingsForm() {
+        const form = document.getElementById('settings-form');
+        if (!form) return;
+        
+        // Server port
+        const portInput = document.getElementById('server-port');
+        if (portInput) portInput.value = this.settings.serverPort;
+        
+        // Log level
+        const logLevelSelect = document.getElementById('log-level');
+        if (logLevelSelect) logLevelSelect.value = this.settings.logLevel;
+        
+        // Database path
+        const dbPathInput = document.getElementById('db-path');
+        if (dbPathInput) dbPathInput.value = this.settings.dbPath;
+        
+        // Backup interval
+        const backupInput = document.getElementById('backup-interval');
+        if (backupInput) backupInput.value = this.settings.backupInterval;
+        
+        // Session timeout
+        const sessionInput = document.getElementById('session-timeout');
+        if (sessionInput) sessionInput.value = this.settings.sessionTimeout;
+    }
+
+    async loadSystemInfo() {
+        const container = document.getElementById('system-info');
+        if (!container) return;
+        
+        // In a real app, this would fetch system information
+        const systemInfo = {
+            version: '1.0.0',
+            uptime: '5 days, 3 hours',
+            platform: 'Linux x86_64',
+            node: 'v18.17.0',
+            memory: '2.4 GB / 8.0 GB',
+            disk: '45 GB / 256 GB',
+            lastBackup: '2024-01-15 02:00:00',
+            lastRestart: '2024-01-10 14:30:00'
+        };
+        
+        container.innerHTML = `
+            <div class="info-grid">
+                <div class="info-item">
+                    <span class="info-label">Version:</span>
+                    <span class="info-value">${systemInfo.version}</span>
+                </div>
+                <div class="info-item">
+                    <span class="info-label">Uptime:</span>
+                    <span class="info-value">${systemInfo.uptime}</span>
+                </div>
+                <div class="info-item">
+                    <span class="info-label">Platform:</span>
+                    <span class="info-value">${systemInfo.platform}</span>
+                </div>
+                <div class="info-item">
+                    <span class="info-label">Node.js:</span>
+                    <span class="info-value">${systemInfo.node}</span>
+                </div>
+                <div class="info-item">
+                    <span class="info-label">Memory:</span>
+                    <span class="info-value">${systemInfo.memory}</span>
+                </div>
+                <div class="info-item">
+                    <span class="info-label">Disk:</span>
+                    <span class="info-value">${systemInfo.disk}</span>
+                </div>
+                <div class="info-item">
+                    <span class="info-label">Last Backup:</span>
+                    <span class="info-value">${systemInfo.lastBackup}</span>
+                </div>
+                <div class="info-item">
+                    <span class="info-label">Last Restart:</span>
+                    <span class="info-value">${systemInfo.lastRestart}</span>
+                </div>
+            </div>
+        `;
+        
+        // Add CSS for info grid
+        this.addInfoStyles();
+    }
+
+    addInfoStyles() {
+        const style = document.createElement('style');
+        style.textContent = `
+            .info-grid {
+                display: grid;
+                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+                gap: 1rem;
+            }
+            
+            .info-item {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: 0.75rem;
+                background-color: var(--bg-secondary);
+                border-radius: var(--border-radius-sm);
+            }
+            
+            .info-label {
+                font-size: 0.875rem;
+                color: var(--text-secondary);
+                font-weight: 500;
+            }
+            
+            .info-value {
+                font-size: 0.875rem;
+                color: var(--text-primary);
+                font-family: monospace;
+            }
+            
+            .form-section {
+                margin-bottom: 2rem;
+                padding-bottom: 1.5rem;
+                border-bottom: 1px solid var(--border-color);
+            }
+            
+            .form-section:last-child {
+                border-bottom: none;
+                margin-bottom: 0;
+            }
+            
+            .form-section h4 {
+                font-size: 1rem;
+                font-weight: 600;
+                color: var(--text-primary);
+                margin-bottom: 1rem;
+            }
+        `;
+        document.head.appendChild(style);
+    }
+
+    setupEventListeners() {
+        // Settings form
+        const form = document.getElementById('settings-form');
+        if (form) {
+            form.addEventListener('submit', (e) => {
+                e.preventDefault();
+                this.saveSettings();
+            });
+        }
+        
+        // Reset settings button
+        const resetBtn = document.getElementById('reset-settings');
+        if (resetBtn) {
+            resetBtn.addEventListener('click', () => {
+                this.resetSettings();
+            });
+        }
+        
+        // Database management buttons
+        const backupBtn = document.getElementById('backup-db');
+        if (backupBtn) {
+            backupBtn.addEventListener('click', () => {
+                this.backupDatabase();
+            });
+        }
+        
+        const optimizeBtn = document.getElementById('optimize-db');
+        if (optimizeBtn) {
+            optimizeBtn.addEventListener('click', () => {
+                this.optimizeDatabase();
+            });
+        }
+    }
+
+    saveSettings() {
+        // Collect form values
+        const settings = {
+            serverPort: parseInt(document.getElementById('server-port').value) || 8080,
+            logLevel: document.getElementById('log-level').value,
+            dbPath: document.getElementById('db-path').value,
+            backupInterval: parseInt(document.getElementById('backup-interval').value) || 24,
+            sessionTimeout: parseInt(document.getElementById('session-timeout').value) || 30,
+            dashboardPassword: document.getElementById('dashboard-password').value
+        };
+        
+        // Validate settings
+        if (settings.serverPort < 1024 || settings.serverPort > 65535) {
+            if (window.authManager) {
+                window.authManager.showToast('Server port must be between 1024 and 65535', 'error');
+            }
+            return;
+        }
+        
+        if (settings.backupInterval < 1 || settings.backupInterval > 168) {
+            if (window.authManager) {
+                window.authManager.showToast('Backup interval must be between 1 and 168 hours', 'error');
+            }
+            return;
+        }
+        
+        if (settings.sessionTimeout < 5 || settings.sessionTimeout > 1440) {
+            if (window.authManager) {
+                window.authManager.showToast('Session timeout must be between 5 and 1440 minutes', 'error');
+            }
+            return;
+        }
+        
+        // In a real app, this would save settings via API
+        this.settings = { ...this.settings, ...settings };
+        
+        if (window.authManager) {
+            window.authManager.showToast('Settings saved successfully', 'success');
+        }
+        
+        // Clear password field
+        document.getElementById('dashboard-password').value = '';
+    }
+
+    resetSettings() {
+        if (confirm('Are you sure you want to reset all settings to default values?')) {
+            // Reset to defaults
+            this.settings = {
+                serverPort: 8080,
+                logLevel: 'info',
+                dbPath: './data/llm-proxy.db',
+                backupInterval: 24,
+                sessionTimeout: 30,
+                enableRateLimiting: true,
+                enableCostTracking: true,
+                enableMetrics: true,
+                enableWebSocket: true
+            };
+            
+            this.renderSettingsForm();
+            
+            if (window.authManager) {
+                window.authManager.showToast('Settings reset to defaults', 'success');
+            }
+        }
+    }
+
+    backupDatabase() {
+        if (window.authManager) {
+            window.authManager.showToast('Starting database backup...', 'info');
+        }
+        
+        // Simulate backup process
+        setTimeout(() => {
+            // In a real app, this would trigger a database backup via API
+            if (window.authManager) {
+                window.authManager.showToast('Database backup completed successfully', 'success');
+            }
+        }, 2000);
+    }
+
+    optimizeDatabase() {
+        if (confirm('Optimize database? This may improve performance but could take a few moments.')) {
+            if (window.authManager) {
+                window.authManager.showToast('Optimizing database...', 'info');
+            }
+            
+            // Simulate optimization process
+            setTimeout(() => {
+                // In a real app, this would optimize the database via API
+                if (window.authManager) {
+                    window.authManager.showToast('Database optimization completed', 'success');
+                }
+            }, 3000);
+        }
+    }
+
+    refresh() {
+        this.loadSettings();
+        this.loadSystemInfo();
+    }
+}
+
+// Initialize settings page when needed
+window.initSettings = async () => {
+    window.settingsPage = new SettingsPage();
+};
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = SettingsPage;
+}
\ No newline at end of file
diff --git a/static/js/websocket.js b/static/js/websocket.js
new file mode 100644
index 00000000..ac54a60d
--- /dev/null
+++ b/static/js/websocket.js
@@ -0,0 +1,510 @@
+// WebSocket Manager for Real-time Updates
+
+class WebSocketManager {
+    constructor() {
+        this.ws = null;
+        this.reconnectAttempts = 0;
+        this.maxReconnectAttempts = 5;
+        this.reconnectDelay = 1000;
+        this.isConnected = false;
+        this.subscribers = new Map();
+        this.init();
+    }
+
+    init() {
+        this.connect();
+        this.setupStatusIndicator();
+        this.setupAutoReconnect();
+    }
+
+    connect() {
+        try {
+            // Determine WebSocket URL
+            const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+            const host = window.location.host;
+            const wsUrl = `${protocol}//${host}/ws`;
+            
+            this.ws = new WebSocket(wsUrl);
+            
+            this.ws.onopen = () => this.onOpen();
+            this.ws.onclose = () => this.onClose();
+            this.ws.onerror = (error) => this.onError(error);
+            this.ws.onmessage = (event) => this.onMessage(event);
+            
+        } catch (error) {
+            console.error('WebSocket connection error:', error);
+            this.scheduleReconnect();
+        }
+    }
+
+    onOpen() {
+        console.log('WebSocket connected');
+        this.isConnected = true;
+        this.reconnectAttempts = 0;
+        this.updateStatus('connected');
+        
+        // Notify subscribers
+        this.notify('connection', { status: 'connected' });
+        
+        // Send authentication if needed
+        if (window.authManager && window.authManager.token) {
+            this.send({
+                type: 'auth',
+                token: window.authManager.token
+            });
+        }
+        
+        // Subscribe to default channels
+        this.send({
+            type: 'subscribe',
+            channels: ['requests', 'metrics', 'logs']
+        });
+    }
+
+    onClose() {
+        console.log('WebSocket disconnected');
+        this.isConnected = false;
+        this.updateStatus('disconnected');
+        
+        // Notify subscribers
+        this.notify('connection', { status: 'disconnected' });
+        
+        // Schedule reconnection
+        this.scheduleReconnect();
+    }
+
+    onError(error) {
+        console.error('WebSocket error:', error);
+        this.updateStatus('error');
+    }
+
+    onMessage(event) {
+        try {
+            const data = JSON.parse(event.data);
+            this.handleMessage(data);
+        } catch (error) {
+            console.error('Error parsing WebSocket message:', error);
+        }
+    }
+
+    handleMessage(data) {
+        const { type, channel, payload } = data;
+        
+        // Notify channel subscribers
+        if (channel && this.subscribers.has(channel)) {
+            this.subscribers.get(channel).forEach(callback => {
+                try {
+                    callback(payload);
+                } catch (error) {
+                    console.error('Error in WebSocket callback:', error);
+                }
+            });
+        }
+        
+        // Handle specific message types
+        switch (type) {
+            case 'request':
+                this.handleRequest(payload);
+                break;
+            case 'metric':
+                this.handleMetric(payload);
+                break;
+            case 'log':
+                this.handleLog(payload);
+                break;
+            case 'system':
+                this.handleSystem(payload);
+                break;
+            case 'error':
+                this.handleError(payload);
+                break;
+        }
+    }
+
+    handleRequest(request) {
+        // Update request counters
+        this.updateRequestCounters(request);
+        
+        // Add to recent requests if on overview page
+        if (window.dashboard && window.dashboard.currentPage === 'overview') {
+            this.addRecentRequest(request);
+        }
+        
+        // Update monitoring stream if on monitoring page
+        if (window.dashboard && window.dashboard.currentPage === 'monitoring') {
+            this.addToMonitoringStream(request);
+        }
+    }
+
+    handleMetric(metric) {
+        // Update charts with new metric data
+        this.updateCharts(metric);
+        
+        // Update system metrics display
+        this.updateSystemMetrics(metric);
+    }
+
+    handleLog(log) {
+        // Add to logs table if on logs page
+        if (window.dashboard && window.dashboard.currentPage === 'logs') {
+            this.addLogEntry(log);
+        }
+        
+        // Add to monitoring logs if on monitoring page
+        if (window.dashboard && window.dashboard.currentPage === 'monitoring') {
+            this.addToLogStream(log);
+        }
+    }
+
+    handleSystem(system) {
+        // Update system health indicators
+        this.updateSystemHealth(system);
+    }
+
+    handleError(error) {
+        console.error('Server error:', error);
+        
+        // Show error toast
+        if (window.authManager) {
+            window.authManager.showToast(error.message || 'Server error', 'error');
+        }
+    }
+
+    send(data) {
+        if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+            this.ws.send(JSON.stringify(data));
+            return true;
+        } else {
+            console.warn('WebSocket not connected, message not sent:', data);
+            return false;
+        }
+    }
+
+    subscribe(channel, callback) {
+        if (!this.subscribers.has(channel)) {
+            this.subscribers.set(channel, new Set());
+        }
+        this.subscribers.get(channel).add(callback);
+        
+        // Send subscription to server
+        this.send({
+            type: 'subscribe',
+            channels: [channel]
+        });
+        
+        // Return unsubscribe function
+        return () => this.unsubscribe(channel, callback);
+    }
+
+    unsubscribe(channel, callback) {
+        if (this.subscribers.has(channel)) {
+            this.subscribers.get(channel).delete(callback);
+            
+            // If no more subscribers, unsubscribe from server
+            if (this.subscribers.get(channel).size === 0) {
+                this.send({
+                    type: 'unsubscribe',
+                    channels: [channel]
+                });
+            }
+        }
+    }
+
+    notify(channel, data) {
+        if (this.subscribers.has(channel)) {
+            this.subscribers.get(channel).forEach(callback => {
+                try {
+                    callback(data);
+                } catch (error) {
+                    console.error('Error in notification callback:', error);
+                }
+            });
+        }
+    }
+
+    scheduleReconnect() {
+        if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+            console.warn('Max reconnection attempts reached');
+            return;
+        }
+        
+        this.reconnectAttempts++;
+        const delay = this.reconnectDelay * Math.pow(2, this.reconnectAttempts - 1);
+        
+        console.log(`Scheduling reconnection in ${delay}ms (attempt ${this.reconnectAttempts})`);
+        
+        setTimeout(() => {
+            if (!this.isConnected) {
+                this.connect();
+            }
+        }, delay);
+    }
+
+    setupAutoReconnect() {
+        // Reconnect when browser comes online
+        window.addEventListener('online', () => {
+            if (!this.isConnected) {
+                console.log('Browser online, attempting to reconnect...');
+                this.connect();
+            }
+        });
+        
+        // Keepalive ping
+        setInterval(() => {
+            if (this.isConnected) {
+                this.send({ type: 'ping' });
+            }
+        }, 30000);
+    }
+
+    setupStatusIndicator() {
+        // Status indicator is already in the HTML
+        // This function just ensures it's properly styled
+    }
+
+    updateStatus(status) {
+        const statusElement = document.getElementById('ws-status');
+        if (!statusElement) return;
+        
+        const dot = statusElement.querySelector('.ws-dot');
+        const text = statusElement.querySelector('.ws-text');
+        
+        if (!dot || !text) return;
+        
+        // Remove all status classes
+        dot.classList.remove('connected', 'disconnected');
+        statusElement.classList.remove('connected', 'disconnected');
+        
+        // Add new status class
+        dot.classList.add(status);
+        statusElement.classList.add(status);
+        
+        // Update text
+        const statusText = {
+            'connected': 'Connected',
+            'disconnected': 'Disconnected',
+            'connecting': 'Connecting...',
+            'error': 'Connection Error'
+        };
+        
+        text.textContent = statusText[status] || status;
+    }
+
+    // Helper methods for updating UI
+    updateRequestCounters(request) {
+        // Update request counters in overview stats
+        const requestCountElement = document.querySelector('[data-stat="total-requests"]');
+        if (requestCountElement) {
+            const currentCount = parseInt(requestCountElement.textContent) || 0;
+            requestCountElement.textContent = currentCount + 1;
+        }
+        
+        // Update token counters
+        const tokenCountElement = document.querySelector('[data-stat="total-tokens"]');
+        if (tokenCountElement && request.tokens) {
+            const currentTokens = parseInt(tokenCountElement.textContent) || 0;
+            tokenCountElement.textContent = currentTokens + request.tokens;
+        }
+    }
+
+    addRecentRequest(request) {
+        const tableBody = document.querySelector('#recent-requests tbody');
+        if (!tableBody) return;
+        
+        const row = document.createElement('tr');
+        
+        // Format time
+        const time = new Date(request.timestamp || Date.now()).toLocaleTimeString();
+        
+        // Format status badge
+        const statusClass = request.status === 'success' ? 'success' : 
+                          request.status === 'error' ? 'danger' : 'warning';
+        const statusIcon = request.status === 'success' ? 'check-circle' :
+                          request.status === 'error' ? 'exclamation-circle' : 'exclamation-triangle';
+        
+        row.innerHTML = `
+            <td>${time}</td>
+            <td>${request.client_id || 'Unknown'}</td>
+            <td>${request.provider || 'Unknown'}</td>
+            <td>${request.model || 'Unknown'}</td>
+            <td>${request.tokens || 0}</td>
+            <td>
+                <span class="status-badge ${statusClass}">
+                    <i class="fas fa-${statusIcon}"></i>
+                    ${request.status || 'unknown'}
+                </span>
+            </td>
+        `;
+        
+        // Add to top of table
+        tableBody.insertBefore(row, tableBody.firstChild);
+        
+        // Limit to 50 rows
+        const rows = tableBody.querySelectorAll('tr');
+        if (rows.length > 50) {
+            tableBody.removeChild(rows[rows.length - 1]);
+        }
+    }
+
+    addToMonitoringStream(request) {
+        const streamElement = document.getElementById('request-stream');
+        if (!streamElement) return;
+        
+        const entry = document.createElement('div');
+        entry.className = 'stream-entry';
+        
+        // Format time
+        const time = new Date().toLocaleTimeString();
+        
+        // Determine icon based on status
+        let icon = 'question-circle';
+        let color = 'var(--text-secondary)';
+        
+        if (request.status === 'success') {
+            icon = 'check-circle';
+            color = 'var(--success)';
+        } else if (request.status === 'error') {
+            icon = 'exclamation-circle';
+            color = 'var(--danger)';
+        }
+        
+        entry.innerHTML = `
+            <div class="stream-entry-time">${time}</div>
+            <div class="stream-entry-icon" style="color: ${color}">
+                <i class="fas fa-${icon}"></i>
+            </div>
+            <div class="stream-entry-content">
+                <strong>${request.client_id || 'Unknown'}</strong> → 
+                ${request.provider || 'Unknown'} (${request.model || 'Unknown'})
+                <div class="stream-entry-details">
+                    ${request.tokens || 0} tokens • ${request.duration || 0}ms
+                </div>
+            </div>
+        `;
+        
+        // Add to top of stream
+        streamElement.insertBefore(entry, streamElement.firstChild);
+        
+        // Limit to 20 entries
+        const entries = streamElement.querySelectorAll('.stream-entry');
+        if (entries.length > 20) {
+            streamElement.removeChild(entries[entries.length - 1]);
+        }
+        
+        // Add highlight animation
+        entry.classList.add('highlight');
+        setTimeout(() => entry.classList.remove('highlight'), 1000);
+    }
+
+    updateCharts(metric) {
+        // This would update Chart.js charts with new data
+        // Implementation depends on specific chart setup
+    }
+
+    updateSystemMetrics(metric) {
+        const metricsElement = document.getElementById('system-metrics');
+        if (!metricsElement) return;
+        
+        // Update specific metric displays
+        // This is a simplified example
+    }
+
+    addLogEntry(log) {
+        const tableBody = document.querySelector('#logs-table tbody');
+        if (!tableBody) return;
+        
+        const row = document.createElement('tr');
+        
+        // Format time
+        const time = new Date(log.timestamp || Date.now()).toLocaleString();
+        
+        // Determine log level class
+        const levelClass = log.level || 'info';
+        
+        row.innerHTML = `
+            <td>${time}</td>
+            <td>
+                <span class="status-badge ${levelClass}">
+                    ${levelClass.toUpperCase()}
+                </span>
+            </td>
+            <td>${log.source || 'Unknown'}</td>
+            <td>${log.message || ''}</td>
+        `;
+        
+        // Add to top of table
+        tableBody.insertBefore(row, tableBody.firstChild);
+        
+        // Limit to 100 rows
+        const rows = tableBody.querySelectorAll('tr');
+        if (rows.length > 100) {
+            tableBody.removeChild(rows[rows.length - 1]);
+        }
+    }
+
+    addToLogStream(log) {
+        const logStreamElement = document.getElementById('system-logs');
+        if (!logStreamElement) return;
+        
+        const entry = document.createElement('div');
+        entry.className = `log-entry log-${log.level || 'info'}`;
+        
+        // Format time
+        const time = new Date().toLocaleTimeString();
+        
+        // Determine icon based on level
+        let icon = 'info-circle';
+        if (log.level === 'error') icon = 'exclamation-circle';
+        if (log.level === 'warn') icon = 'exclamation-triangle';
+        if (log.level === 'debug') icon = 'bug';
+        
+        entry.innerHTML = `
+            <div class="log-time">${time}</div>
+            <div class="log-level">
+                <i class="fas fa-${icon}"></i>
+            </div>
+            <div class="log-message">${log.message || ''}</div>
+        `;
+        
+        // Add to top of stream
+        logStreamElement.insertBefore(entry, logStreamElement.firstChild);
+        
+        // Limit to 50 entries
+        const entries = logStreamElement.querySelectorAll('.log-entry');
+        if (entries.length > 50) {
+            logStreamElement.removeChild(entries[entries.length - 1]);
+        }
+    }
+
+    updateSystemHealth(system) {
+        const healthElement = document.getElementById('system-health');
+        if (!healthElement) return;
+        
+        // Update system health indicators
+        // This is a simplified example
+    }
+
+    disconnect() {
+        if (this.ws) {
+            this.ws.close();
+            this.ws = null;
+        }
+        this.isConnected = false;
+        this.updateStatus('disconnected');
+    }
+
+    reconnect() {
+        this.disconnect();
+        this.connect();
+    }
+}
+
+// Initialize WebSocket manager when DOM is loaded
+document.addEventListener('DOMContentLoaded', () => {
+    window.wsManager = new WebSocketManager();
+});
+
+// Export for use in other modules
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = WebSocketManager;
+}
\ No newline at end of file
diff --git a/test_dashboard.sh b/test_dashboard.sh
new file mode 100755
index 00000000..11f06ba5
--- /dev/null
+++ b/test_dashboard.sh
@@ -0,0 +1,38 @@
+#!/bin/bash
+
+# Test script for LLM Proxy Dashboard
+
+echo "Building LLM Proxy Gateway..."
+cargo build --release
+
+echo ""
+echo "Starting server in background..."
+./target/release/llm-proxy &
+SERVER_PID=$!
+
+# Wait for server to start
+sleep 3
+
+echo ""
+echo "Testing dashboard endpoints..."
+
+# Test health endpoint
+echo "1. Testing health endpoint:"
+curl -s http://localhost:8080/health
+
+echo ""
+echo "2. Testing dashboard static files:"
+curl -s -o /dev/null -w "%{http_code}" http://localhost:8080/
+
+echo ""
+echo "3. Testing API endpoints:"
+curl -s http://localhost:8080/api/auth/status | jq . 2>/dev/null || echo "JSON response received"
+
+echo ""
+echo "Dashboard should be available at: http://localhost:8080"
+echo "Default login: admin / admin123"
+echo ""
+echo "Press Ctrl+C to stop the server"
+
+# Keep script running
+wait $SERVER_PID
\ No newline at end of file
diff --git a/test_server.sh b/test_server.sh
new file mode 100755
index 00000000..8fe73f77
--- /dev/null
+++ b/test_server.sh
@@ -0,0 +1,75 @@
+#!/bin/bash
+
+# Test script for LLM Proxy Gateway
+
+echo "Building LLM Proxy Gateway..."
+cargo build --release
+
+if [ $? -ne 0 ]; then
+    echo "Build failed!"
+    exit 1
+fi
+
+echo "Build successful!"
+
+echo ""
+echo "Project Structure Summary:"
+echo "=========================="
+echo "Core Components:"
+echo "  - main.rs: Application entry point with server setup"
+echo "  - config/: Configuration management"
+echo "  - server/: API route handlers"
+echo "  - auth/: Bearer token authentication"
+echo "  - database/: SQLite database setup"
+echo "  - models/: Data structures (OpenAI-compatible)"
+echo "  - providers/: LLM provider implementations (OpenAI, Gemini, DeepSeek, Grok)"
+echo "  - errors/: Custom error types"
+echo "  - dashboard/: Admin dashboard with WebSocket support"
+echo "  - logging/: Request logging middleware"
+echo "  - state/: Shared application state"
+echo "  - multimodal/: Image processing support (basic structure)"
+
+echo ""
+echo "Key Features Implemented:"
+echo "=========================="
+echo "✓ OpenAI-compatible API endpoint (/v1/chat/completions)"
+echo "✓ Bearer token authentication"
+echo "✓ SQLite database for request tracking"
+echo "✓ Request logging with token/cost calculation"
+echo "✓ Provider abstraction layer"
+echo "✓ Admin dashboard with real-time monitoring"
+echo "✓ WebSocket support for live updates"
+echo "✓ Configuration management (config.toml, .env, env vars)"
+echo "✓ Multimodal support structure (images)"
+echo "✓ Error handling with proper HTTP status codes"
+
+echo ""
+echo "Next Steps Needed:"
+echo "=================="
+echo "1. Add API keys to .env file:"
+echo "   OPENAI_API_KEY=your_key_here"
+echo "   GEMINI_API_KEY=your_key_here"
+echo "   DEEPSEEK_API_KEY=your_key_here"
+echo "   GROK_API_KEY=your_key_here (optional)"
+echo ""
+echo "2. Create config.toml for custom configuration (optional)"
+echo ""
+echo "3. Run the server:"
+echo "   cargo run"
+echo ""
+echo "4. Access dashboard at: http://localhost:8080"
+echo ""
+echo "5. Test API with curl:"
+echo "   curl -X POST http://localhost:8080/v1/chat/completions \\"
+echo "     -H 'Authorization: Bearer your_token' \\"
+echo "     -H 'Content-Type: application/json' \\"
+echo "     -d '{\"model\": \"gpt-4\", \"messages\": [{\"role\": \"user\", \"content\": \"Hello\"}]}'"
+
+echo ""
+echo "Deployment Notes:"
+echo "================="
+echo "Memory: Designed for 512MB RAM (LXC container)"
+echo "Database: SQLite (./data/llm_proxy.db)"
+echo "Port: 8080 (configurable)"
+echo "Authentication: Single Bearer token (configurable)"
+echo "Providers: OpenAI, Gemini, DeepSeek, Grok (disabled by default)"
\ No newline at end of file
diff --git a/tests/integration_tests.rs.bak b/tests/integration_tests.rs.bak
new file mode 100644
index 00000000..b5c85745
--- /dev/null
+++ b/tests/integration_tests.rs.bak
@@ -0,0 +1,188 @@
+// Integration tests for LLM Proxy Gateway
+
+use llm_proxy::config::Config;
+use llm_proxy::database::Database;
+use llm_proxy::state::AppState;
+use llm_proxy::rate_limiting::RateLimitManager;
+use tempfile::TempDir;
+use std::fs;
+
+#[tokio::test]
+async fn test_config_loading() {
+    // Create a temporary config file
+    let temp_dir = TempDir::new().unwrap();
+    let config_path = temp_dir.path().join("config.toml");
+    
+    let config_content = r#"
+[server]
+port = 8080
+host = "0.0.0.0"
+
+[database]
+path = "./data/test.db"
+max_connections = 5
+
+[providers.openai]
+enabled = true
+base_url = "https://api.openai.com/v1"
+
+[providers.gemini]
+enabled = true
+base_url = "https://generativelanguage.googleapis.com/v1"
+
+[providers.deepseek]
+enabled = true
+base_url = "https://api.deepseek.com"
+
+[providers.grok]
+enabled = false
+base_url = "https://api.x.ai/v1"
+
+[model_mapping]
+"gpt-*" = "openai"
+"gemini-*" = "gemini"
+"deepseek-*" = "deepseek"
+"grok-*" = "grok"
+
+[pricing]
+openai = { input = 0.01, output = 0.03 }
+gemini = { input = 0.0005, output = 0.0015 }
+deepseek = { input = 0.00014, output = 0.00028 }
+grok = { input = 0.001, output = 0.003 }
+"#;
+    
+    fs::write(&config_path, config_content).unwrap();
+    
+    // Test loading config
+    let config = Config::load_from_path(&config_path);
+    assert!(config.is_ok());
+    
+    let config = config.unwrap();
+    assert_eq!(config.server.port, 8080);
+    assert!(config.providers.openai.is_some());
+    assert!(config.providers.grok.is_none());
+}
+
+#[tokio::test]
+async fn test_database_initialization() {
+    // Create a temporary database file
+    let temp_dir = TempDir::new().unwrap();
+    let db_path = temp_dir.path().join("test.db");
+    
+    // Test database initialization
+    let database = Database::new(&db_path).await;
+    assert!(database.is_ok());
+    
+    let database = database.unwrap();
+    
+    // Test connection
+    let test_result = database.test_connection().await;
+    assert!(test_result.is_ok());
+}
+
+#[tokio::test]
+async fn test_provider_manager() {
+    // Create a provider manager
+    use llm_proxy::providers::{ProviderManager, Provider};
+    use llm_proxy::config::OpenAIConfig;
+    
+    let mut manager = ProviderManager::new();
+    assert_eq!(manager.providers.len(), 0);
+    
+    // Test adding providers (we can't actually add real providers without API keys)
+    // This test just verifies the manager structure works
+    assert!(manager.get_provider_for_model("gpt-4").is_none());
+    assert!(manager.get_provider("openai").is_none());
+}
+
+#[tokio::test]
+async fn test_rate_limit_manager() {
+    let manager = RateLimitManager::new(60, 10);
+    
+    // Test client rate limiting
+    let allowed = manager.check_request("test-client").await;
+    assert!(allowed); // First request should be allowed
+    
+    // Test provider circuit breaker
+    let allowed = manager.check_provider("openai").await;
+    assert!(allowed); // Circuit should be closed initially
+    
+    // Record some failures
+    manager.record_provider_failure("openai").await;
+    manager.record_provider_failure("openai").await;
+    manager.record_provider_failure("openai").await;
+    manager.record_provider_failure("openai").await;
+    manager.record_provider_failure("openai").await;
+    
+    // After 5 failures, circuit should be open
+    let allowed = manager.check_provider("openai").await;
+    assert!(!allowed); // Circuit should be open
+    
+    // Record success to close circuit
+    manager.record_provider_success("openai").await;
+    manager.record_provider_success("openai").await;
+    manager.record_provider_success("openai").await;
+    
+    // After 3 successes in half-open state, circuit should be closed
+    let allowed = manager.check_provider("openai").await;
+    assert!(allowed); // Circuit should be closed again
+}
+
+#[tokio::test]
+async fn test_app_state_creation() {
+    // Create a temporary database
+    let temp_dir = TempDir::new().unwrap();
+    let db_path = temp_dir.path().join("test.db");
+    
+    let database = Database::new(&db_path).await.unwrap();
+    
+    // Test AppState creation using test utilities
+    use llm_proxy::test_utils::create_test_state;
+    let state = create_test_state().await;
+    
+    // Verify state components are initialized
+    assert!(state.database.test_connection().await.is_ok());
+}
+
+#[tokio::test]
+async fn test_multimodal_image_converter() {
+    use llm_proxy::multimodal::{ImageConverter, ImageInput};
+    
+    // Test model detection
+    assert!(ImageConverter::model_supports_multimodal("gpt-4-vision-preview"));
+    assert!(ImageConverter::model_supports_multimodal("gemini-pro-vision"));
+    assert!(!ImageConverter::model_supports_multimodal("gpt-3.5-turbo"));
+    assert!(!ImageConverter::model_supports_multimodal("gemini-pro"));
+    
+    // Test data URL parsing (utility function)
+    let test_url = "data:image/jpeg;base64,SGVsbG8gV29ybGQ=";
+    let parts: Vec<&str> = test_url[5..].split(";base64,").collect();
+    assert_eq!(parts.len(), 2);
+    assert_eq!(parts[0], "image/jpeg");
+    assert_eq!(parts[1], "SGVsbG8gV29ybGQ=");
+}
+
+#[tokio::test]
+async fn test_error_conversions() {
+    use llm_proxy::errors::AppError;
+    use anyhow::anyhow;
+    
+    // Test anyhow error conversion
+    let anyhow_error = anyhow!("Test error");
+    let app_error: AppError = anyhow_error.into();
+    
+    match app_error {
+        AppError::InternalError(msg) => assert_eq!(msg, "Test error"),
+        _ => panic!("Expected InternalError"),
+    }
+    
+    // Test sqlx error conversion
+    use sqlx::Error as SqlxError;
+    let sqlx_error = SqlxError::PoolClosed;
+    let app_error: AppError = sqlx_error.into();
+    
+    match app_error {
+        AppError::DatabaseError(msg) => assert!(msg.contains("pool closed")),
+        _ => panic!("Expected DatabaseError"),
+    }
+}
\ No newline at end of file
diff --git a/tests/streaming_test.rs b/tests/streaming_test.rs
new file mode 100644
index 00000000..e69de29b