chatter + cli rewrite

colony/core/roles/webview/static/index.html

@@ -16,6 +16,22 @@
     <div class="headline">
       <h1>Colony</h1>
       <p id="summary" class="summary">Loading...</p>
+      <div id="bell-wrap" class="bell-wrap" hidden>
+        <button id="bell" type="button" class="bell" aria-expanded="false" aria-controls="inbox-panel" aria-label="Messages" title="Messages">
+          <svg viewBox="0 0 20 20" aria-hidden="true"><path d="M5 14V9a5 5 0 0 1 10 0v5l1.5 1.5h-13zM8.2 17.5a2 2 0 0 0 3.6 0"/></svg>
+          <span id="bell-count" class="bell-count" hidden></span>
+        </button>
+        <div id="toasts" class="toasts" aria-live="polite"></div>
+        <section id="inbox-panel" class="inbox-panel" aria-labelledby="inbox-title" hidden>
+          <div class="inbox-head">
+            <h2 id="inbox-title">Messages</h2>
+            <button id="inbox-read" type="button">Mark all read</button>
+          </div>
+          <ol id="inbox-list" class="inbox-list"></ol>
+          <p id="inbox-empty" class="inbox-empty muted" hidden>No messages yet.</p>
+          <button id="notify" type="button" class="notify" hidden>Turn on desktop notifications</button>
+        </section>
+      </div>
     </div>
     <div id="alerts" class="alerts"></div>
     <p id="error" class="error" hidden></p>
@@ -69,6 +85,7 @@
     <aside id="chat" class="chat" aria-labelledby="chat-title" hidden>
       <div class="chat-head">
         <h2 id="chat-title"></h2>
+        <button id="chat-ignore" type="button" class="chat-ignore" aria-pressed="false" hidden>Ignore</button>
         <button id="chat-close" type="button" aria-label="Close the chat" title="Close the chat (Escape)"><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M5 5l10 10M15 5L5 15"/></svg></button>
       </div>
       <p id="chat-status" class="chat-status" hidden></p>