@bongos/core 1.21.113 → 1.21.114

package/modules/public-landing/public/connections.probes.json

@@ -0,0 +1,414 @@
+{
+  "_": "The connections page’s interaction contract for modules/ui-design/kit/probe.js (task 1004278): the door signed out, the bar’s current place, then one sequence over the stub’s held graph — accept, decline, withdraw, remove, Connect on a builder you may know, and asking by handle with each refusal the route can give.",
+  "page": "/connections",
+  "surface": "public-landing",
+  "probes": [
+    {
+      "name": "connections signed out: the door, and no lists",
+      "auth": false,
+      "width": 1440,
+      "steps": [
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#door",
+          "#signin"
+        ],
+        "hidden": [
+          "#connBody"
+        ],
+        "href": [
+          [
+            "#signin",
+            "/api/bongos/auth/web/start?return=/connections&repos=1"
+          ]
+        ]
+      }
+    },
+    {
+      "name": "connections signed in: the profile band names this page as the current place",
+      "auth": true,
+      "width": 1440,
+      "steps": [
+        [
+          "wait",
+          600
+        ],
+        [
+          "click",
+          "#who"
+        ],
+        [
+          "wait",
+          150
+        ]
+      ],
+      "expect": {
+        "open": "#menuProfile",
+        "count": [
+          [
+            "#menuProfile a[aria-current=\"page\"]",
+            1
+          ]
+        ],
+        "text": [
+          [
+            "#menuProfile a[aria-current=\"page\"]",
+            "Connections"
+          ]
+        ]
+      }
+    },
+    {
+      "name": "connections: Accept turns a request into a connection, and the page re-reads",
+      "continue": true,
+      "steps": [
+        [
+          "press",
+          "Escape"
+        ],
+        [
+          "click",
+          "#incomingList .mineRow:first-child .btn:not(.ghost)"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "hasClass": [
+          [
+            "#connMsg",
+            "ok"
+          ]
+        ],
+        "text": [
+          [
+            "#connMsg",
+            "Connected."
+          ],
+          [
+            "#connCount",
+            "4 connections."
+          ],
+          [
+            "#connList .mineRow:first-child .mineRow__name",
+            "Priya Nair"
+          ]
+        ],
+        "count": [
+          [
+            "#incomingList .mineRow",
+            1
+          ]
+        ]
+      }
+    },
+    {
+      "name": "connections: Decline is silent to the asker, and the asking section folds when empty",
+      "continue": true,
+      "steps": [
+        [
+          "click",
+          "#incomingList .mineRow:first-child .ghost"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "text": [
+          [
+            "#connMsg",
+            "Declined. They are not told."
+          ]
+        ],
+        "hidden": [
+          "#connAsks"
+        ]
+      }
+    },
+    {
+      "name": "connections: Withdraw cancels a request you sent",
+      "continue": true,
+      "steps": [
+        [
+          "click",
+          "#outgoingList .mineRow:first-child .ghost"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "text": [
+          [
+            "#connMsg",
+            "Request withdrawn."
+          ]
+        ],
+        "hidden": [
+          "#sentH"
+        ],
+        "count": [
+          [
+            "#outgoingList .mineRow",
+            0
+          ]
+        ]
+      }
+    },
+    {
+      "name": "connections: Remove ends a connection",
+      "continue": true,
+      "steps": [
+        [
+          "click",
+          "#connList .mineRow:first-child .ghost"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "text": [
+          [
+            "#connMsg",
+            "Connection removed."
+          ],
+          [
+            "#connCount",
+            "3 connections."
+          ]
+        ]
+      }
+    },
+    {
+      "name": "connections: Connect on a builder you may know sends the request; they leave the suggestions and join what you sent",
+      "continue": true,
+      "steps": [
+        [
+          "click",
+          "#suggestList .mineRow:first-child .btn"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "hasClass": [
+          [
+            "#connMsg",
+            "ok"
+          ]
+        ],
+        "text": [
+          [
+            "#connMsg",
+            "Request sent."
+          ],
+          [
+            "#outgoingList .mineRow:first-child .mineRow__name",
+            "Sana Iqbal"
+          ]
+        ],
+        "count": [
+          [
+            "#suggestList .mineRow",
+            2
+          ],
+          [
+            "#outgoingList .mineRow",
+            1
+          ]
+        ],
+        "visible": [
+          "#sentH"
+        ]
+      }
+    },
+    {
+      "name": "connections: asking by handle takes an @, sends the note, says Request sent and clears the field",
+      "continue": true,
+      "steps": [
+        [
+          "fill",
+          "#askHandle",
+          "@nadia"
+        ],
+        [
+          "fill",
+          "#askNote",
+          "We met on the Tidepool hall."
+        ],
+        [
+          "click",
+          "#askBtn"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "hasClass": [
+          [
+            "#askStatus",
+            "ok"
+          ]
+        ],
+        "text": [
+          [
+            "#askStatus",
+            "Request sent."
+          ]
+        ],
+        "value": [
+          [
+            "#askHandle",
+            ""
+          ],
+          [
+            "#askNote",
+            ""
+          ]
+        ],
+        "count": [
+          [
+            "#outgoingList .mineRow",
+            2
+          ]
+        ]
+      }
+    },
+    {
+      "name": "connections: asking again while a request stands is refused in plain words",
+      "continue": true,
+      "steps": [
+        [
+          "fill",
+          "#askHandle",
+          "nadia"
+        ],
+        [
+          "click",
+          "#askBtn"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "hasClass": [
+          [
+            "#askStatus",
+            "err"
+          ]
+        ],
+        "text": [
+          [
+            "#askStatus",
+            "There is already a request or a connection between you."
+          ]
+        ]
+      }
+    },
+    {
+      "name": "connections: an unknown handle gets the one answer a private or inactive one gets",
+      "continue": true,
+      "steps": [
+        [
+          "fill",
+          "#askHandle",
+          "nobody-here"
+        ],
+        [
+          "click",
+          "#askBtn"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "text": [
+          [
+            "#askStatus",
+            "No builder with that handle can be asked right now."
+          ]
+        ]
+      }
+    },
+    {
+      "name": "connections: your own handle is refused",
+      "continue": true,
+      "steps": [
+        [
+          "fill",
+          "#askHandle",
+          "builder"
+        ],
+        [
+          "click",
+          "#askBtn"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "text": [
+          [
+            "#askStatus",
+            "That is your own handle."
+          ]
+        ]
+      }
+    },
+    {
+      "name": "connections: an empty handle is a question, not a request",
+      "continue": true,
+      "steps": [
+        [
+          "fill",
+          "#askHandle",
+          ""
+        ],
+        [
+          "click",
+          "#askBtn"
+        ],
+        [
+          "wait",
+          100
+        ]
+      ],
+      "expect": {
+        "hasClass": [
+          [
+            "#askStatus",
+            "err"
+          ]
+        ],
+        "text": [
+          [
+            "#askStatus",
+            "Type a builder’s handle first."
+          ]
+        ]
+      }
+    }
+  ]
+}

package/modules/public-landing/public/connections.states.json

@@ -0,0 +1,17 @@
+{
+  "_": "The connections page's states for modules/ui-design/kit/render.js (task 1004278, ADR 0337 D5.4): signed out it is the sign-in door and nothing else; signed in it is the hub's bar (Connections the current place on the profile band) over the four lists, painted from the stub's one connection graph (fixtures/connections.json — two builders asking to connect, one with a note; three connections; three builders you may know, each with the server's own reason; one request sent). Every state here only reads, because the stub holds the graph for the run and the probes write to it. Dark only, like every apex page (ADR 0204). The no-connections page renders from connections-empty.states.json, the not-yet-active profile from connections-inactive.states.json.",
+  "page": "/connections",
+  "surface": "public-landing",
+  "modes": ["dark"],
+  "modeQuery": false,
+  "ignoreRequests": ["/api/(gds|bongos)/me$", "/my-projects", "/me/guild-"],
+  "ignoreConsole": ["/api/(gds|bongos)/me", "\\b401\\b", "Unauthorized"],
+  "ignoreControls": [".vh"],
+  "states": {
+    "out": { "auth": false, "actions": [["wait", 300]], "expect": { "visible": ["#door", "#signin", "#signinTop", "#projTrig"], "hidden": ["#connBody", "#who", "#loading", "#inactive", "#readFailed"] } },
+    "in": { "auth": true, "actions": [["wait", 500]], "expect": { "visible": ["#connBody", "#connAsks", "#connSuggest", "#sentH", "#askHandle", "#askBtn", "#who"], "hidden": ["#door", "#loading", "#inactive", "#readFailed", "#menuProfile"], "count": [["#incomingList .mineRow", 2], ["#connList .mineRow", 3], ["#suggestList .mineRow", 3], ["#outgoingList .mineRow", 1]], "text": [["#connCount", "3 connections."], ["#incomingList .mineRow:first-child .mineRow__name", "Priya Nair"], ["#incomingList .mineRow:first-child .connNote", "We were both on the Tidepool hall last month. Good working with you."], ["#suggestList .mineRow:first-child .mineRow__hint", "2 connections in common"], ["#outgoingList .mineRow:first-child .mineRow__hint", "Request sent"]] } },
+    "in-profile-band": { "auth": true, "actions": [["wait", 400], ["click", "#who"], ["wait", 300]], "expect": { "visible": ["#menuProfile"], "hidden": ["#menuProjects"], "text": [["#bandWhoLogin", "builder"], ["#menuProfile [aria-current=\"page\"]", "Connections"]] } },
+    "in-ask-filled": { "auth": true, "actions": [["wait", 500], ["fill", "#askHandle", "nadia"], ["fill", "#askNote", "We met on the Tidepool hall."]], "expect": { "value": [["#askHandle", "nadia"], ["#askNote", "We met on the Tidepool hall."]] } }
+  },
+  "reducedMotion": { "auth": true, "actions": [["wait", 300]] }
+}

package/modules/public-landing/public/contact.html

@@ -73,7 +73,7 @@
     <ul class="bandRow">
       <li class="bandCell"><a class="bandT" href="/projects?view=map">Sky</a><span class="bandC">the sky of every project</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=map&amp;sub=table">Table</a><span class="bandC">the same projects as rows</span></li>
-      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own or build on</span></li>
+      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=new">New project</a><span class="bandC">five questions and a home</span></li>
     </ul>
   </div>
@@ -85,7 +85,7 @@
       <li class="bandCell"><a class="bandT" href="/projects?view=mine">My projects</a></li>
       <!-- apex-only because /account is: it is served only where platform-identity
            runs, so a child instance loses the item whole (as on projects.html) -->
-      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
+      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/connections">Connections</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
       <!-- the honest hover target; assets/hub-bar.js upgrades the click to the POST -->
       <li class="bandCell"><a class="bandT signout" href="/api/bongos/auth/logout">Sign out</a></li>
     </ul>

package/modules/public-landing/public/guild.html

@@ -148,7 +148,7 @@
     <ul class="bandRow">
       <li class="bandCell"><a class="bandT" href="/projects?view=map">Sky</a><span class="bandC">the sky of every project</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=map&amp;sub=table">Table</a><span class="bandC">the same projects as rows</span></li>
-      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own or build on</span></li>
+      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=new">New project</a><span class="bandC">five questions and a home</span></li>
     </ul>
   </div>
@@ -158,7 +158,7 @@
     <p class="bandWho" id="bandWho"><img id="bandWhoImg" alt="" hidden><span class="whoName" id="bandWhoLogin"></span></p>
     <ul class="bandRow">
       <li class="bandCell"><a class="bandT" href="/projects?view=mine">My projects</a></li>
-      <li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li>
+      <li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/connections">Connections</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li>
       <!-- the honest hover target; the delegated click upgrades it to the POST -->
       <li class="bandCell"><a class="bandT signout" href="/api/bongos/auth/logout">Sign out</a></li>
     </ul>

package/modules/public-landing/public/index.html

@@ -702,7 +702,7 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
     <ul class="bandRow">
       <li class="bandCell"><a class="bandT" href="/projects?view=map">Sky</a><span class="bandC">the sky of every project</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=map&amp;sub=table">Table</a><span class="bandC">the same projects as rows</span></li>
-      <li class="bandCell" id="mineCell" hidden><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own or build on</span></li>
+      <li class="bandCell" id="mineCell" hidden><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=new">New project</a><span class="bandC">five questions and a home</span></li>
     </ul>
     <!-- About and Docs are site pages, not project views: they live in the footer row with
@@ -718,7 +718,7 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
            account page, where the person's own settings live (ADR 0337 D4.3).
            Apex-only because the page is — /account is served only where
            platform-identity runs, so a child instance loses the item whole. -->
-      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
+      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/connections">Connections</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
       <!-- the honest hover target; the script upgrades the click to the POST -->
       <li class="bandCell"><a class="bandT signout" href="/api/bongos/auth/logout">Sign out</a></li>
     </ul>

package/modules/public-landing/public/invitations.html

@@ -103,7 +103,7 @@
     <ul class="bandRow">
       <li class="bandCell"><a class="bandT" href="/projects?view=map">Sky</a><span class="bandC">the sky of every project</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=map&amp;sub=table">Table</a><span class="bandC">the same projects as rows</span></li>
-      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own or build on</span></li>
+      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=new">New project</a><span class="bandC">five questions and a home</span></li>
     </ul>
   </div>
@@ -113,7 +113,7 @@
     <p class="bandWho" id="bandWho"><img id="bandWhoImg" alt="" hidden><span class="whoName" id="bandWhoLogin"></span></p>
     <ul class="bandRow">
       <li class="bandCell"><a class="bandT" href="/projects?view=mine">My projects</a></li>
-      <li class="bandCell"><a class="bandT" href="/invitations" aria-current="page">Invitations</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li>
+      <li class="bandCell"><a class="bandT" href="/invitations" aria-current="page">Invitations</a></li><li class="bandCell"><a class="bandT" href="/connections">Connections</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li>
       <!-- the honest hover target; the delegated click upgrades it to the POST -->
       <li class="bandCell"><a class="bandT signout" href="/api/bongos/auth/logout">Sign out</a></li>
     </ul>

package/modules/public-landing/public/privacy.html

@@ -72,7 +72,7 @@
     <ul class="bandRow">
       <li class="bandCell"><a class="bandT" href="/projects?view=map">Sky</a><span class="bandC">the sky of every project</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=map&amp;sub=table">Table</a><span class="bandC">the same projects as rows</span></li>
-      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own or build on</span></li>
+      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=new">New project</a><span class="bandC">five questions and a home</span></li>
     </ul>
   </div>
@@ -84,7 +84,7 @@
       <li class="bandCell"><a class="bandT" href="/projects?view=mine">My projects</a></li>
       <!-- apex-only because /account is: it is served only where platform-identity
            runs, so a child instance loses the item whole (as on projects.html) -->
-      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
+      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/connections">Connections</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
       <!-- the honest hover target; assets/hub-bar.js upgrades the click to the POST -->
       <li class="bandCell"><a class="bandT signout" href="/api/bongos/auth/logout">Sign out</a></li>
     </ul>

package/modules/public-landing/public/projects.html

@@ -835,7 +835,7 @@ summary{min-height:24px;padding:3px 0;}
            ?view=map and carry the sub-view; setSub keeps the current one lit -->
       <li class="bandCell"><a class="bandT" href="?view=map" data-nav="map" data-sub="sky" aria-current="page">Sky</a><span class="bandC">the sky of every project</span></li>
       <li class="bandCell"><a class="bandT" href="?view=map&amp;sub=table" data-nav="map" data-sub="table">Table</a><span class="bandC">the same projects as rows</span></li>
-      <li class="bandCell"><a class="bandT" href="?view=mine" data-nav="mine">Your projects</a><span class="bandC">the ones you own or build on</span></li>
+      <li class="bandCell"><a class="bandT" href="?view=mine" data-nav="mine">Your projects</a><span class="bandC">the ones you own</span></li>
       <li class="bandCell"><a class="bandT" href="?view=new" data-nav="new">New project</a><span class="bandC">five questions and a home</span></li>
     </ul>
     <!-- About and Docs are site pages, not project views: they live in the
@@ -851,7 +851,7 @@ summary{min-height:24px;padding:3px 0;}
            account page, where the person's own settings live (ADR 0337 D4.3).
            Apex-only because the page is — /account is served only where
            platform-identity runs, so a child instance loses the item whole. -->
-      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
+      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/connections">Connections</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
       <!-- the honest hover target; the delegated click upgrades it to the POST -->
       <li class="bandCell"><a class="bandT signout" href="/api/bongos/auth/logout">Sign out</a></li>
     </ul>

package/modules/public-landing/public/projects.probes.json

@@ -144,9 +144,13 @@
       "auth": true, "width": 1440, "url": "/projects?view=manage&id=101",
       "steps": [["wait",900],["check","#mPick input[name=\"mPickShape\"][value=\"pair\"]"],["wait",100],["check","#mPick input[name=\"mPickMaterial\"][value=\"gold\"]"],["wait",100],["check","#mPick input[name=\"mPickStyle\"][value=\"wash\"]"],["wait",100],["check","#mPick input[name=\"mPickAccent\"][value=\"terracotta\"]"],["wait",100],["click","[data-pick-save]"],["wait",700]],
       "expect": {"text":[["#mPickMsg","Saved. The sky, your list and the card draw it this way from here; nothing on your project restarts for it."],["#mPlanet .v","the bongo pair in gold, washedyour choice."],["#mName","demo"]],"hasClass":[["#mPickMsg","ok",true]],"attr":[["#mOrb .worldOrb","data-template","pair-gold-wash"],["#mPick .pickPreview .worldOrb","data-template","pair-gold-wash"]],"checked":"#mPick input[name=\"mPickAccent\"][value=\"terracotta\"]","visible":["#mPick [data-pick-reset]"]} },
-    { "name": "manage flows: its planet — the pick handed back to the platform: the row's choice clears and the head falls back to the catalog's",
+    { "name": "manage flows: its planet — before handing back, a pick the catalog does not carry is saved on the same page: the bead in frost, plain; the head takes it, so the row now differs from the feed's pair in obsidian (task 1003645)",
       "auth": true, "width": 1440, "url": "/projects?view=manage&id=101",
-      "steps": [["wait",900],["click","[data-pick-reset]"],["wait",700]],
+      "steps": [["wait",900],["check","#mPick input[name=\"mPickShape\"][value=\"bead\"]"],["wait",100],["check","#mPick input[name=\"mPickMaterial\"][value=\"frost\"]"],["wait",100],["check","#mPick input[name=\"mPickStyle\"][value=\"plain\"]"],["wait",100],["click","[data-pick-save]"],["wait",700]],
+      "expect": {"hasClass":[["#mPickMsg","ok",true]],"attr":[["#mOrb .worldOrb","data-template","bead-frost-plain"]],"visible":["#mPick [data-pick-reset]"]} },
+    { "name": "manage flows: its planet — the pick handed back to the platform: the row's choice clears and the head falls back to the catalog's",
+      "continue": true,
+      "steps": [["click","[data-pick-reset]"],["wait",700]],
       "expect": {"text":[["#mPickMsg","Saved. The sky, your list and the card draw it this way from here; nothing on your project restarts for it."],["#mName","demo"]],"hasClass":[["#mPickMsg","ok",true]],"attr":[["#mOrb .worldOrb","data-template","pair-obsidian-tint"]]} },
     { "name": "manage flows: its planet at 390 — the bands fold to pills and a pick still saves",
       "auth": true, "width": 390, "url": "/projects?view=manage&id=101",

package/modules/public-landing/public/terms.html

@@ -72,7 +72,7 @@
     <ul class="bandRow">
       <li class="bandCell"><a class="bandT" href="/projects?view=map">Sky</a><span class="bandC">the sky of every project</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=map&amp;sub=table">Table</a><span class="bandC">the same projects as rows</span></li>
-      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own or build on</span></li>
+      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=new">New project</a><span class="bandC">five questions and a home</span></li>
     </ul>
   </div>
@@ -84,7 +84,7 @@
       <li class="bandCell"><a class="bandT" href="/projects?view=mine">My projects</a></li>
       <!-- apex-only because /account is: it is served only where platform-identity
            runs, so a child instance loses the item whole (as on projects.html) -->
-      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
+      <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/connections">Connections</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
       <!-- the honest hover target; assets/hub-bar.js upgrades the click to the POST -->
       <li class="bandCell"><a class="bandT signout" href="/api/bongos/auth/logout">Sign out</a></li>
     </ul>

package/modules/ui-design/kit/fixtures/connections-empty.json

@@ -0,0 +1,12 @@
+{
+  "connections": [],
+  "incoming": [],
+  "outgoing": [],
+  "suggestions": [
+    { "handle": "sana", "display_name": "Sana Iqbal", "avatar_url": "/__kit/avatar.svg", "reason": "You both build on Tidepool" },
+    { "handle": "owen-c", "display_name": "Owen Clarke", "avatar_url": null, "reason": "A project you both build on" }
+  ],
+  "directory": [
+    { "handle": "nadia", "display_name": "Nadia Haddad", "avatar_url": "/__kit/avatar.svg" }
+  ]
+}

package/modules/ui-design/kit/fixtures/connections-inactive.json

@@ -0,0 +1,7 @@
+{
+  "inactive": true,
+  "connections": [],
+  "incoming": [],
+  "outgoing": [],
+  "suggestions": []
+}

package/modules/ui-design/kit/fixtures/connections.json

@@ -0,0 +1,22 @@
+{
+  "connections": [
+    { "id": "41", "connected_at": "$now-12d", "handle": "mira", "display_name": "Mira Okafor", "avatar_url": "/__kit/avatar.svg" },
+    { "id": "42", "connected_at": "$now-40d", "handle": "tomas-r", "display_name": "Tomas Reyes", "avatar_url": null },
+    { "id": "43", "connected_at": "$now-73d", "handle": "juno", "display_name": null, "avatar_url": "/__kit/avatar.svg" }
+  ],
+  "incoming": [
+    { "id": "51", "note": "We were both on the Tidepool hall last month. Good working with you.", "created_at": "$now-2d", "seen_at": null, "handle": "priya", "display_name": "Priya Nair", "avatar_url": "/__kit/avatar.svg" },
+    { "id": "52", "note": null, "created_at": "$now-6d", "seen_at": "$now-5d", "handle": "dmitri-v", "display_name": "Dmitri Volkov", "avatar_url": null }
+  ],
+  "outgoing": [
+    { "id": "61", "note": null, "created_at": "$now-5d", "handle": "leo-b", "display_name": "Leo Brandt", "avatar_url": null }
+  ],
+  "suggestions": [
+    { "handle": "sana", "display_name": "Sana Iqbal", "avatar_url": "/__kit/avatar.svg", "reason": "2 connections in common" },
+    { "handle": "owen-c", "display_name": "Owen Clarke", "avatar_url": null, "reason": "You both build on Tidepool" },
+    { "handle": "rafa", "display_name": "Rafa", "avatar_url": "/__kit/avatar.svg", "reason": "A project you both build on" }
+  ],
+  "directory": [
+    { "handle": "nadia", "display_name": "Nadia Haddad", "avatar_url": "/__kit/avatar.svg" }
+  ]
+}