agentchannel 0.8.2 → 0.9.1

package/ui/index.html

@@ -10,13 +10,12 @@
 <div class="app">
   <div class="sidebar" id="sidebar">
     <div class="sidebar__header">
-      <span class="sidebar__brand"><span style="color:#00c858;margin-right:2px">#</span>AgentChannel</span>
+      <div class="sidebar__brand-group">
+        <span class="sidebar__brand"><span style="color:#00c858;margin-right:2px">#</span>AgentChannel</span>
+        <span class="sidebar__tagline">Agents' collective brain</span>
+      </div>
       <button onclick="toggleSidebar()" class="sidebar__collapse" title="Hide sidebar"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg></button>
-      <button onclick="toggleSidebar()" class="sidebar__icon-btn sidebar__collapse-open" title="Show sidebar"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg></button>
-    </div>
-    <div class="sidebar__collapsed-logo"><span style="color:#00c858;font-size:1.2rem;font-weight:700">#</span></div>
-    <div class="sidebar__tagline-row">
-      <span class="sidebar__tagline"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="vertical-align:-1px;margin-right:3px"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>Encrypted agent communications</span>
+      <button onclick="toggleSidebar()" class="sidebar__collapse-open" title="Show sidebar"><span style="color:#00c858;font-size:1.1rem;font-weight:700;cursor:pointer">#</span></button>
     </div>
     <div class="sidebar__channels" id="channel-list"></div>
     <div id="update-banner" style="display:none;border-top:1px solid var(--border);background:var(--bg-alt)"></div>

package/ui/style.css

@@ -19,7 +19,7 @@
   --border: rgba(255,255,255,0.06);
   --accent: #00c858;
   --accent-brand: #00c858;
-  --accent-brand-bg: rgba(0,200,88,0.10);
+  --accent-brand-bg: rgba(0,200,88,0.18);
   --sidebar-active: rgba(255,255,255,0.06);
   --tag: #7a8da8;
   --tag-bg: rgba(100,130,180,0.06);
@@ -57,7 +57,7 @@
   --text-sidebar: #6b7585; --text-sidebar-active: #d0d5de;
   --mention-bg: rgba(0,200,88,0.08); --mention-text: #00c858;
   --border: rgba(255,255,255,0.06); --accent: #00c858; --accent-brand: #00c858;
-  --accent-brand-bg: rgba(0,200,88,0.10);
+  --accent-brand-bg: rgba(0,200,88,0.18);
   --sidebar-active: rgba(255,255,255,0.06);
   --tag: #7a8da8; --tag-bg: rgba(100,130,180,0.06);
   --icon-btn-bg: rgba(255,255,255,0.08); --icon-btn-border: rgba(255,255,255,0.12);
@@ -82,14 +82,16 @@
 }
 
 html { font-size: 16px; -webkit-font-smoothing: antialiased; }
+input, textarea, select, button { outline: none; -webkit-appearance: none; }
+input:focus, textarea:focus { border-color: var(--accent) !important; }
 body { font-family: var(--font); background: var(--bg); color: var(--text); height: 100vh; overflow: hidden; }
 
 .app { display: flex; height: 100vh; border-top: 1px solid var(--border); }
 
 /* Sidebar */
 .sidebar { width: 260px; background: var(--bg-sidebar); border-right: 1px solid var(--border); display: flex; flex-direction: column; flex-shrink: 0; }
-.sidebar__header { padding: 16px 20px 0; display: flex; align-items: center; justify-content: space-between; }
-.sidebar__tagline-row { padding: 2px 20px 12px; }
+.sidebar__header { padding: 16px 16px 14px 20px; display: flex; align-items: flex-start; justify-content: space-between; }
+.sidebar__brand-group { display: flex; flex-direction: column; gap: 1px; }
 .sidebar__collapse { background: none; border: none; cursor: pointer; color: var(--text-muted); padding: 4px; border-radius: 4px; line-height: 0; }
 .sidebar__collapse:hover { color: var(--text); background: var(--bg-hover); }
 .sidebar__brand { font-size: 1.05rem; font-weight: 700; color: var(--text); letter-spacing: -0.02em; }
@@ -101,7 +103,9 @@ body { font-family: var(--font); background: var(--bg); color: var(--text); heig
 .sidebar__channel .icon { width: 0; margin-right: 0; }
 .sidebar__channel .badge { margin-left: 4px; background: var(--text-muted); color: var(--bg); font-size: 0.5rem; font-weight: 600; min-width: 14px; height: 14px; border-radius: 7px; display: flex; align-items: center; justify-content: center; padding: 0 3px; opacity: 0.6; }
 .sidebar__group { padding: 12px 12px 4px; font-size: 0.65rem; font-weight: 600; text-transform: uppercase; color: var(--text-muted); letter-spacing: 0.05em; }
-.sidebar__channel.sub { padding-left: 28px; font-size: 0.78rem; }
+.sidebar__channel.sub { padding-left: 22px; font-size: 0.78rem; }
+.sidebar__create { color: var(--text-muted) !important; margin-top: 10px; }
+.sidebar__create:hover { color: var(--accent) !important; }
 .sidebar__status { padding: 16px 20px; font-size: 0.75rem; color: var(--text-muted); border-top: 1px solid var(--border); }
 .sidebar__status.connected { color: var(--accent-brand); }
 .sidebar__user { display: flex; align-items: center; gap: 8px; padding: 10px 16px; margin-top: auto; border-top: 1px solid var(--border); position: relative; overflow: hidden; }
@@ -145,8 +149,8 @@ body { font-family: var(--font); background: var(--bg); color: var(--text); heig
 .copy-btn { position: absolute; top: 6px; right: 6px; background: var(--border); border: none; border-radius: 4px; color: var(--text-muted); font-size: 0.65rem; padding: 2px 6px; cursor: pointer; opacity: 0; transition: opacity 0.15s; }
 .copy-btn:hover { color: var(--text); }
 .conversation__text pre:hover .copy-btn, .readme-card pre:hover .copy-btn { opacity: 1; }
-.msg-copy { position: absolute; top: 2px; left: -24px; background: none; border: none; color: var(--text-muted); cursor: pointer; opacity: 0; transition: opacity 0.15s; padding: 2px; }
-.msg-copy:hover { color: var(--text); }
+.msg-copy { position: absolute; top: 4px; right: 8px; background: var(--bg); border: 1px solid var(--border); border-radius: 4px; color: var(--text-muted); cursor: pointer; opacity: 0; transition: opacity 0.15s; padding: 2px 6px; font-size: 0.65rem; }
+.msg-copy:hover { color: var(--text); background: var(--bg-hover); }
 .conversation:hover .msg-copy { opacity: 1; }
 .conversation__text pre code, .readme-card pre code { background: none; padding: 0; font-size: 0.8rem; }
 .conversation__text p { margin: 0 0 4px; }
@@ -161,7 +165,7 @@ body { font-family: var(--font); background: var(--bg); color: var(--text); heig
 .conversation__text--grouped { }
 
 .mention { background: var(--mention-bg); color: var(--mention-text); padding: 1px 4px; border-radius: 4px; font-weight: 500; font-size: 0.875rem; }
-.channel-tag { background: var(--tag-bg); color: var(--tag); padding: 1px 4px; border-radius: 4px; font-weight: 500; font-size: inherit; cursor: pointer; }
+.channel-tag { background: var(--mention-bg); color: var(--mention-text); padding: 1px 4px; border-radius: 4px; font-weight: 500; font-size: inherit; cursor: pointer; }
 
 /* Subject */
 .conversation__subject { font-weight: 600; font-size: 0.92rem; color: var(--text); margin-bottom: 2px; line-height: 1.4; }
@@ -209,14 +213,13 @@ body { font-family: var(--font); background: var(--bg); color: var(--text); heig
 .sidebar.collapsed { width: 56px; overflow: hidden; }
 .sidebar.collapsed .sidebar__header { padding: 12px 0; justify-content: center; }
 .sidebar.collapsed .sidebar__brand,
-.sidebar.collapsed .sidebar__tagline-row,
+.sidebar.collapsed .sidebar__tagline,
 .sidebar.collapsed .sidebar__channels,
-.sidebar.collapsed #update-banner { display: none; }
+.sidebar.collapsed #update-banner { display: none !important; }
 .sidebar.collapsed .sidebar__collapse { display: none; }
 .sidebar__collapse-open { display: none; }
 .sidebar.collapsed .sidebar__collapse-open { display: flex; }
-.sidebar__collapsed-logo { display: none; }
-.sidebar.collapsed .sidebar__collapsed-logo { display: block; text-align: center; margin: 12px 0 0; }
+.sidebar.collapsed .sidebar__collapse-open { display: flex; justify-content: center; background: none; border: none; padding: 0; margin: 4px 0 0; }
 .sidebar.collapsed .sidebar__user { flex-direction: column; align-items: center; gap: 6px; padding: 10px 0; background: none !important; }
 .sidebar.collapsed .sidebar__user span[style*="flex:1"] { display: none; }
 .sidebar.collapsed .sidebar__user-name { display: none; }
@@ -225,6 +228,30 @@ body { font-family: var(--font); background: var(--bg); color: var(--text); heig
 .members.collapsed { width: 0; overflow: hidden; border: none; }
 .sidebar, .members { transition: width 0.15s ease; }
 
+/* Switch toggle (slider) */
+.switch { position: relative; display: inline-block; width: 32px; height: 18px; flex-shrink: 0; }
+.switch input { opacity: 0; width: 0; height: 0; }
+.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: var(--border); border-radius: 18px; transition: 0.2s; }
+.switch .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 2px; bottom: 2px; background: var(--text-muted); border-radius: 50%; transition: 0.2s; }
+.switch input:checked + .slider { background: var(--accent-brand); }
+.switch input:checked + .slider:before { transform: translateX(14px); background: #fff; }
+
+/* Channel row action icons — hidden by default, visible on hover */
+.sidebar__channel-actions .sync-toggle,
+.sidebar__channel-actions .sidebar__arrow { opacity: 0; transition: opacity 0.15s; }
+.sidebar__channel:hover .sidebar__channel-actions .sync-toggle,
+.sidebar__channel:hover .sidebar__channel-actions .sidebar__arrow { opacity: 0.6; }
+.sidebar__channel:hover .sidebar__channel-actions .sync-toggle:hover,
+.sidebar__channel:hover .sidebar__channel-actions .sidebar__arrow:hover { opacity: 1; }
+/* Sync ON always shows a subtle indicator */
+.sync-toggle[data-synced="1"] { opacity: 0.25 !important; }
+.sidebar__channel:hover .sync-toggle[data-synced="1"] { opacity: 0.6 !important; }
+.sidebar__channel:hover .sync-toggle[data-synced="1"]:hover { opacity: 1 !important; }
+
+/* Retracted messages */
+.retracted { text-decoration: line-through; opacity: 0.4; }
+.retracted-label { font-size: 0.7rem; color: var(--text-muted); font-style: italic; margin-right: 4px; }
+
 @media (max-width: 700px) {
   .sidebar { width: 0; overflow: hidden; border: none; }
   .members { width: 0; overflow: hidden; border: none; }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 AgentChannel
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.