personal memory agent
apps/entities: add 'edit in all facets' link on per-facet detail
Per-facet entity detail view (#entity-detail-view) now shows
'edit {entity_name} in all facets →' next to the back-link. Clicking it
calls window.selectFacet(null); the existing facet.switch chain lands
the same entity in the all-facets detail view.
Layout uses CPO Option (a): a .entity-detail-link-row wrapper around the
back-link and the new link. Wrapper-div (not parent-flex) avoids
distributing the header's other children (title, aka, indicators).
Source: req_zcuvy72r (VPE) / CPO design-entity-edit-in-all-facets.md
(Option A, founder UX walk-through 2026-04-26).
+28
-1
+28
-1
apps/entities/workspace.html
+28
-1
apps/entities/workspace.html
···
220
220
opacity: 0.7;
221
221
}
222
222
223
+
.entity-detail-link-row {
224
+
display: flex;
225
+
align-items: center;
226
+
justify-content: space-between;
227
+
flex-wrap: wrap;
228
+
gap: 0.5em 1em;
229
+
}
230
+
231
+
.entity-detail-allfacets {
232
+
display: inline-flex;
233
+
align-items: center;
234
+
gap: 0.5em;
235
+
color: var(--facet-color, #667eea);
236
+
text-decoration: none;
237
+
font-size: 0.9em;
238
+
cursor: pointer;
239
+
}
240
+
241
+
.entity-detail-allfacets:hover { text-decoration: underline; }
242
+
243
+
.entity-detail-allfacets:active { opacity: 0.7; }
244
+
223
245
.entity-detail-title {
224
246
display: flex;
225
247
align-items: center;
···
1433
1455
<!-- Entity detail view -->
1434
1456
<div id="entity-detail-view" class="entity-detail-view" style="display: none;">
1435
1457
<div class="entity-detail-header">
1436
-
<a class="entity-detail-back" href="#" onclick="event.preventDefault(); navigateToList()">← back to entities</a>
1458
+
<div class="entity-detail-link-row">
1459
+
<a class="entity-detail-back" href="#" onclick="event.preventDefault(); navigateToList()">← back to entities</a>
1460
+
<a class="entity-detail-allfacets" href="#" onclick="event.preventDefault(); window.selectFacet(null);">edit <span id="detail-allfacets-name"></span> in all facets →</a>
1461
+
</div>
1437
1462
<div class="entity-detail-title">
1438
1463
<h2 class="entity-detail-name" id="detail-name"></h2>
1439
1464
<span class="entity-detail-type" id="detail-type"></span>
···
1731
1756
function showFacetDetailView(entityId) {
1732
1757
// Show loading state
1733
1758
document.getElementById('detail-name').textContent = 'loading...';
1759
+
document.getElementById('detail-allfacets-name').textContent = 'loading...';
1734
1760
document.getElementById('detail-type').textContent = '';
1735
1761
document.getElementById('detail-aka').textContent = '';
1736
1762
document.getElementById('detail-indicators').innerHTML = '';
···
2259
2285
2260
2286
// Header
2261
2287
document.getElementById('detail-name').textContent = entity.name;
2288
+
document.getElementById('detail-allfacets-name').textContent = entity.name;
2262
2289
2263
2290
// Type badge and detached badge
2264
2291
const typeEl = document.getElementById('detail-type');