openclacky 1.3.1 → 1.3.3

data/lib/clacky/web/features/brand/store.js

@@ -0,0 +1,110 @@
+// ── Brand · store — white-label status flags + brand info cache + network ──
+//
+// Owns the brand status flags (test mode / user-licensed / branded), the cached
+// /api/brand response, and the brand network calls (status, info, activate).
+// It never renders.
+//
+// check() / refresh() fetch status and emit events; the view reacts to drive
+// banners, logo, badges. Emits mirror to the extension bus via Clacky.ext.emit.
+//
+// `Brand` stays the single public facade.
+//
+// Depends on: Clacky.ext.
+// ───────────────────────────────────────────────────────────────────────────
+
+const BrandStore = (() => {
+  let _testMode     = false;
+  let _userLicensed = false;
+  let _branded      = false;
+
+  let _brandInfoCache    = null;
+  let _brandInfoFetching = null;
+
+  const _listeners = {};
+
+  function _on(event, handler) {
+    (_listeners[event] ||= []).push(handler);
+    return () => {
+      const list = _listeners[event];
+      const i = list ? list.indexOf(handler) : -1;
+      if (i >= 0) list.splice(i, 1);
+    };
+  }
+
+  function _emit(event, payload) {
+    (_listeners[event] || []).forEach((h) => h(payload));
+    if (window.Clacky && Clacky.ext) Clacky.ext.emit(event, payload);
+  }
+
+  // Fetch /api/brand once and cache. Returns a Promise<info>.
+  function _fetchBrandInfo() {
+    if (_brandInfoCache) return Promise.resolve(_brandInfoCache);
+    if (_brandInfoFetching) return _brandInfoFetching;
+    _brandInfoFetching = fetch("/api/brand")
+      .then(r => r.json())
+      .then(info => { _brandInfoCache = info; _brandInfoFetching = null; return info; })
+      .catch(err => { _brandInfoFetching = null; throw err; });
+    return _brandInfoFetching;
+  }
+
+  const Brand = {
+    on: _on,
+    get testMode()     { return _testMode; },
+    get userLicensed() { return _userLicensed; },
+    get branded()      { return _branded; },
+
+    fetchInfo: _fetchBrandInfo,
+
+    clearBrandCache() {
+      _brandInfoCache    = null;
+      _brandInfoFetching = null;
+    },
+
+    // Check brand status and emit an event for the view to act on.
+    // Always resolves false (boot is no longer deferred on activation).
+    async check() {
+      try {
+        const res  = await fetch("/api/brand/status");
+        const data = await res.json();
+        _testMode     = !!data.test_mode;
+        _userLicensed = !!data.user_licensed;
+        _branded      = !!data.branded;
+        _emit("brand:status", data);
+      } catch (_) {
+        _emit("brand:status", null);
+      }
+      return false;
+    },
+
+    // Re-fetch status to refresh flags only (no UI boot driving).
+    async refresh() {
+      try {
+        const res  = await fetch("/api/brand/status");
+        const data = await res.json();
+        _testMode     = !!data.test_mode;
+        _userLicensed = !!data.user_licensed;
+        _branded      = !!data.branded;
+        return data;
+      } catch (_) {
+        return null;
+      }
+    },
+
+    fetchSkillsBanner() {
+      return fetch("/api/brand/skills").then(r => r.json());
+    },
+
+    async activate(key) {
+      const res  = await fetch("/api/brand/activate", {
+        method:  "POST",
+        headers: { "Content-Type": "application/json" },
+        body:    JSON.stringify({ license_key: key })
+      });
+      return res.json();
+    },
+  };
+
+  return Brand;
+})();
+
+const Brand = BrandStore;

data/lib/clacky/web/{brand.js → features/brand/view.js}

@@ -1,76 +1,34 @@
-// brand.js — White-label branding support
+// ── Brand · view — banners, logo/favicon, owner badge, activation panel ───
 //
-// Responsibilities:
-//   1. On boot, fetch GET /api/brand/status
-//      - If needs_activation → show brand activation panel (like onboard)
-//      - If branded + warning → show a dismissible warning bar
-//      - If not branded → no-op (standard OpenClacky experience)
-//   2. Fetch GET /api/brand and apply product_name to all branded DOM elements
+// Owns all white-label DOM: activation banner, warning bar, header logo +
+// favicon + theme color, OWNER badge, the "get serial" link, and the activation
+// panel flow. Reads brand info through BrandStore; status/activation network
+// calls go through store actions.
 //
-// Load order: must be loaded after onboard.js and before app.js
-
-const Brand = (() => {
-
-  // ── Public API ─────────────────────────────────────────────────────────────
-
-  // Whether the server was started with --brand-test (set during check()).
-  let _testMode     = false;
-  // Whether the current license is bound to a user (creator mode).
-  let _userLicensed = false;
-  // Whether this installation has an activated brand license (any kind).
-  let _branded      = false;
-
-  // Check brand status. Returns true if activation is needed
-  // (caller should defer normal UI boot until activation is done or skipped).
-  async function check() {
-    try {
-      const res  = await fetch("/api/brand/status");
-      const data = await res.json();
-
-      _testMode     = !!data.test_mode;
-      _userLicensed = !!data.user_licensed;
-      _branded      = !!data.branded;
-
-      if (!data.branded) return false;
-
-      // Brand name is already baked into the HTML by the server at request time,
-      // so no DOM update is needed here on boot.
-
-      if (data.needs_activation) {
-        _showActivationBanner(data.product_name);
-        _applyHeaderLogo();
-
-        // Backend just kicked off an async refresh of the public distribution
-        // (logo, theme_color, homepage_url, support_*). brand.yml will be
-        // written once the network round-trip completes — re-poll a few
-        // seconds later so the user sees the full brand visuals in *this*
-        // session instead of having to activate or reload the page first.
-        if (data.distribution_refresh_pending) {
-          _scheduleDistributionRefreshPoll();
-        }
+// Augments the `Brand` facade with the apply* / goToLicenseInput methods that
+// other modules call.
+//
+// Depends on: BrandStore, I18n, Router, Settings (optional), WS/Tasks/Skills
+// (boot fallback), global $ helper.
+// ───────────────────────────────────────────────────────────────────────────
 
-        return false;
-      }
+const BrandView = (() => {
 
-      if (data.warning) _showWarning(data.warning);
+  function _onStatus(data) {
+    if (!data || !data.branded) return;
 
-      // Load full brand info to apply logo in header
+    if (data.needs_activation) {
+      _showActivationBanner(data.product_name);
       _applyHeaderLogo();
-      // Show OWNER badge for creator-tier licenses (user_licensed=true).
-      _applyOwnerBadge();
-
-      return false;
-    } catch (_) {
-      return false;
+      if (data.distribution_refresh_pending) _scheduleDistributionRefreshPoll();
+      return;
     }
-  }
 
-  // ── Internal ───────────────────────────────────────────────────────────────
+    if (data.warning) _showWarning(data.warning);
+    _applyHeaderLogo();
+    _applyOwnerBadge();
+  }
 
-  // Show a dismissible activation banner at the top of the page.
-  // Defers rendering until /api/brand/skills resolves so the banner shows its
-  // final copy in one shot. Falls back to a generic prompt if the API fails
-  // or stays silent for 5s.
   function _showActivationBanner(brandName) {
     if (document.getElementById("brand-activation-banner")) return;
 
@@ -84,11 +42,7 @@ const Brand = (() => {
       _renderActivationBanner(name, data);
     };
 
-    fetch("/api/brand/skills")
-      .then(r => r.json())
-      .then(settle)
-      .catch(() => settle(null));
-
+    Brand.fetchSkillsBanner().then(settle).catch(() => settle(null));
     setTimeout(() => settle(null), 5000);
   }
 
@@ -138,14 +92,11 @@ const Brand = (() => {
     document.getElementById("main").prepend(bar);
   }
 
-  // Navigate to Settings, scroll to Brand & License section, flash it, then focus the input.
   function _goToLicenseInput() {
     Router.navigate("settings");
-    // Settings.open() loads brand status; wait a tick for the panel to render.
     if (typeof Settings !== "undefined") Settings.open();
-    // Settings.open() triggers an async fetch; wait for layout to stabilise before scrolling.
     setTimeout(() => {
-      const generalTabBtn   = document.querySelector('#settings-tabs .settings-tab[data-tab="general"]');
+      const generalTabBtn = document.querySelector('#settings-tabs .settings-tab[data-tab="general"]');
       if (generalTabBtn && !generalTabBtn.classList.contains("active")) generalTabBtn.click();
 
       const section         = document.getElementById("brand-license-section");
@@ -160,7 +111,6 @@ const Brand = (() => {
       }
 
       if (section) {
-        // Flash the section to draw the user's eye (re-trigger if clicked again).
         section.classList.remove("section-highlight");
         void section.offsetWidth; // force reflow to restart animation
         section.classList.add("section-highlight");
@@ -171,17 +121,6 @@ const Brand = (() => {
     }, 300);
   }
 
-  function _showActivationPanel(brandName) {
-    if (brandName) {
-      const title = $("brand-title");
-      const sub   = $("brand-subtitle");
-      if (title) title.textContent = I18n.t("brand.activate.title", { name: brandName });
-      if (sub)   sub.textContent   = I18n.t("brand.activate.subtitle");
-    }
-    Router.navigate("brand");
-    _bindActivationPanel();
-  }
-
   function _bindActivationPanel() {
     $("brand-btn-activate").addEventListener("click", _doActivate);
     $("brand-license-key").addEventListener("keydown", e => {
@@ -199,8 +138,7 @@ const Brand = (() => {
       return;
     }
 
-    // In brand-test mode accept any non-empty key so developers can test without a real license.
-    if (!_testMode && !/^[0-9A-Fa-f]{8}(-[0-9A-Fa-f]{8}){4}$/.test(key)) {
+    if (!Brand.testMode && !/^[0-9A-Fa-f]{8}(-[0-9A-Fa-f]{8}){4}$/.test(key)) {
       _setResult(false, I18n.t("settings.brand.invalidFormat"));
       return;
     }
@@ -210,17 +148,12 @@ const Brand = (() => {
     _setResult(null, "");
 
     try {
-      const res  = await fetch("/api/brand/activate", {
-        method:  "POST",
-        headers: { "Content-Type": "application/json" },
-        body:    JSON.stringify({ license_key: key })
-      });
-      const data = await res.json();
+      const data = await Brand.activate(key);
 
       if (data.ok) {
         _setResult(true, I18n.t("brand.activate.success"));
         if (data.product_name) _applyBrandName(data.product_name);
-        _clearBrandCache();
+        Brand.clearBrandCache();
         _applyHeaderLogo();
         setTimeout(_bootUI, 800);
       } else {
@@ -236,8 +169,6 @@ const Brand = (() => {
   }
 
   function _skipActivation() {
-    // Show a dismissible warning so the user knows brand features are unavailable.
-    // Pass the i18n key so the bar text updates when the user switches language.
     _showWarning(I18n.t("brand.skip.warning"), "brand.skip.warning");
     _bootUI();
   }
@@ -250,7 +181,6 @@ const Brand = (() => {
     el.className   = "onboard-test-result " + (ok ? "result-ok" : "result-fail");
   }
 
-  // Replace all branded text nodes in the DOM.
   function _applyBrandName(name) {
     const nodes = {
       "page-title":    name,
@@ -264,40 +194,21 @@ const Brand = (() => {
     });
   }
 
-  // Cache for brand info to avoid redundant fetches and duplicate image loads.
-  let _brandInfoCache = null;
-  let _brandInfoFetching = null;
-
-  // Fetch /api/brand once and cache the result. Returns a Promise<info>.
-  function _fetchBrandInfo() {
-    if (_brandInfoCache) return Promise.resolve(_brandInfoCache);
-    if (_brandInfoFetching) return _brandInfoFetching;
-    _brandInfoFetching = fetch("/api/brand")
-      .then(r => r.json())
-      .then(info => { _brandInfoCache = info; _brandInfoFetching = null; return info; })
-      .catch(err => { _brandInfoFetching = null; throw err; });
-    return _brandInfoFetching;
-  }
-
-  // Fetch /api/brand and apply logo_url + product_name to the header if available.
   function _applyHeaderLogo() {
-    _fetchBrandInfo().then(info => {
+    Brand.fetchInfo().then(info => {
       const logoImg   = document.getElementById("header-logo-img");
       const logoText  = document.getElementById("header-logo");
       const brandWrap = document.getElementById("header-brand");
 
-      // Apply theme color — overrides --color-accent-primary and --color-button-primary
       if (info.theme_color) {
         const root = document.documentElement;
         root.style.setProperty("--color-accent-primary",      info.theme_color);
         root.style.setProperty("--color-accent-hover",        info.theme_color);
         root.style.setProperty("--color-button-primary",      info.theme_color);
         root.style.setProperty("--color-button-primary-hover", info.theme_color);
-        // Also update browser tab color on mobile
         const metaTheme = document.querySelector("meta[name='theme-color']");
         if (metaTheme) metaTheme.setAttribute("content", info.theme_color);
       } else {
-        // No brand theme — remove any previously applied overrides to restore defaults
         const root = document.documentElement;
         root.style.removeProperty("--color-accent-primary");
         root.style.removeProperty("--color-accent-hover");
@@ -305,60 +216,46 @@ const Brand = (() => {
         root.style.removeProperty("--color-button-primary-hover");
       }
 
-      // header-brand already has onclick="Router.navigate('chat')" in HTML, no extra link needed
-
       const hasLogo = !!(info.logo_url && logoImg);
 
       if (hasLogo) {
         if (logoImg.src && logoImg.src === info.logo_url) {
-          // Already showing the correct logo — only ensure favicon is in sync
           _applyFavicon(info.logo_url);
         } else {
-          // Pre-load the image; only show it once loaded to avoid layout flicker
           const img = new Image();
           img.onload = () => {
             logoImg.src           = info.logo_url;
             logoImg.alt           = info.product_name || "";
             logoImg.style.display = "";
             if (brandWrap) brandWrap.classList.add("has-logo");
-            // Update browser tab favicon to match the brand logo
             _applyFavicon(info.logo_url);
           };
-          img.onerror = () => {
-            // Logo failed to load — keep text-only mode
-          };
+          img.onerror = () => {};
           img.src = info.logo_url;
         }
       } else if (info.product_name) {
-        // Brand configured but no logo — hide the image, brand name text is enough
         if (logoImg) {
           logoImg.style.display = "none";
           logoImg.src           = "";
         }
         if (brandWrap) brandWrap.classList.remove("has-logo");
       } else {
-        // No brand at all — show default OpenClacky logo
         _applyDefaultLogo();
       }
 
-      // Always show brand name text; hide it only when no brand name is set
       if (logoText) {
         const name = info.product_name || "";
         if (name) {
           logoText.textContent    = name;
           logoText.style.display  = "";
         } else {
-          // No brand configured — show the default "OpenClacky" name
           logoText.textContent   = "OpenClacky";
           logoText.style.display = "";
         }
       }
-    }).catch(() => {
-      // Silently ignore — logo is non-critical
-    });
+    }).catch(() => {});
   }
 
-  // Apply the default OpenClacky logo based on current theme.
   function _applyDefaultLogo() {
     const logoImg   = document.getElementById("header-logo-img");
     const brandWrap = document.getElementById("header-brand");
@@ -370,8 +267,6 @@ const Brand = (() => {
     if (brandWrap) brandWrap.classList.add("has-logo");
   }
 
-  // Replace the browser tab favicon with the given URL.
-  // Works for both image URLs and SVG data URIs.
   function _applyFavicon(url) {
     let link = document.querySelector("link[rel='icon']");
     if (!link) {
@@ -387,9 +282,6 @@ const Brand = (() => {
     link.href = url;
   }
 
-  // Show a dismissible warning bar above the main content.
-  // The i18n key is stored on the span so I18n.applyAll() can re-translate
-  // it when the user switches language without dismissing the bar.
   function _showWarning(message, i18nKey) {
     const existing = document.getElementById("brand-warning-bar");
     if (existing) return;
@@ -411,51 +303,29 @@ const Brand = (() => {
     document.getElementById("main").prepend(bar);
   }
 
-  // Continue the boot sequence after brand check is resolved (activated or skipped).
-  // Delegates to window.bootAfterBrand() defined in app.js so the onboard check
-  // runs before WS.connect() — ensures key_setup is shown when no API key exists.
   function _bootUI() {
     if (typeof window.bootAfterBrand === "function") {
       window.bootAfterBrand();
     } else {
-      // Fallback: app.js not yet loaded, boot directly
       WS.connect();
       Tasks.load();
       Skills.load();
     }
   }
 
-  // Bust the cached /api/brand response so the next applyHeaderLogo() call
-  // fetches fresh data from the server (needed after license key switch).
-  function _clearBrandCache() {
-    _brandInfoCache    = null;
-    _brandInfoFetching = null;
-  }
-
-  // Poll /api/brand a few times to pick up freshly-refreshed distribution
-  // assets (logo_url / theme_color / homepage_url). Used on first boot of a
-  // branded-but-unactivated install, where /api/brand/status just kicked off
-  // an async distribution fetch — brand.yml will be written once the round-
-  // trip completes, and we want to apply the result in the current session.
-  //
-  // Delay schedule: 3s, 8s, 15s from now. Stops early once logo_url and
-  // theme_color are both present (assumed "fully refreshed").
-  // Safe to call multiple times: a second call is ignored while a poll chain
-  // is already in flight.
   let _distRefreshPolling = false;
   function _scheduleDistributionRefreshPoll() {
     if (_distRefreshPolling) return;
     _distRefreshPolling = true;
 
-    const delays = [3000, 5000, 7000]; // cumulative: 3s, 8s, 15s
+    const delays = [3000, 5000, 7000];
     let attempt  = 0;
 
     const poll = () => {
-      _clearBrandCache();
-      _fetchBrandInfo().then(info => {
+      Brand.clearBrandCache();
+      Brand.fetchInfo().then(info => {
         const hasFullBrand = !!(info && info.logo_url && info.theme_color);
         _applyHeaderLogo();
-        // Stop when we've got the full brand visuals, or we've exhausted retries.
         if (hasFullBrand || attempt >= delays.length) {
           _distRefreshPolling = false;
           return;
@@ -470,30 +340,17 @@ const Brand = (() => {
     setTimeout(poll, delays[attempt++]);
   }
 
-  // Show or hide the OWNER badge next to the header logo, based on whether
-  // the current license is bound to a user (creator tier). Idempotent — safe
-  // to call multiple times. Should be invoked after any state change that
-  // affects userLicensed: initial check(), post-activation refresh(),
-  // post-unbind, etc.
   function _applyOwnerBadge() {
     const badge = document.getElementById("header-owner-badge");
     if (!badge) return;
-    badge.style.display = _userLicensed ? "" : "none";
+    badge.style.display = Brand.userLicensed ? "" : "none";
   }
 
-  // Show or hide the "Get a Serial Number" helper row in the activation form,
-  // driven by whether the brand vendor has published a homepage_url.
-  // URL source: /api/brand → homepage_url field (set by the brand partner
-  // via BrandConfig/distribution, never hardcoded in the client).
-  // Rules:
-  //   - homepage_url present        → row visible, button opens the URL
-  //   - homepage_url missing/empty  → row hidden (no dead link for
-  //                                    unbranded or brand-without-homepage setups)
   function _applyGetSerialLink() {
     const row = document.getElementById("brand-get-serial");
     const btn = document.getElementById("btn-get-serial");
     if (!row || !btn) return;
-    _fetchBrandInfo().then(info => {
+    Brand.fetchInfo().then(info => {
       const url = info && typeof info.homepage_url === "string" ? info.homepage_url.trim() : "";
       if (url) {
         row.style.display = "";
@@ -507,28 +364,21 @@ const Brand = (() => {
     });
   }
 
-  // Refresh internal brand state by re-fetching /api/brand/status.
-  // Unlike check() — which also drives the boot UI — refresh() only updates
-  // the cached flags (_branded / _userLicensed / _testMode) so code that
-  // reads them (e.g. Creator.updateSidebarVisibility) sees fresh values
-  // after a license activation without a full page reload.
-  async function refresh() {
-    try {
-      const res  = await fetch("/api/brand/status");
-      const data = await res.json();
-      _testMode     = !!data.test_mode;
-      _userLicensed = !!data.user_licensed;
-      _branded      = !!data.branded;
-      return data;
-    } catch (_) {
-      return null;
-    }
+  function _subscribe() {
+    Brand.on("brand:status", _onStatus);
+    window.addEventListener("clacky-theme-change", () => {});
   }
 
-  // Both themes use the same transparent A版 logo via CSS, no swap needed.
-  window.addEventListener("clacky-theme-change", e => {
-    // No-op
-  });
+  const viewApi = {
+    applyBrandName:     _applyBrandName,
+    applyHeaderLogo:    _applyHeaderLogo,
+    applyOwnerBadge:    _applyOwnerBadge,
+    applyGetSerialLink: _applyGetSerialLink,
+    goToLicenseInput:   _goToLicenseInput,
+  };
 
-  return { check, refresh, applyBrandName: _applyBrandName, applyHeaderLogo: _applyHeaderLogo, applyOwnerBadge: _applyOwnerBadge, applyGetSerialLink: _applyGetSerialLink, clearBrandCache: _clearBrandCache, goToLicenseInput: _goToLicenseInput, get userLicensed() { return _userLicensed; }, get branded() { return _branded; } };
+  return { init: _subscribe, api: viewApi };
 })();
+
+Object.assign(Brand, BrandView.api);
+BrandView.init();

data/lib/clacky/web/features/channels/store.js

@@ -0,0 +1,103 @@
+// ── Channels · store — channel status data + Agent-driven actions ──────────
+//
+// Channels is an Agent-First panel: no config forms. The store fetches platform
+// status and runs "open a session and send a /channel-manager command" actions.
+// It never renders — it emits events the view reacts to.
+//
+// Internal bus always live; Clacky.ext.emit mirrors to the extension bus.
+//
+// `Channels` stays the single public facade.
+//
+// Depends on: Sessions, I18n, Clacky.ext.
+// ───────────────────────────────────────────────────────────────────────────
+
+const ChannelsStore = (() => {
+  let _channels = [];
+
+  const _listeners = {};
+
+  function _on(event, handler) {
+    (_listeners[event] ||= []).push(handler);
+    return () => {
+      const list = _listeners[event];
+      const i = list ? list.indexOf(handler) : -1;
+      if (i >= 0) list.splice(i, 1);
+    };
+  }
+
+  function _emit(event, payload) {
+    (_listeners[event] || []).forEach((h) => h(payload));
+    if (window.Clacky && Clacky.ext) Clacky.ext.emit(event, payload);
+  }
+
+  const state = {
+    get channels() { return _channels; },
+  };
+
+  // Create a session, register it, queue a command, and navigate to it.
+  async function _sendToAgent(command, sessionName) {
+    try {
+      const maxN = Sessions.all.reduce((max, s) => {
+        const m = s.name.match(/^Session (\d+)$/);
+        return m ? Math.max(max, parseInt(m[1], 10)) : max;
+      }, 0);
+      const name = sessionName || ("Session " + (maxN + 1));
+
+      const res = await fetch("/api/sessions", {
+        method:  "POST",
+        headers: { "Content-Type": "application/json" },
+        body:    JSON.stringify({ name, source: "setup" }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error || I18n.t("channels.sessionError"));
+      const session = data.session;
+      if (!session) throw new Error(I18n.t("channels.noSession"));
+
+      Sessions.add(session);
+      Sessions.renderList();
+      Sessions.setPendingMessage(session.id, command);
+      Sessions.select(session.id);
+    } catch (e) {
+      alert("Error: " + e.message);
+    }
+  }
+
+  const Channels = {
+    on: _on,
+    state,
+
+    /** Fetch channel status; emit so the view re-renders. */
+    async load({ silent = false } = {}) {
+      if (!silent) _emit("channels:loading");
+      try {
+        const res  = await fetch("/api/channels");
+        const data = await res.json();
+        _channels = data.channels || [];
+        _emit("channels:changed", { channels: _channels });
+      } catch (e) {
+        _emit("channels:error", { message: e.message });
+      }
+    },
+
+    /** Toggle a channel's enabled flag; reload silently on success. */
+    async toggle(platform, desired) {
+      const res = await fetch(`/api/channels/${encodeURIComponent(platform)}/enabled`, {
+        method:  "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body:    JSON.stringify({ enabled: desired }),
+      });
+      const data = await res.json();
+      if (!res.ok || !data.ok) throw new Error(data.error || "toggle failed");
+      await Channels.load({ silent: true });
+    },
+
+    /** Open a session and run the channel doctor / setup commands. */
+    runTest(command, name)  { return _sendToAgent(command, name); },
+    openSetup(command, name) { return _sendToAgent(command, name); },
+    sendToAgent: _sendToAgent,
+  };
+
+  return Channels;
+})();
+
+const Channels = ChannelsStore;