@mbpockets/shared-ui 0.2.0 → 0.2.6

package/dist/EventPage.d.cts

@@ -1,6 +1,6 @@
-export { E as EventBanner, a as EventBannerEdit, b as EventBannerEditPayload, c as EventBannerProps, d as EventBasicInfoEdit, e as EventBasicInfoEditPayload, f as EventEditProvider, u as useEventEdit } from './index-DC0kK3aC';
+export { E as EventBanner, a as EventBannerEdit, b as EventBannerEditPayload, c as EventBannerProps, d as EventBasicInfoEdit, e as EventBasicInfoEditPayload, f as EventEditProvider, u as useEventEdit } from './index-Csj8S4A4';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { EventDB } from './types/event';
+import { EventDetails } from './types/event';
 import { Tag } from './types/tag';
 import React__default from 'react';
 
@@ -16,9 +16,9 @@ declare const CANDIDATE_TIMEZONES: string[];
 declare function EventBasicInfo(props: EventBasicInfoProps): react_jsx_runtime.JSX.Element;
 
 type EventPageProps = {
-    mergedEvent: EventDB;
+    mergedEvent: EventDetails;
     isOwner: boolean;
-    updateEvent?: (patch: Partial<EventDB>) => void;
+    updateEvent?: (patch: Partial<EventDetails>) => void;
     updateImages?: () => void;
     attendees: number;
     numGames: number;
@@ -33,6 +33,8 @@ interface EventTablesCardProps {
     tags: Tag[];
     maxHeight?: number | string;
     onTableClick?: (id: number) => void;
+    showEventTag?: boolean;
+    eventTagId?: number;
 }
 /**
  * Event page card that shows a scrollable list of tables, reusing search result cards.

package/dist/EventPage.d.ts

@@ -1,6 +1,6 @@
-export { E as EventBanner, a as EventBannerEdit, b as EventBannerEditPayload, c as EventBannerProps, d as EventBasicInfoEdit, e as EventBasicInfoEditPayload, f as EventEditProvider, u as useEventEdit } from './index-D7WHhl3Q';
+export { E as EventBanner, a as EventBannerEdit, b as EventBannerEditPayload, c as EventBannerProps, d as EventBasicInfoEdit, e as EventBasicInfoEditPayload, f as EventEditProvider, u as useEventEdit } from './index-B23RQop0';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { EventDB } from './types/event';
+import { EventDetails } from './types/event';
 import { Tag } from './types/tag';
 import React__default from 'react';
 
@@ -16,9 +16,9 @@ declare const CANDIDATE_TIMEZONES: string[];
 declare function EventBasicInfo(props: EventBasicInfoProps): react_jsx_runtime.JSX.Element;
 
 type EventPageProps = {
-    mergedEvent: EventDB;
+    mergedEvent: EventDetails;
     isOwner: boolean;
-    updateEvent?: (patch: Partial<EventDB>) => void;
+    updateEvent?: (patch: Partial<EventDetails>) => void;
     updateImages?: () => void;
     attendees: number;
     numGames: number;
@@ -33,6 +33,8 @@ interface EventTablesCardProps {
     tags: Tag[];
     maxHeight?: number | string;
     onTableClick?: (id: number) => void;
+    showEventTag?: boolean;
+    eventTagId?: number;
 }
 /**
  * Event page card that shows a scrollable list of tables, reusing search result cards.

package/dist/EventPage.mjs

@@ -17,6 +17,7 @@ import Divider from '@mui/material/Divider';
 import Typography4 from '@mui/material/Typography';
 import Pagination from '@mui/material/Pagination';
 import Avatar from '@mui/material/Avatar';
+import { useRouter } from 'next/navigation';
 import Chip2 from '@mui/material/Chip';
 import LinearProgress from '@mui/material/LinearProgress';
 import PersonIcon from '@mui/icons-material/Person';
@@ -113,12 +114,29 @@ function Chip({ tag, removeCallback }) {
 function generateTagsDisplay(tag) {
   return /* @__PURE__ */ jsx(Chip, { tag }, tag.id);
 }
-function renderTagsFromIds(ids, legalTags) {
+function renderTagsFromIds(ids, legalTags, options = {}) {
   if (!ids || !legalTags || legalTags.length === 0) {
     return /* @__PURE__ */ jsx(Fragment, {});
   }
+  const { showEventTag = false, eventTagId } = options;
   const validTags = ids.map((id) => legalTags.find((tag) => tag.id === id)).filter((tag) => Boolean(tag));
-  return validTags.map((tag) => generateTagsDisplay(tag));
+  const sortedTags = [...validTags].sort((a, b) => {
+    if (showEventTag && eventTagId !== void 0) {
+      if (a.id === eventTagId && b.id === eventTagId) return 0;
+      if (a.id === eventTagId) return -1;
+      if (b.id === eventTagId) return 1;
+    }
+    const priorityOrder = ["Organizer Run", "Display Only"];
+    const aIndex = priorityOrder.indexOf(a.label);
+    const bIndex = priorityOrder.indexOf(b.label);
+    if (aIndex !== -1 && bIndex !== -1) {
+      return aIndex - bIndex;
+    }
+    if (aIndex !== -1) return -1;
+    if (bIndex !== -1) return 1;
+    return 0;
+  });
+  return sortedTags.map((tag) => generateTagsDisplay(tag));
 }
 function EventBannerEdit({
   initialValue,
@@ -928,6 +946,9 @@ var generateLink = function(link) {
     link.text
   );
 };
+
+// src/data/values.tsx
+var DEFAULT_PROFILE_PIC = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMDsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogbm9uZTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MDY1OTM0MDY1OTM0MDE2IDEuNDA2NTkzNDA2NTkzNDAxNikgc2NhbGUoMi44MSAyLjgxKSI+Cgk8cGF0aCBkPSJNIDQ1IDg4IGMgLTExLjA0OSAwIC0yMS4xOCAtMi4wMDMgLTI5LjAyMSAtOC42MzQgQyA2LjIxMiA3MS4xMDUgMCA1OC43NjQgMCA0NSBDIDAgMjAuMTg3IDIwLjE4NyAwIDQ1IDAgYyAyNC44MTMgMCA0NSAyMC4xODcgNDUgNDUgYyAwIDEzLjc2NSAtNi4yMTIgMjYuMTA1IC0xNS45NzkgMzQuMzY2IEMgNjYuMTgxIDg1Ljk5OCA1Ni4wNDkgODggNDUgODggeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMjE0LDIxNCwyMTQpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cgk8cGF0aCBkPSJNIDQ1IDYwLjcxIGMgLTExLjQ3OSAwIC0yMC44MTggLTkuMzM5IC0yMC44MTggLTIwLjgxNyBjIDAgLTExLjQ3OSA5LjMzOSAtMjAuODE4IDIwLjgxOCAtMjAuODE4IGMgMTEuNDc5IDAgMjAuODE3IDkuMzM5IDIwLjgxNyAyMC44MTggQyA2NS44MTcgNTEuMzcxIDU2LjQ3OSA2MC43MSA0NSA2MC43MSB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigxNjUsMTY0LDE2NCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KCTxwYXRoIGQ9Ik0gNDUgOTAgYyAtMTAuNjEzIDAgLTIwLjkyMiAtMy43NzMgLTI5LjAyOCAtMTAuNjI1IGMgLTAuNjQ4IC0wLjU0OCAtMC44OCAtMS40NDQgLTAuNTc5IC0yLjIzNyBDIDIwLjAzNCA2NC45MTkgMzEuOTMzIDU2LjcxIDQ1IDU2LjcxIHMgMjQuOTY2IDguMjA5IDI5LjYwNyAyMC40MjggYyAwLjMwMSAwLjc5MyAwLjA2OSAxLjY4OSAtMC41NzkgMi4yMzcgQyA2NS45MjIgODYuMjI3IDU1LjYxMyA5MCA0NSA5MCB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigxNjUsMTY0LDE2NCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4=";
 var NextGameLabel = ({ nextGameTime }) => {
   const date = typeof nextGameTime === "string" ? new Date(nextGameTime) : nextGameTime;
   return /* @__PURE__ */ jsxs(Typography, { variant: "caption", sx: { display: "block", mb: 1, color: "primary.main", fontWeight: "bold" }, children: [
@@ -941,17 +962,22 @@ var BaseSearchResultCard = ({
   onClick,
   children,
   icon,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
+  const router = useRouter();
   const handleClick = (e) => {
+    const url = `/${result.type}/${result.id}`;
+    if (e.ctrlKey || e.metaKey || e.shiftKey) {
+      e.stopPropagation();
+      window.open(url, "_blank");
+      return;
+    }
     if (onClick) {
-      if (e.ctrlKey || e.metaKey || e.shiftKey) {
-        e.stopPropagation();
-        const url = `/${result.type}/${result.id}`;
-        window.open(url, "_blank");
-      } else {
-        onClick(result.id);
-      }
+      onClick(result.id);
+    } else {
+      router.push(url);
     }
   };
   return /* @__PURE__ */ jsx(
@@ -960,7 +986,7 @@ var BaseSearchResultCard = ({
       elevation: 6,
       sx: {
         width: "100%",
-        cursor: onClick ? "pointer" : "default",
+        cursor: "pointer",
         boxShadow: "0px 8px 24px rgba(0, 0, 0, 0.15)",
         transition: "box-shadow 0.3s ease-in-out",
         "&:hover": {
@@ -982,7 +1008,7 @@ var BaseSearchResultCard = ({
             const text = full || "";
             return text.length > 200 ? `${text.slice(0, 200).trimEnd()}...` : text;
           })() }) : /* @__PURE__ */ jsx(Typography4, { variant: "body1", children: result.description }),
-          result.tags && result.tags.length > 0 && /* @__PURE__ */ jsx(Box2, { sx: { mt: 1, display: "flex", flexWrap: "wrap", gap: 1 }, children: renderTagsFromIds(result.tags, tags) })
+          result.tags && result.tags.length > 0 && /* @__PURE__ */ jsx(Box2, { sx: { mt: 1, display: "flex", flexWrap: "wrap", gap: 1 }, children: renderTagsFromIds(result.tags, tags, { showEventTag, eventTagId }) })
         ] })
       ] })
     }
@@ -992,7 +1018,9 @@ var BaseSearchResultCard_default = BaseSearchResultCard;
 var PlayerResultCard = ({
   result,
   onClick,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
   const firstLetter = result.title.charAt(0).toUpperCase();
   const getAvatarColor = (name) => {
@@ -1024,7 +1052,7 @@ var PlayerResultCard = ({
   const playerIcon = /* @__PURE__ */ jsx(
     Avatar,
     {
-      src: result.imageUrl,
+      src: result.imageUrl || DEFAULT_PROFILE_PIC,
       alt: result.title,
       sx: {
         width: 40,
@@ -1034,13 +1062,25 @@ var PlayerResultCard = ({
       children: !result.imageUrl && firstLetter
     }
   );
-  return /* @__PURE__ */ jsx(BaseSearchResultCard_default, { result, onClick, icon: playerIcon, tags });
+  return /* @__PURE__ */ jsx(
+    BaseSearchResultCard_default,
+    {
+      result,
+      onClick,
+      icon: playerIcon,
+      tags,
+      showEventTag,
+      eventTagId
+    }
+  );
 };
 var PlayerResultCard_default = PlayerResultCard;
 var TableResultCard = ({
   result,
   onClick,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
   const rawCapacity = result.capacity;
   const hasDefinedCapacity = typeof rawCapacity === "number" && Number.isFinite(rawCapacity) && rawCapacity > 0;
@@ -1058,46 +1098,59 @@ var TableResultCard = ({
       }
     }
   );
-  return /* @__PURE__ */ jsx(BaseSearchResultCard_default, { result, onClick, icon: tableIcon, tags, children: /* @__PURE__ */ jsxs(Box2, { sx: { mb: 2 }, children: [
-    /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1 }, children: [
-      /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
-        /* @__PURE__ */ jsx("strong", { children: "Players:" }),
-        " ",
-        hasDefinedCapacity ? `${activePlayers}/${capacity}` : activePlayers
-      ] }),
-      typeof hasDM === "boolean" && /* @__PURE__ */ jsx(
-        Chip2,
-        {
-          icon: hasDM ? /* @__PURE__ */ jsx(SupervisorAccountIcon, {}) : /* @__PURE__ */ jsx(PersonIcon, {}),
-          label: hasDM ? "DM Present" : "No DM",
-          color: hasDM ? "success" : "warning",
-          size: "small"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      LinearProgress,
-      {
-        variant: "determinate",
-        value: occupancyPercentage,
-        sx: {
-          height: 10,
-          borderRadius: 5,
-          backgroundColor: "#e0e0e0",
-          "& .MuiLinearProgress-bar": {
-            backgroundColor: hasDefinedCapacity ? availableSlots > 0 ? "#4caf50" : "#f44336" : "#2196f3"
+  return /* @__PURE__ */ jsx(
+    BaseSearchResultCard_default,
+    {
+      result,
+      onClick,
+      icon: tableIcon,
+      tags,
+      showEventTag,
+      eventTagId,
+      children: /* @__PURE__ */ jsxs(Box2, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1 }, children: [
+          /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Players:" }),
+            " ",
+            hasDefinedCapacity ? `${activePlayers}/${capacity}` : activePlayers
+          ] }),
+          typeof hasDM === "boolean" && /* @__PURE__ */ jsx(
+            Chip2,
+            {
+              icon: hasDM ? /* @__PURE__ */ jsx(SupervisorAccountIcon, {}) : /* @__PURE__ */ jsx(PersonIcon, {}),
+              label: hasDM ? "DM Present" : "No DM",
+              color: hasDM ? "success" : "warning",
+              size: "small"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          LinearProgress,
+          {
+            variant: "determinate",
+            value: occupancyPercentage,
+            sx: {
+              height: 10,
+              borderRadius: 5,
+              backgroundColor: "#e0e0e0",
+              "& .MuiLinearProgress-bar": {
+                backgroundColor: hasDefinedCapacity ? availableSlots > 0 ? "#4caf50" : "#f44336" : "#2196f3"
+              }
+            }
           }
-        }
-      }
-    ),
-    hasDefinedCapacity && /* @__PURE__ */ jsx(Typography4, { variant: "body2", sx: { mt: 0.5, textAlign: "right" }, children: availableSlots > 0 ? `${availableSlots} slot${availableSlots !== 1 ? "s" : ""} available` : "Table full" })
-  ] }) });
+        ),
+        hasDefinedCapacity && /* @__PURE__ */ jsx(Typography4, { variant: "body2", sx: { mt: 0.5, textAlign: "right" }, children: availableSlots > 0 ? `${availableSlots} slot${availableSlots !== 1 ? "s" : ""} available` : "Table full" })
+      ] })
+    }
+  );
 };
 var TableResultCard_default = TableResultCard;
 var EventResultCard = ({
   result,
   onClick,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
   const formatDate = (dateString) => {
     const options = {
@@ -1109,7 +1162,7 @@ var EventResultCard = ({
     try {
       const date = new Date(dateString);
       return date.toLocaleDateString("en-US", options);
-    } catch (error) {
+    } catch (__) {
       return dateString;
     }
   };
@@ -1124,29 +1177,40 @@ var EventResultCard = ({
       }
     }
   );
-  return /* @__PURE__ */ jsx(BaseSearchResultCard_default, { result, onClick, icon: eventIcon, tags, children: /* @__PURE__ */ jsxs(Box2, { sx: { mb: 2 }, children: [
-    /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
-      /* @__PURE__ */ jsx(CalendarTodayIcon, { sx: { mr: 1, color: "primary.main" } }),
-      /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
-        /* @__PURE__ */ jsx("strong", { children: "Date:" }),
-        " ",
-        formattedDate
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx(LocationOnIcon, { sx: { mr: 1, color: "primary.main" } }),
-      /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
-        /* @__PURE__ */ jsx("strong", { children: "Location:" }),
-        " ",
-        location
+  return /* @__PURE__ */ jsx(
+    BaseSearchResultCard_default,
+    {
+      result,
+      onClick,
+      icon: eventIcon,
+      tags,
+      showEventTag,
+      eventTagId,
+      children: /* @__PURE__ */ jsxs(Box2, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
+          /* @__PURE__ */ jsx(CalendarTodayIcon, { sx: { mr: 1, color: "primary.main" } }),
+          /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Date:" }),
+            " ",
+            formattedDate
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx(LocationOnIcon, { sx: { mr: 1, color: "primary.main" } }),
+          /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Location:" }),
+            " ",
+            location
+          ] })
+        ] }),
+        result.organizer && /* @__PURE__ */ jsxs(Typography4, { variant: "body2", sx: { mt: 1 }, children: [
+          /* @__PURE__ */ jsx("strong", { children: "Organizer:" }),
+          " ",
+          result.organizer
+        ] })
       ] })
-    ] }),
-    result.organizer && /* @__PURE__ */ jsxs(Typography4, { variant: "body2", sx: { mt: 1 }, children: [
-      /* @__PURE__ */ jsx("strong", { children: "Organizer:" }),
-      " ",
-      result.organizer
-    ] })
-  ] }) });
+    }
+  );
 };
 var EventResultCard_default = EventResultCard;
 var ResultsContainer = ({
@@ -1154,20 +1218,22 @@ var ResultsContainer = ({
   onResultClick,
   tags,
   pagination,
-  onPacketChange
+  onPacketChange,
+  showEventTag,
+  eventTagId
 }) => {
   if (!results || results.length === 0 || !results.map) {
     return /* @__PURE__ */ jsx(Box2, { sx: { textAlign: "center", py: 4 }, children: "No results found. Try adjusting your filters." });
   }
-  const onPlayerClick = (id) => {
-    onResultClick == null ? void 0 : onResultClick(id, "player");
-  };
-  const onTableClick = (id) => {
-    onResultClick == null ? void 0 : onResultClick(id, "table");
-  };
-  const onEventClick = (id) => {
-    onResultClick == null ? void 0 : onResultClick(id, "event");
-  };
+  const onPlayerClick = onResultClick ? (id) => {
+    onResultClick(id, "player");
+  } : void 0;
+  const onTableClick = onResultClick ? (id) => {
+    onResultClick(id, "table");
+  } : void 0;
+  const onEventClick = onResultClick ? (id) => {
+    onResultClick(id, "event");
+  } : void 0;
   const handlePacketChange = (_event, packet) => {
     onPacketChange == null ? void 0 : onPacketChange(packet);
   };
@@ -1191,7 +1257,9 @@ var ResultsContainer = ({
             {
               result,
               onClick: onPlayerClick,
-              tags
+              tags,
+              showEventTag,
+              eventTagId
             },
             result.id
           );
@@ -1201,7 +1269,9 @@ var ResultsContainer = ({
             {
               result,
               onClick: onTableClick,
-              tags
+              tags,
+              showEventTag,
+              eventTagId
             },
             result.id
           );
@@ -1211,7 +1281,9 @@ var ResultsContainer = ({
             {
               result,
               onClick: onEventClick,
-              tags
+              tags,
+              showEventTag,
+              eventTagId
             },
             result.id
           );
@@ -1237,29 +1309,43 @@ var ScrollableResultsList = ({
   tags,
   maxHeight = 400,
   onResultClick,
-  emptyText
+  emptyText,
+  showEventTag,
+  eventTagId
 }) => {
   const hasResults = Array.isArray(results) && results.length > 0;
-  return /* @__PURE__ */ jsx(Box2, { sx: { maxHeight, overflowY: "auto", pr: 1 }, children: hasResults ? /* @__PURE__ */ jsx(ResultsContainer_default, { results, onResultClick, tags }) : /* @__PURE__ */ jsx(Box2, { sx: { textAlign: "center", py: 2 }, children: emptyText || "No results to display." }) });
+  return /* @__PURE__ */ jsx(Box2, { sx: { maxHeight, overflowY: "auto", pr: 1 }, children: hasResults ? /* @__PURE__ */ jsx(
+    ResultsContainer_default,
+    {
+      results,
+      onResultClick,
+      tags,
+      showEventTag,
+      eventTagId
+    }
+  ) : /* @__PURE__ */ jsx(Box2, { sx: { textAlign: "center", py: 2 }, children: emptyText || "No results to display." }) });
 };
 var ScrollableResultsList_default = ScrollableResultsList;
 var TablesScrollableList = ({
   results,
   tags,
   maxHeight,
-  onResultClick
+  onResultClick,
+  showEventTag,
+  eventTagId
 }) => {
   const tables = (results || []).filter((r) => (r == null ? void 0 : r.type) === "table");
-  const handleClick = (id) => onResultClick == null ? void 0 : onResultClick(id);
   return /* @__PURE__ */ jsx(
     ScrollableResultsList_default,
     {
       results: tables,
       tags,
       maxHeight,
-      onResultClick: (id, type) => {
-        if (type === "table") handleClick(id);
-      }
+      onResultClick: onResultClick ? (id, type) => {
+        if (type === "table") onResultClick(id);
+      } : void 0,
+      showEventTag,
+      eventTagId
     }
   );
 };
@@ -1268,12 +1354,24 @@ var EventTablesCard = ({
   tables,
   tags,
   maxHeight = 450,
-  onTableClick
+  onTableClick,
+  showEventTag,
+  eventTagId
 }) => {
   return /* @__PURE__ */ jsxs(Card3, { elevation: 6, sx: { width: "100%", boxShadow: "0px 8px 24px rgba(0, 0, 0, 0.15)" }, children: [
     /* @__PURE__ */ jsx(CardHeader, { title: "Tables" }),
     /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(CardContent3, { children: /* @__PURE__ */ jsx(TablesScrollableList_default, { results: tables, tags, maxHeight, onResultClick: onTableClick }) })
+    /* @__PURE__ */ jsx(CardContent3, { children: /* @__PURE__ */ jsx(
+      TablesScrollableList_default,
+      {
+        results: tables,
+        tags,
+        maxHeight,
+        onResultClick: onTableClick,
+        showEventTag,
+        eventTagId
+      }
+    ) })
   ] });
 };
 var EventTablesCard_default = EventTablesCard;
@@ -1302,7 +1400,15 @@ function EventPageLayout({
           locationId: mergedEvent.location || "0"
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid5, { size: { xs: 12, md: 8 }, spacing: 3, padding: 3, children: /* @__PURE__ */ jsx(EventTablesCard_default, { tables, tags: allTags }) })
+      /* @__PURE__ */ jsx(Grid5, { size: { xs: 12, md: 8 }, spacing: 3, padding: 3, children: /* @__PURE__ */ jsx(
+        EventTablesCard_default,
+        {
+          tables,
+          tags: allTags,
+          showEventTag: true,
+          eventTagId: mergedEvent.id
+        }
+      ) })
     ] }),
     /* @__PURE__ */ jsx(Grid5, {})
   ] }) });