From b09ef8a997da5153c5afa2a0dd1719a750648146 Mon Sep 17 00:00:00 2001
From: Alois <aloisianer@proton.me>
Date: Sat, 27 Jun 2026 00:13:47 +0200
Subject: [PATCH] (feat): update message state icons (feat): log ttpUrl

---
 packages/chat/src/components/message.tsx | 13 ++++++++-----
 packages/ttp/src/context.tsx             |  4 ++++
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/chat/src/components/message.tsx b/packages/chat/src/components/message.tsx
index 25090c0..3f83198 100644
--- a/packages/chat/src/components/message.tsx
+++ b/packages/chat/src/components/message.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { RawMessage } from "../values";
 import Text from "@tensamin/markdown/text";
-import { AlertTriangle, Check, CheckCheck } from "lucide-react";
+import { AlertTriangle, Check, Ellipse, RefreshCw } from "lucide-react";
 import { useCallback, useEffect, useState } from "react";
 import type { User } from "@tensamin/user/context";
 
@@ -169,13 +169,16 @@ function MessageComponent({
                     </p>
                     <div>
                       {message.message_state === "read" ? (
-                        <CheckCheck size={14} color="var(--primary)" />
+                        <Check
+                          size={12}
+                          color="var(--primary-foreground-alt)"
+                        />
                       ) : message.message_state === "received" ? (
-                        <CheckCheck size={14} color="var(--muted-foreground)" />
+                        <Check size={12} color="var(--muted-foreground)" />
                       ) : message.message_state === "sent" ? (
-                        <Check size={14} color="var(--muted-foreground)" />
+                        <RefreshCw size={12} color="var(--muted-foreground)" />
                       ) : message.message_state === "sending" ? (
-                        <div>IDK</div>
+                        <Ellipse size={12} color="var(--muted-foreground)" />
                       ) : null}
                     </div>
                   </div>
diff --git a/packages/ttp/src/context.tsx b/packages/ttp/src/context.tsx
index 50eec69..36138a9 100644
--- a/packages/ttp/src/context.tsx
+++ b/packages/ttp/src/context.tsx
@@ -378,6 +378,10 @@ export function Provider(props: {
           url: ttpUrl,
           serverCert: ttpServerCert || undefined,
           onReadyStateChange: (state) => {
+            if (state === READY_STATE.CONNECTING) {
+              log(2, "ttp", "blue", ttpUrl);
+            }
+
             setReadyState(state);
 
             if (state === READY_STATE.OPEN) {