1 files changed, 8 insertions, 2 deletions
diff --git a/static/modules/llm.js b/static/modules/llm.js
index 22f8737..9ee28e1 100644
--- a/static/modules/llm.js
+++ b/static/modules/llm.js
@@ -14,6 +14,8 @@
 // with this program; if not, write to the Free Software Foundation, Inc.,
 // 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
 
+import { offline } from "../offline.js";
+
 const num = (v) => (v == null ? null : Number(v));
 const money = (v) => (num(v) == null ? "—" : `$${num(v).toFixed(2)}`);
 const tokens = (n) => {
@@ -83,11 +85,15 @@ export default {
 
   update(state, el) {
     const box = el.querySelector(".llm");
-    box.textContent = "";
     if (state.offline) {
-      box.textContent = "llm-cost-dashboard offline";
+      offline(box, {
+        icon: "/logos/claude.svg",
+        title: "Usage dashboard is off",
+        detail: "Start llm-cost-dashboard and Claude and opencode usage appear here.",
+      });
       return;
     }
+    box.textContent = "";
     const c = state.claude ?? {};
     const o = state.opencode ?? {};