[#233] Unified workspace left rail: single host-tagged room list, 1/3-2/3 split

src/browser/shell.css

@@ -1331,6 +1331,23 @@ body {
   font-size: 10px;
 }
 
+/* Compact host tag (#233): marks owner-operated rooms in the merged list. Uses the
+   kit's chip radius/size tokens with 4px-grid padding (durable scope amendment) and
+   accent tokens with all-caps tracking. */
+.room-tag {
+  flex: 0 0 auto;
+  padding: 4px 8px;
+  border: 1px solid var(--accent-line);
+  border-radius: var(--r-pill);
+  background: var(--accent-weak);
+  color: var(--accent-text);
+  font-size: var(--fs-xs);
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+
 .room-sub {
   color: var(--muted);
   font-size: 11.5px;

src/browser/shell.html

@@ -71,24 +71,25 @@ <h1 class="welcome-title">Bring people and their agents into one room</h1>
 
       <div class="platform-body">
         <aside class="room-rail" aria-label="Workspace navigation">
-          <!-- Top region (~1/3, own scroll): hosted + joined room lists. -->
+          <!-- Top region (~1/3, own scroll): ONE merged room list (#233) — rooms you
+               host and rooms you've joined, hosted first then joined by recent
+               activity. Host-owned rows carry a compact `host` tag; joined rows keep
+               their reachability + #210 archive/delete affordances. The #217 remember
+               form and honest empty note live in `.joined-section` below the list. -->
           <div class="rail-rooms" aria-label="Rooms">
             <div class="rail-head">
-              <div id="rail-title" class="rail-title">Your rooms</div>
+              <div id="rail-title" class="rail-title">Rooms</div>
+              <button id="joined-show-archived" class="joined-archived-toggle" type="button" hidden aria-pressed="false"></button>
               <button id="new-room" class="new-room" type="button">+&nbsp; new room</button>
             </div>
             <ul id="room-list" class="room-list"></ul>
             <button id="rooms-more" class="morebtn" type="button" hidden aria-expanded="false"></button>
             <div id="rooms-error" class="rail-error" role="alert" hidden></div>
 
-            <!-- Rooms I'm in (#178): device-local joined-room history, metadata only. -->
-            <section class="joined-section" aria-label="Rooms I'm in">
-              <div class="joined-head">
-                <div id="joined-title" class="rail-title">Rooms I'm in</div>
-                <button id="joined-show-archived" class="joined-archived-toggle" type="button" hidden aria-pressed="false"></button>
-              </div>
-              <ul id="joined-list" class="joined-list"></ul>
-              <button id="joined-more" class="morebtn" type="button" hidden aria-expanded="false"></button>
+            <!-- Rooms I'm in (#178/#217): device-local remember form + honest empty
+                 note for the joined entries that render inside the merged list above.
+                 Reuses the existing `.joined-section` styling. -->
+            <section class="joined-section" aria-label="Remember a joined room">
               <p id="joined-empty" class="joined-empty">
                 No joined rooms tracked on this device yet. Paste an invite link to remember one
                 (metadata only — the token is never stored).