meta-sovereign 0.51.2 → 0.52.0

package/README.hi.md

@@ -6,13 +6,13 @@ meta-sovereign **किसी व्यक्ति या संगठन क
 
 ### किसके लिए
 
-| कौन / क्या            | meta-sovereign कैसे मदद करता है                                                                                                                            |
-| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **व्यक्ति**           | सभी चैट एक जगह, लंबे समय से चुप लोगों से फिर जुड़ना, जो कहा गया वह याद रखना (तथ्य), हर जॉब साइट पर एक जैसा CV।                                             |
-| **बिक्री**            | हर नेटवर्क के लीड एक CRM में, नियम से ऑडियंस, mass-personal outreach जिसमें हर संदेश एक ही बार और शालीनता से जाता है, फ़ॉलो-अप, तेज़ उत्तर।                |
-| **मार्केटिंग**        | ऑडियंस को broadcast, Telegram चैनल, LinkedIn और X पर पोस्ट, community सदस्य हमेशा ताज़ा, एक opt-out सूची जिसे हर स्वचालित भेजना मानता है।                  |
-| **उपयोगकर्ता सहायता** | हर आने वाले संदेश के लिए एक Operator कतार, VK community या Telegram Business खाते से उत्तर, सुरक्षित ड्राफ़्ट के रूप में auto-reply, तथ्यों का ज्ञान-आधार। |
-| **संगठन**             | ब्रांड, दुकान या प्रोजेक्ट के लिए वही उपकरण: उसके खाते, उसके संपर्क, उसका डेटा उसकी अपनी मशीन पर। टीम मोड (कई ऑपरेटर) रोडमैप में है।                       |
+| कौन / क्या            | meta-sovereign कैसे मदद करता है                                                                                                                       |
+| --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **व्यक्ति**           | सभी चैट एक जगह, लंबे समय से चुप लोगों से फिर जुड़ना, जो कहा गया वह याद रखना (तथ्य), हर जॉब साइट पर एक जैसा CV।                                        |
+| **बिक्री**            | हर नेटवर्क के लीड एक CRM में, नियम से ऑडियंस, mass-personal outreach जिसमें हर संदेश एक ही बार और शालीनता से जाता है, फ़ॉलो-अप, तेज़ उत्तर।           |
+| **मार्केटिंग**        | ऑडियंस को broadcast, Telegram चैनल, LinkedIn और X पर पोस्ट, community सदस्य हमेशा ताज़ा, एक opt-out सूची जिसे हर स्वचालित भेजना मानता है।             |
+| **उपयोगकर्ता सहायता** | अपठित बातचीत के लिए एक Operator कतार, VK community या Telegram Business खाते से उत्तर, सुरक्षित ड्राफ़्ट के रूप में auto-reply, तथ्यों का ज्ञान-आधार। |
+| **संगठन**             | ब्रांड, दुकान या प्रोजेक्ट के लिए वही उपकरण: उसके खाते, उसके संपर्क, उसका डेटा उसकी अपनी मशीन पर। टीम मोड (कई ऑपरेटर) रोडमैप में है।                  |
 
 हर परिदृश्य के लिए आज क्या चलता है, क्या आंशिक है और आगे क्या है — रोडमैप में: [`docs/ROADMAP.hi.md`](docs/ROADMAP.hi.md)।
 

package/README.md

@@ -6,13 +6,13 @@ meta-sovereign represents **a person or an organisation online**. Connect Telegr
 
 ### Built for
 
-| Who / what        | How meta-sovereign helps                                                                                                                                         |
-| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **Individuals**   | All your chats in one place, reconnect with people gone quiet, remember what was said (facts), one CV on every job site.                                         |
-| **Sales**         | Leads from every network in one CRM, audiences by rule, mass-personal outreach that sends each message once and politely, follow-ups, fast replies.              |
-| **Marketing**     | Broadcasts to audiences, posts to Telegram channels, LinkedIn and X, community members kept fresh, an opt-out list every automated send honours.                 |
-| **User support**  | One Operator queue for every incoming message, answers from a VK community or Telegram Business account, auto-replies as safe drafts, a knowledge base of facts. |
-| **Organisations** | The same tools for a brand, a shop or a project: its accounts, its contacts, its data on its own machine. Team mode (several operators) is on the roadmap.       |
+| Who / what        | How meta-sovereign helps                                                                                                                                      |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Individuals**   | All your chats in one place, reconnect with people gone quiet, remember what was said (facts), one CV on every job site.                                      |
+| **Sales**         | Leads from every network in one CRM, audiences by rule, mass-personal outreach that sends each message once and politely, follow-ups, fast replies.           |
+| **Marketing**     | Broadcasts to audiences, posts to Telegram channels, LinkedIn and X, community members kept fresh, an opt-out list every automated send honours.              |
+| **User support**  | One Operator queue of unread conversations, answers from a VK community or Telegram Business account, auto-replies as safe drafts, a knowledge base of facts. |
+| **Organisations** | The same tools for a brand, a shop or a project: its accounts, its contacts, its data on its own machine. Team mode (several operators) is on the roadmap.    |
 
 What works for each scenario today, what is partial and what comes next is in the roadmap: [`docs/ROADMAP.md`](docs/ROADMAP.md).
 

package/README.ru.md

@@ -6,13 +6,13 @@ meta-sovereign представляет **человека или организ
 
 ### Для кого
 
-| Кто / что       | Чем помогает meta-sovereign                                                                                                                                              |
-| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| **Люди**        | Все чаты в одном месте, возобновить общение с теми, кто давно молчит, помнить, что было сказано (факты), одно резюме на всех сайтах вакансий.                            |
-| **Продажи**     | Лиды из всех сетей в одной CRM, аудитории по правилам, массово-персональные рассылки, где каждое сообщение уходит один раз и вежливо, follow-up, быстрые ответы.         |
-| **Маркетинг**   | Рассылки по аудиториям, посты в каналы Telegram, LinkedIn и X, актуальные участники сообществ, список отписавшихся, который соблюдает каждая автоматическая отправка.    |
-| **Поддержка**   | Одна очередь оператора для всех входящих, ответы от имени сообщества VK или аккаунта Telegram Business, автоответы как безопасные черновики, база знаний из фактов.      |
-| **Организации** | Те же инструменты для бренда, магазина или проекта: его аккаунты, его контакты, его данные на его компьютере. Командный режим (несколько операторов) — в дорожной карте. |
+| Кто / что       | Чем помогает meta-sovereign                                                                                                                                                  |
+| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Люди**        | Все чаты в одном месте, возобновить общение с теми, кто давно молчит, помнить, что было сказано (факты), одно резюме на всех сайтах вакансий.                                |
+| **Продажи**     | Лиды из всех сетей в одной CRM, аудитории по правилам, массово-персональные рассылки, где каждое сообщение уходит один раз и вежливо, follow-up, быстрые ответы.             |
+| **Маркетинг**   | Рассылки по аудиториям, посты в каналы Telegram, LinkedIn и X, актуальные участники сообществ, список отписавшихся, который соблюдает каждая автоматическая отправка.        |
+| **Поддержка**   | Одна очередь оператора для непрочитанных диалогов, ответы от имени сообщества VK или аккаунта Telegram Business, автоответы как безопасные черновики, база знаний из фактов. |
+| **Организации** | Те же инструменты для бренда, магазина или проекта: его аккаунты, его контакты, его данные на его компьютере. Командный режим (несколько операторов) — в дорожной карте.     |
 
 Что уже работает для каждого сценария, что частично и что дальше — в дорожной карте: [`docs/ROADMAP.ru.md`](docs/ROADMAP.ru.md).
 

package/README.zh.md

@@ -11,7 +11,7 @@ meta-sovereign 在网上**代表一个人或一个组织**。连接 Telegram、V
 | **个人**     | 所有聊天集中一处，重新联系久未联系的人，记住说过的话（事实），在每个招聘网站上保持同一份简历。                           |
 | **销售**     | 来自每个网络的潜在客户汇入一个 CRM，按规则划分受众，大规模个性化外联（每条消息只发一次、礼貌有节奏），跟进，快速回复。   |
 | **市场营销** | 向受众群发，在 Telegram 频道、LinkedIn 和 X 发帖，社区成员保持最新，每次自动发送都遵守退订名单。                         |
-| **用户支持** | 所有来信进入一个 Operator 队列，以 VK 社区或 Telegram Business 账号回复，自动回复以安全草稿形式出现，事实构成知识库。    |
+| **用户支持** | 未读会话进入一个 Operator 队列，以 VK 社区或 Telegram Business 账号回复，自动回复以安全草稿形式出现，事实构成知识库。    |
 | **组织**     | 同样的工具服务于品牌、店铺或项目：它的账号、它的联系人、它的数据都在它自己的电脑上。团队模式（多名操作员）已列入路线图。 |
 
 每个场景今天能用什么、哪些是部分支持、下一步做什么，请见路线图：[`docs/ROADMAP.zh.md`](docs/ROADMAP.zh.md)。

package/js/src/web/api-errors.js

@@ -34,6 +34,8 @@ export const KNOWN_CODES = [
 // Never a toast: a feature probe or a chat that cannot do it is explained
 // inline by the panel that asked. Codes outside KNOWN_CODES are the panels'.
 const INLINE_ONLY = new Set(['unsupported', 'unsupported-chat']);
+// This read-only POST also supplies the background missed-call badge.
+const READ_POSTS = new Set(['/api/telegram/calls']);
 
 const seen = new Set();
 
@@ -70,6 +72,7 @@ export const reportApiFailure = ({ path, method = 'GET', status, data }) => {
   }
   if (
     method !== 'GET' &&
+    !READ_POSTS.has(path) &&
     KNOWN_CODES.includes(failure.code) &&
     !INLINE_ONLY.has(failure.code)
   ) {

package/js/src/web/app-notify.js

@@ -10,6 +10,7 @@ import { useLiveLinks } from './chat-live.js';
 import { summarizeChats } from './chat-model.js';
 import { openChat } from './chat-state.js';
 import { useNotifications } from './chat-notify.js';
+import { usePublishChatFeed } from './navigation-counts.js';
 
 const NO_CHATS = Object.freeze([]);
 
@@ -21,6 +22,7 @@ export const AppNotifications = ({ api, t, onOpen }) => {
     () => (links ? summarizeChats(links) : NO_CHATS),
     [links]
   );
+  usePublishChatFeed(chats, links);
   useNotifications({
     chats,
     current: null,

package/js/src/web/app.css

@@ -12979,3 +12979,85 @@ audio.remote-player {
   background: #303135;
   color: #fff;
 }
+
+/* Operator uses the conversation itself as its queue card. */
+main[data-view='operator']:has(> .operator-workspace) {
+  max-width: none;
+  padding: 0;
+}
+.operator-workspace {
+  height: calc(100dvh - var(--topbar-h));
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  padding: 1rem;
+}
+.operator-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+.operator-toolbar h2,
+.operator-toolbar p {
+  margin: 0;
+}
+.operator-toolbar button {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+}
+.operator-card {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+}
+.chat-shell.chat-embedded {
+  grid-template-columns: minmax(0, 1fr);
+}
+.chat-embedded .chat-back {
+  display: none;
+}
+.operator-empty {
+  margin: auto;
+  text-align: center;
+}
+.nav-icon {
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+}
+.nav-count {
+  position: absolute;
+  top: -0.45rem;
+  right: -0.6rem;
+  min-width: 1.2rem;
+  height: 1.2rem;
+  padding: 0 0.2rem;
+  border: 1px solid var(--bg);
+  border-radius: 999px;
+  background: #111;
+  color: #fff;
+  font-size: 0.65rem;
+  line-height: 1.1rem;
+  text-align: center;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+}
+:root[data-theme='dark'] .nav-count {
+  background: #fff;
+  color: #000;
+}
+@media (max-width: 640px) {
+  .operator-workspace {
+    height: calc(
+      100dvh - var(--topbar-h) - var(--bottom-nav-h) - var(--safe-bottom)
+    );
+    padding: 0.5rem;
+  }
+}

package/js/src/web/app.js

@@ -42,6 +42,7 @@ import { AddthemeHost, useApplyCloudTheme } from './cloud-themes.js';
 import { ContactLinkHost } from './contact-links.js';
 import { AppNotifications } from './app-notify.js';
 import { LockScreen, useLocalLock } from './passcode.js';
+import { useNavigationCounts } from './navigation-counts.js';
 
 // Browser e2e tests reach the booted api here: in the bundled build the
 // source modules are not each served, so `import('/dom.js')` fails.
@@ -88,8 +89,14 @@ const useViewportWidth = () => {
   return width;
 };
 
+const ViewNotifications = ({ active, t, onOpen }) =>
+  active === 'chat' || active === 'operator'
+    ? null
+    : el(AppNotifications, { api, t, onOpen });
+
 const App = () => {
   const [active, setActive] = useState('chat');
+  const counts = useNavigationCounts(api, active);
   const online = useOnlineMode();
   useApplyAppearance();
   // A cloud theme's accent and bubbles on the page (R-Y209).
@@ -201,6 +208,7 @@ const App = () => {
           width,
           active,
           onSelect: setActive,
+          counts,
         },
         el(
           'main',
@@ -236,14 +244,12 @@ const App = () => {
       // A t.me/contact or t.me/+phone link opens the person (R-Y217).
       el(ContactLinkHost, { key: 'contact-link-host', api }),
       // The Chat section notifies by itself; the others through this.
-      active === 'chat'
-        ? null
-        : el(AppNotifications, {
-            key: 'notify',
-            api,
-            t,
-            onOpen: () => setActive('chat'),
-          }),
+      el(ViewNotifications, {
+        key: 'notify',
+        active,
+        t,
+        onOpen: () => setActive('chat'),
+      }),
       el(TutorialOverlay, {
         key: 'tutorial-overlay',
         open: tutorialOpen,