@industry-theme/file-city-panel 0.5.76 → 0.5.77

package/dist/panels/FileCityTrailExplorerPanel/overlays/TrailRequestIntroModal.d.ts

@@ -108,13 +108,23 @@ export interface TrailRequestIntroModalProps {
      */
     notedBy?: string[];
     /**
-     * Display names of visitors who have opened the trail but have
-     * neither signed off nor left a note. Rendered as the `VISITED BY`
-     * avatar strip — its own row, below `REVIEWED BY` and `NOTES BY`.
-     * The panel is responsible for filtering out anyone already
-     * present in the other two rosters before passing the list in.
+     * Visit roster for the `VISITED BY` row — its own row below
+     * `REVIEWED BY` and `NOTES BY`.
+     *
+     * - `verified`: display names of identified visitors. The panel is
+     *   responsible for filtering out anyone already present in the
+     *   other two rosters before passing the list in.
+     * - `anonymousCount`: aggregate count of unverified visits — no
+     *   per-visitor identity is surfaced.
+     *
+     * The row renders collapsed by default as `VISITED BY · N` (where
+     * N is `verified.length + anonymousCount`) and expands on click
+     * into the verified avatars plus an anonymous-count chip.
      */
-    visitedBy?: string[];
+    visitedBy?: {
+        verified: string[];
+        anonymousCount: number;
+    };
     /**
      * Optional `author → markerIds[]` map. When present, avatars in
      * either strip become clickable: clicking one opens the manifest

package/dist/panels/FileCityTrailExplorerPanel/overlays/TrailRequestIntroModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrailRequestIntroModal.d.ts","sourceRoot":"","sources":["../../../../src/panels/FileCityTrailExplorerPanel/overlays/TrailRequestIntroModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAmCzD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9D,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC;IACxC;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC;IAClE,qEAAqE;IACrE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA0pBxE,CAAC;AA0JF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb;;;uDAGmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;8BAC0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CA6CA,CAAC"}
+{"version":3,"file":"TrailRequestIntroModal.d.ts","sourceRoot":"","sources":["../../../../src/panels/FileCityTrailExplorerPanel/overlays/TrailRequestIntroModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAmCzD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9D,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC;IACxC;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC;IAClE,qEAAqE;IACrE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE;QACV,QAAQ,EAAE,MAAM,EAAE,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+pBxE,CAAC;AAoTF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb;;;uDAGmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;8BAC0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CA6CA,CAAC"}

package/dist/panels.bundle.js

@@ -258336,6 +258336,8 @@ const TrailRequestIntroModal = ({
   React.useEffect(() => {
     if (!showManifest) setNoteAuthorFilter(null);
   }, [showManifest]);
+  const [visitedExpanded, setVisitedExpanded] = React.useState(false);
+  const visitTotal = ((visitedBy == null ? void 0 : visitedBy.verified.length) ?? 0) + ((visitedBy == null ? void 0 : visitedBy.anonymousCount) ?? 0);
   const [selectedMode, setSelectedMode] = React.useState(
     defaultMode
   );
@@ -258955,16 +258957,15 @@ ${s2.comment}` : ""}${hasNotes ? "\n(click to highlight their notes on the manif
                 })
               }
             ) : null,
-            visitedBy && visitedBy.length > 0 ? /* @__PURE__ */ jsx(
-              AvatarStrip,
+            visitedBy && visitTotal > 0 ? /* @__PURE__ */ jsx(
+              VisitedByRow,
               {
                 theme: theme2,
-                label: "VISITED BY",
-                entries: visitedBy.map((name2) => ({
-                  key: name2,
-                  name: name2,
-                  tooltip: name2
-                }))
+                verified: visitedBy.verified,
+                anonymousCount: visitedBy.anonymousCount,
+                total: visitTotal,
+                expanded: visitedExpanded,
+                onToggle: () => setVisitedExpanded((v) => !v)
               }
             ) : null
           ]
@@ -259092,6 +259093,154 @@ const AvatarStrip = ({ theme: theme2, label, entries, ringed = false }) => {
     }
   );
 };
+const VisitedByRow = ({ theme: theme2, verified, anonymousCount, total, expanded, onToggle }) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        marginTop: 10,
+        padding: "8px 14px",
+        background: theme2.colors.backgroundSecondary,
+        border: `1px solid ${theme2.colors.border}`,
+        borderRadius: theme2.radii[3],
+        display: "flex",
+        alignItems: "center",
+        gap: 10,
+        flexShrink: 0,
+        boxShadow: theme2.shadows[2]
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onToggle,
+            title: expanded ? "Collapse visitor breakdown" : `${verified.length} verified · ${anonymousCount} anonymous — click to expand`,
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 8,
+              flexShrink: 0,
+              background: "transparent",
+              border: "none",
+              padding: 0,
+              cursor: "pointer",
+              fontFamily: theme2.fonts.monospace,
+              fontSize: theme2.fontSizes[0],
+              color: theme2.colors.textTertiary,
+              letterSpacing: "0.04em"
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { children: "VISITED BY" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    minWidth: 24,
+                    height: 20,
+                    padding: "0 8px",
+                    borderRadius: 999,
+                    background: `color-mix(in srgb, ${theme2.colors.accent} 14%, transparent)`,
+                    border: `1px solid ${theme2.colors.border}`,
+                    fontFamily: theme2.fonts.body,
+                    fontSize: theme2.fontSizes[0],
+                    color: theme2.colors.textSecondary,
+                    letterSpacing: 0
+                  },
+                  children: total
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": true,
+                  style: {
+                    fontFamily: theme2.fonts.body,
+                    fontSize: theme2.fontSizes[0],
+                    color: theme2.colors.textTertiary,
+                    transform: expanded ? "rotate(90deg)" : "rotate(0deg)",
+                    transition: "transform 120ms ease",
+                    display: "inline-block",
+                    lineHeight: 1
+                  },
+                  children: "▸"
+                }
+              )
+            ]
+          }
+        ),
+        expanded ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 6,
+              flex: 1,
+              minWidth: 0,
+              overflowX: "auto"
+            },
+            children: [
+              verified.map((name2) => /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  title: name2,
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: 6,
+                    flexShrink: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Avatar, { theme: theme2, name: name2, size: 24 }),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontFamily: theme2.fonts.body,
+                          fontSize: theme2.fontSizes[0],
+                          color: theme2.colors.textSecondary
+                        },
+                        children: name2
+                      }
+                    )
+                  ]
+                },
+                name2
+              )),
+              anonymousCount > 0 ? /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  title: `${anonymousCount} anonymous ${anonymousCount === 1 ? "visitor" : "visitors"}`,
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    flexShrink: 0,
+                    padding: "2px 10px",
+                    borderRadius: 999,
+                    background: "transparent",
+                    border: `1px dashed ${theme2.colors.border}`,
+                    fontFamily: theme2.fonts.body,
+                    fontSize: theme2.fontSizes[0],
+                    color: theme2.colors.textTertiary
+                  },
+                  children: [
+                    "+",
+                    anonymousCount,
+                    " anonymous"
+                  ]
+                }
+              ) : null
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+};
 const LgtmStamp = ({ theme: theme2, size, rotated = true, text: text2 = "LGTM" }) => {
   const inkColor = theme2.colors.success;
   const borderWidth = Math.max(2, Math.round(size / 30));
@@ -260897,6 +261046,7 @@ const FileCityTrailSequenceLayout = ({
               return Array.from(noteAuthors);
             })(),
             visitedBy: (() => {
+              if (!trail2.visitors) return void 0;
               const signers = new Set(
                 (trail2.signOffs ?? []).map((s2) => s2.author)
               );
@@ -260904,16 +261054,19 @@ const FileCityTrailSequenceLayout = ({
               for (const n of trail2.notes ?? []) {
                 if (n.author) noteAuthors.add(n.author);
               }
-              const visited = [];
+              const verified = [];
               const dedupe = /* @__PURE__ */ new Set();
-              for (const v of trail2.visitors ?? []) {
+              for (const v of trail2.visitors.named) {
                 if (!v || v === trail2.author) continue;
                 if (signers.has(v) || noteAuthors.has(v)) continue;
                 if (dedupe.has(v)) continue;
                 dedupe.add(v);
-                visited.push(v);
+                verified.push(v);
               }
-              return visited;
+              return {
+                verified,
+                anonymousCount: Math.max(0, trail2.visitors.anonymousCount | 0)
+              };
             })(),
             notesByAuthor: (() => {
               const map2 = /* @__PURE__ */ new Map();