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

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

@@ -108,18 +108,19 @@ export interface TrailRequestIntroModalProps {
      */
     notedBy?: string[];
     /**
-     * Visit roster for the `VISITED BY` row — its own row below
-     * `REVIEWED BY` and `NOTES BY`.
+     * Visit roster for the `VISITED BY` row.
      *
-     * - `verified`: display names of identified visitors. The panel is
+     * - `verified`: display names of identified visitors — rendered as
+     *   the `VISITED BY` avatar strip below the modal. 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.
+     * The aggregate (`verified.length + anonymousCount`) is shown in
+     * the modal header next to the relative-time stamp (e.g.
+     * `3d ago · 14 visits`); the strip itself only lists verified
+     * visitors so anonymous identities aren't fabricated as avatars.
      */
     visitedBy?: {
         verified: string[];

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;;;;;;;;;;;;;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"}
+{"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;;;;;;;;;;;;;;OAcG;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,CA2qBxE,CAAC;AA6JF;;;;;;;;;;;;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,7 +258336,6 @@ 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
@@ -258535,7 +258534,18 @@ const TrailRequestIntroModal = ({
                                   " ",
                                   /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: author })
                                 ] }) : null,
-                                dateStamp ? /* @__PURE__ */ jsx("span", { children: dateStamp }) : null
+                                dateStamp ? /* @__PURE__ */ jsx("span", { children: dateStamp }) : null,
+                                visitTotal > 0 ? /* @__PURE__ */ jsxs(
+                                  "span",
+                                  {
+                                    title: visitedBy ? `${visitedBy.verified.length} verified · ${visitedBy.anonymousCount} anonymous` : void 0,
+                                    children: [
+                                      visitTotal,
+                                      " ",
+                                      visitTotal === 1 ? "visit" : "visits"
+                                    ]
+                                  }
+                                ) : null
                               ]
                             }
                           )
@@ -258957,15 +258967,16 @@ ${s2.comment}` : ""}${hasNotes ? "\n(click to highlight their notes on the manif
                 })
               }
             ) : null,
-            visitedBy && visitTotal > 0 ? /* @__PURE__ */ jsx(
-              VisitedByRow,
+            visitedBy && visitedBy.verified.length > 0 ? /* @__PURE__ */ jsx(
+              AvatarStrip,
               {
                 theme: theme2,
-                verified: visitedBy.verified,
-                anonymousCount: visitedBy.anonymousCount,
-                total: visitTotal,
-                expanded: visitedExpanded,
-                onToggle: () => setVisitedExpanded((v) => !v)
+                label: "VISITED BY",
+                entries: visitedBy.verified.map((name2) => ({
+                  key: name2,
+                  name: name2,
+                  tooltip: name2
+                }))
               }
             ) : null
           ]
@@ -259093,154 +259104,6 @@ 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));