@decentnetwork/beagle-ui 0.2.18 → 0.2.19

package/dist/beagle-ui.js

@@ -1,4 +1,4 @@
-export const BEAGLE_UI_VERSION = "0.2.18";
+export const BEAGLE_UI_VERSION = "0.2.19";
 // src/icons.jsx
 var ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
@@ -415,10 +415,13 @@ function useDaemonData() {
         // Pass the real state through. Collapsing everything that was not
         // 'queued' to 'read' meant a message still in flight — or one that
         // never went out at all — rendered as delivered.
-        status: m.dir === "out" ? m.status === "queued" || m.status === "sending" || m.status === "failed" ? m.status : "read" : void 0,
+        status: m.dir === "out" ? m.status === "queued" || m.status === "sending" || m.status === "failed" || m.status === "sent" ? m.status : "read" : void 0,
         error: m.error,
+        // false = went to a live session but nobody acknowledged it (one tick).
+        // Dropped here before, so that state could never render.
+        confirmed: m.confirmed,
         // Delivery path: "online" = live session, "offline" = express relay.
-        // Incoming messages carry this; the bubble colors them differently.
+        // Both directions carry it now; the bubble labels them the same way.
         via: m.via,
         // Brief 30: a validated component form, already whitelisted host-side.
         // Passed through untouched — the renderer treats every string as text,
@@ -1574,14 +1577,14 @@ function Msg({ m, peer, T, onTheater, onDelete, onCancel, onRetry, onRetryMsg, o
         letterSpacing: -0.1,
         wordBreak: "break-word"
       } }, /* @__PURE__ */ React.createElement(MarkdownText, { text: read.text, onNameCard })));
-    })(), read.form && /* @__PURE__ */ React.createElement("div", { style: { marginTop: 6 } }, /* @__PURE__ */ React.createElement(DkChatForm, { form: read.form, submitted, peer, onSubmit: onFormSubmit })), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 4, margin: "3px 3px 0" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10, color: "var(--faint)" } }, m.time), !mine && m.via && /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        title: m.via === "offline" ? "delivered via express relay (offline)" : "delivered over a live session (online)",
-        style: { fontFamily: "var(--mono)", fontSize: 9, color: m.via === "offline" ? "#f59e0b" : "var(--faint)" }
-      },
-      m.via === "offline" ? "\u79BB\u7EBF" : "\u5728\u7EBF"
-    ), !selMode && m.id && /* @__PURE__ */ React.createElement(
+    })(), read.form && /* @__PURE__ */ React.createElement("div", { style: { marginTop: 6 } }, /* @__PURE__ */ React.createElement(DkChatForm, { form: read.form, submitted, peer, onSubmit: onFormSubmit })), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 4, margin: "3px 3px 0" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10, color: "var(--faint)" } }, m.time), (() => {
+      const sentDone = mine && m.status && m.status !== "queued" && m.status !== "sending" && m.status !== "failed";
+      const via = !mine ? m.via : sentDone ? m.via === "offline" ? "offline" : "online" : null;
+      if (!via)
+        return null;
+      const title = mine ? via === "offline" ? T.viaOutOffline || "posted to the offline relay \u2014 they get it when they come online" : T.viaOutOnline || "sent over a live session (online)" : via === "offline" ? "delivered via express relay (offline)" : "delivered over a live session (online)";
+      return /* @__PURE__ */ React.createElement("span", { title, style: { fontFamily: "var(--mono)", fontSize: 9, color: via === "offline" ? "#f59e0b" : "var(--faint)" } }, via === "offline" ? "\u79BB\u7EBF" : "\u5728\u7EBF");
+    })(), !selMode && m.id && /* @__PURE__ */ React.createElement(
       "button",
       {
         title: T.delete || "delete",
@@ -1616,7 +1619,7 @@ function Msg({ m, peer, T, onTheater, onDelete, onCancel, onRetry, onRetryMsg, o
       },
       /* @__PURE__ */ React.createElement(Icon, { name: "clock", size: 11, stroke: 2.2, color: "var(--faint)" }),
       /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10, color: "var(--faint)" } }, m.status === "sending" ? T.sendingMsg || "sending" : T.queued || "queued")
-    ) : mine && m.status === "sent" && m.confirmed === false ? /* @__PURE__ */ React.createElement(Icon, { name: "check", size: 12, stroke: 2.2, color: "var(--faint)", title: T.sentUnconfirmed || "sent \u2014 not confirmed by the peer" }) : mine && m.status && /* @__PURE__ */ React.createElement(Icon, { name: "checkCheck", size: 12, stroke: 2.2, color: m.status === "read" ? "var(--accent)" : "var(--faint)" })))
+    ) : mine && m.via === "offline" && m.status !== "queued" && m.status !== "sending" ? /* @__PURE__ */ React.createElement(Icon, { name: "check", size: 12, stroke: 2.2, color: "#f59e0b", title: T.viaOutOffline || "posted to the offline relay \u2014 they get it when they come online" }) : mine && m.status === "sent" && m.confirmed === false ? /* @__PURE__ */ React.createElement(Icon, { name: "check", size: 12, stroke: 2.2, color: "var(--faint)", title: T.sentUnconfirmed || "sent \u2014 not confirmed by the peer" }) : mine && m.status && /* @__PURE__ */ React.createElement(Icon, { name: "checkCheck", size: 12, stroke: 2.2, color: m.status === "read" ? "var(--accent)" : "var(--faint)" })))
   );
 }
 function Conversation({ T, peer, lang, peers, onOpenChat, thread: threadProp, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, muted, onToggleMute, phone, onBack }) {
@@ -4988,6 +4991,8 @@ var STR = {
     updTitle: "Update available",
     updLater: "Later",
     brandAbout: "What is Beagle?",
+    viaOutOffline: "posted to the offline relay \u2014 they get it when they come online",
+    viaOutOnline: "sent over a live session (online)",
     updNow: "Update now",
     updRestart: "Restart",
     updBusy: "Updating\u2026 (about a minute)",
@@ -5178,6 +5183,8 @@ var STR = {
     updTitle: "\u53D1\u73B0\u65B0\u7248\u672C",
     updLater: "\u7A0D\u540E",
     brandAbout: "Beagle \u662F\u4EC0\u4E48?",
+    viaOutOffline: "\u5DF2\u5B58\u5230\u79BB\u7EBF\u4E2D\u8F6C\u2014\u2014\u5BF9\u65B9\u4E0A\u7EBF\u540E\u6536\u5230",
+    viaOutOnline: "\u5728\u7EBF\u76F4\u63A5\u9001\u8FBE",
     updNow: "\u7ACB\u5373\u66F4\u65B0",
     updRestart: "\u91CD\u542F",
     updBusy: "\u66F4\u65B0\u4E2D\u2026(\u7EA6\u4E00\u5206\u949F)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/beagle-ui",
-  "version": "0.2.18",
+  "version": "0.2.19",
   "description": "The Beagle chat UI, minus the machine it runs on — shared by the desktop install and the browser build.",
   "license": "MIT",
   "type": "module",