strapi-plugin-magic-mark 1.1.0

package/dist/_chunks/index-DkkmdRgb.js

@@ -0,0 +1,2024 @@
+"use strict";
+const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@strapi/icons");
+const designSystem = require("@strapi/design-system");
+const reactIntl = require("react-intl");
+const reactRouterDom = require("react-router-dom");
+const admin = require("@strapi/strapi/admin");
+const styled = require("styled-components");
+const ReactDOM = require("react-dom");
+const qs = require("qs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const React__default = /* @__PURE__ */ _interopDefault(React);
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const ReactDOM__default = /* @__PURE__ */ _interopDefault(ReactDOM);
+const qs__default = /* @__PURE__ */ _interopDefault(qs);
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+const strapi = {
+  name: "magic-mark"
+};
+const pluginPkg = {
+  strapi
+};
+const pluginId = "magic-mark";
+const Initializer = ({ setPlugin }) => {
+  const ref = React.useRef(setPlugin);
+  React.useEffect(() => {
+    ref.current(pluginId);
+  }, []);
+  return null;
+};
+const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.Book, {});
+const ViewsListPopover = ({
+  views,
+  onViewClick,
+  isLoading = false,
+  buttonElement
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Box,
+    {
+      hasRadius: true,
+      shadow: "popover",
+      padding: 3,
+      style: {
+        position: "absolute",
+        top: "100%",
+        left: 0,
+        marginTop: "8px",
+        minWidth: "200px",
+        maxWidth: "300px",
+        zIndex: 1e3,
+        backgroundColor: "white"
+      },
+      children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", textAlign: "center", children: formatMessage({ id: "loading", defaultMessage: "Loading..." }) }) : views && views.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 1, as: "nav", children: views.map((view) => /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "ghost",
+          fullWidth: true,
+          onClick: () => onViewClick(view),
+          style: {
+            textAlign: "left",
+            justifyContent: "flex-start"
+          },
+          children: view.name
+        },
+        view.id
+      )) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({
+        id: `${pluginId}.ViewsWidget.ViewsPopover.emptyList`,
+        defaultMessage: "You don't have any private views saved yet..."
+      }) })
+    }
+  );
+};
+const parseQueryString = (queryString) => {
+  const result = {
+    filters: [],
+    sort: [],
+    populate: []
+  };
+  if (!queryString) return result;
+  const params = new URLSearchParams(queryString);
+  params.forEach((value, key) => {
+    console.log("[QueryParser] Parsing:", key, "=", value);
+    if (key.startsWith("filters[")) {
+      const filter = parseFilterKey(key, value);
+      if (filter) {
+        result.filters.push(filter);
+      }
+    } else if (key === "sort") {
+      result.sort = value.split(",").map((s) => s.trim());
+    } else if (key.startsWith("populate")) {
+      const populateField = extractPopulateField(key);
+      if (populateField && !result.populate.includes(populateField)) {
+        result.populate.push(populateField);
+      }
+    } else if (key === "page") {
+      result.page = parseInt(value);
+    } else if (key === "pageSize") {
+      result.pageSize = parseInt(value);
+    }
+  });
+  return result;
+};
+const parseFilterKey = (key, value) => {
+  try {
+    let logic;
+    if (key.includes("[$and]")) {
+      logic = "AND";
+    } else if (key.includes("[$or]")) {
+      logic = "OR";
+    }
+    const fieldMatch = key.match(/\[([^\]$]+)\](?=\[\$)/);
+    const field = fieldMatch ? fieldMatch[1] : null;
+    const operatorMatch = key.match(/\[\$(\w+)\]/);
+    const operator = operatorMatch ? operatorMatch[1] : "eq";
+    if (!field) {
+      console.warn("[QueryParser] Could not extract field from:", key);
+      return null;
+    }
+    return {
+      field: formatFieldName(field),
+      operator: formatOperator(operator),
+      value,
+      logic
+    };
+  } catch (error) {
+    console.error("[QueryParser] Error parsing filter:", key, error);
+    return null;
+  }
+};
+const extractPopulateField = (key) => {
+  const match = key.match(/populate\[([^\]]+)\]/);
+  return match ? match[1] : null;
+};
+const formatFieldName = (field) => {
+  const formatted = field.replace(/([A-Z])/g, " $1");
+  return formatted.charAt(0).toUpperCase() + formatted.slice(1);
+};
+const formatOperator = (operator) => {
+  const operatorMap = {
+    "eq": "=",
+    "ne": "≠",
+    "lt": "<",
+    "lte": "≤",
+    "gt": ">",
+    "gte": "≥",
+    "in": "in",
+    "notIn": "not in",
+    "contains": "contains",
+    "notContains": "not contains",
+    "containsi": "contains (case insensitive)",
+    "notContainsi": "not contains (case insensitive)",
+    "startsWith": "starts with",
+    "endsWith": "ends with",
+    "null": "is null",
+    "notNull": "is not null"
+  };
+  return operatorMap[operator] || operator;
+};
+const FilterChip = styled__default.default.div`
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 12px;
+  border-radius: 4px;
+  background: ${(props) => props.logic === "OR" ? "#FFF4E6" : "#E8F4FD"};
+  border: 1px solid ${(props) => props.logic === "OR" ? "#FFB84D" : "#5DA9E9"};
+  font-size: 12px;
+  margin: 4px;
+  gap: 4px;
+`;
+const LogicBadge$1 = styled__default.default.span`
+  font-weight: bold;
+  color: ${(props) => props.logic === "OR" ? "#D97706" : "#0369A1"};
+  font-size: 10px;
+  text-transform: uppercase;
+`;
+const PopulateChip = styled__default.default.div`
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 12px;
+  border-radius: 4px;
+  background: #F0FDF4;
+  border: 1px solid #86EFAC;
+  font-size: 12px;
+  margin: 4px;
+`;
+const SortChip = styled__default.default.div`
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 12px;
+  border-radius: 4px;
+  background: #FEF3C7;
+  border: 1px solid #FCD34D;
+  font-size: 12px;
+  margin: 4px;
+`;
+const FilterPreview = ({ query }) => {
+  const parsed = parseQueryString(query);
+  if (!query || parsed.filters.length === 0 && parsed.sort.length === 0 && parsed.populate.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "neutral100", borderRadius: "4px", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "No filters applied" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 3, background: "neutral100", borderRadius: "4px", children: [
+    parsed.filters.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Filters:" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { wrap: "wrap", gap: 1, children: parsed.filters.map((filter, idx) => /* @__PURE__ */ jsxRuntime.jsxs(FilterChip, { logic: filter.logic, children: [
+        filter.logic && /* @__PURE__ */ jsxRuntime.jsx(LogicBadge$1, { logic: filter.logic, children: filter.logic }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          filter.field,
+          " ",
+          filter.operator,
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: filter.value })
+        ] })
+      ] }, idx)) })
+    ] }),
+    parsed.sort.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Sorting:" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { wrap: "wrap", gap: 1, children: parsed.sort.map((sort, idx) => /* @__PURE__ */ jsxRuntime.jsxs(SortChip, { children: [
+        "📊 ",
+        sort
+      ] }, idx)) })
+    ] }),
+    parsed.populate.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Relations:" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { wrap: "wrap", gap: 1, children: parsed.populate.map((field, idx) => /* @__PURE__ */ jsxRuntime.jsxs(PopulateChip, { children: [
+        "🔗 ",
+        field
+      ] }, idx)) })
+    ] })
+  ] });
+};
+const EmojiPicker = styled__default.default.div`
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  gap: 8px;
+  padding: 12px;
+  background: #f7f8fa;
+  border-radius: 4px;
+  max-height: 200px;
+  overflow-y: auto;
+`;
+const EmojiButton = styled__default.default.button`
+  padding: 8px;
+  font-size: 24px;
+  border: 2px solid ${(props) => props.isSelected ? "#3945C9" : "#e0e0e0"};
+  background: white;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  
+  &:hover {
+    border-color: #3945C9;
+    background: #f7f8fa;
+  }
+`;
+const BOOKMARK_EMOJIS = ["🔖", "📌", "⭐", "💫", "❤️", "🎯", "🚀", "📝", "🔗", "🌟", "💼", "🎨", "📚", "🔔", "✅", "🎁"];
+const CreateEditModal = ({
+  bookmark,
+  onClose,
+  onSuccess,
+  pluginId: pluginId2,
+  currentPath,
+  currentQuery
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { post, put, get } = admin.useFetchClient();
+  const [name2, setName] = React.useState("");
+  const [path, setPath] = React.useState(currentPath || "");
+  const [query, setQuery] = React.useState(currentQuery || "");
+  const [emoji, setEmoji] = React.useState("🔖");
+  const [description, setDescription] = React.useState("");
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const [showEmojiPicker, setShowEmojiPicker] = React.useState(false);
+  const [error, setError] = React.useState("");
+  const [isPublic, setIsPublic] = React.useState(false);
+  const [sharedWithRoles, setSharedWithRoles] = React.useState([]);
+  const [sharedWithUsers, setSharedWithUsers] = React.useState([]);
+  const [availableRoles, setAvailableRoles] = React.useState([]);
+  const [availableUsers, setAvailableUsers] = React.useState([]);
+  const [loadingRoles, setLoadingRoles] = React.useState(false);
+  const [loadingUsers, setLoadingUsers] = React.useState(false);
+  React.useEffect(() => {
+    if (bookmark) {
+      setName(bookmark.name);
+      setPath(bookmark.path);
+      setQuery(bookmark.query || "");
+      setEmoji(bookmark.emoji);
+      setDescription(bookmark.description || "");
+      setIsPublic(bookmark.isPublic || false);
+      setSharedWithRoles(bookmark.sharedWithRoles || []);
+      setSharedWithUsers(bookmark.sharedWithUsers || []);
+    }
+    fetchRoles();
+    fetchUsers();
+  }, [bookmark]);
+  const fetchRoles = async () => {
+    setLoadingRoles(true);
+    try {
+      const response = await get(`/${pluginId2}/roles`);
+      const roles = response.data?.data?.data || response.data?.data || response.data || [];
+      setAvailableRoles(roles);
+    } catch (error2) {
+      console.error("[Magic-Mark] Error fetching roles:", error2);
+    } finally {
+      setLoadingRoles(false);
+    }
+  };
+  const fetchUsers = async () => {
+    setLoadingUsers(true);
+    try {
+      const meResponse = await get("/admin/users/me");
+      const currentUser = meResponse.data || meResponse;
+      const currentUserId = currentUser?.id;
+      const currentUserEmail = currentUser?.email;
+      const response = await get("/admin/users?pageSize=100&page=1&sort=firstname");
+      const allUsers = response.data?.data?.results || response.data?.results || [];
+      const users = Array.isArray(allUsers) ? allUsers.filter((u) => {
+        const matchById = u.id === currentUserId || u.id === Number(currentUserId) || String(u.id) === String(currentUserId);
+        const matchByEmail = u.email === currentUserEmail;
+        const shouldExclude = matchById || matchByEmail;
+        if (shouldExclude) {
+        }
+        return !shouldExclude;
+      }) : [];
+      setAvailableUsers(users);
+    } catch (error2) {
+      console.error("[Magic-Mark] Error fetching users:", error2);
+      try {
+        const response = await get(`/${pluginId2}/users`);
+        const users = response.data?.data?.data || response.data?.data || response.data || [];
+        setAvailableUsers(users);
+      } catch (fallbackError) {
+        console.warn("[Magic-Mark] Both user endpoints failed, feature disabled");
+        setAvailableUsers([]);
+      }
+    } finally {
+      setLoadingUsers(false);
+    }
+  };
+  const validateForm = () => {
+    setError("");
+    if (!name2.trim()) {
+      setError(formatMessage({
+        id: `${pluginId2}.error.nameRequired`,
+        defaultMessage: "Name is required"
+      }));
+      return false;
+    }
+    if (!path.trim()) {
+      setError(formatMessage({
+        id: `${pluginId2}.error.pathRequired`,
+        defaultMessage: "Path is required"
+      }));
+      return false;
+    }
+    return true;
+  };
+  const handleSubmit = async () => {
+    if (!validateForm()) return;
+    setIsSubmitting(true);
+    try {
+      const endpoint = bookmark ? `/${pluginId2}/bookmarks/${bookmark.id}` : `/${pluginId2}/bookmarks`;
+      const body = {
+        name: name2,
+        path,
+        query,
+        emoji,
+        description,
+        isPublic,
+        sharedWithRoles,
+        sharedWithUsers
+      };
+      let result;
+      if (bookmark) {
+        result = await put(endpoint, body);
+      } else {
+        result = await post(endpoint, body);
+      }
+      onSuccess();
+    } catch (error2) {
+      console.error("[Magic-Mark] Error saving bookmark:", error2);
+      setError(formatMessage({
+        id: `${pluginId2}.error.save`,
+        defaultMessage: "Failed to save bookmark"
+      }));
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const isEditing = !!bookmark;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 999
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Box,
+        {
+          padding: 6,
+          style: {
+            backgroundColor: "white",
+            borderRadius: "8px",
+            maxHeight: "90vh",
+            overflow: "auto",
+            maxWidth: "600px",
+            width: "90%"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 6, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "h2", variant: "beta", children: isEditing ? formatMessage({
+                id: `${pluginId2}.modal.edit`,
+                defaultMessage: "Edit Bookmark"
+              }) : formatMessage({
+                id: `${pluginId2}.modal.create`,
+                defaultMessage: "Save as Bookmark"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onClose, variant: "ghost", type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {}) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
+              designSystem.Box,
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: "16px"
+                },
+                children: [
+                  error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, background: "danger100", borderRadius: "4px", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", children: error }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({
+                      id: `${pluginId2}.form.emoji`,
+                      defaultMessage: "Choose Icon"
+                    }) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Box,
+                        {
+                          as: "button",
+                          padding: 3,
+                          borderRadius: "4px",
+                          border: "1px solid #e0e0e0",
+                          fontSize: "32px",
+                          onClick: () => setShowEmojiPicker(!showEmojiPicker),
+                          type: "button",
+                          style: { cursor: "pointer" },
+                          children: emoji
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({
+                        id: `${pluginId2}.form.selectEmoji`,
+                        defaultMessage: "Click to select"
+                      }) })
+                    ] }),
+                    showEmojiPicker && /* @__PURE__ */ jsxRuntime.jsx(EmojiPicker, { children: BOOKMARK_EMOJIS.map((e) => /* @__PURE__ */ jsxRuntime.jsx(
+                      EmojiButton,
+                      {
+                        isSelected: emoji === e,
+                        onClick: () => {
+                          setEmoji(e);
+                          setShowEmojiPicker(false);
+                        },
+                        type: "button",
+                        children: e
+                      },
+                      e
+                    )) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({
+                      id: `${pluginId2}.form.sharing`,
+                      defaultMessage: "Sharing Options"
+                    }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 3, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "center", cursor: "pointer" }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: isPublic,
+                          onChange: (e) => setIsPublic(e.target.checked),
+                          style: { marginRight: "8px" }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "14px" }, children: formatMessage({
+                        id: `${pluginId2}.form.publicAccess`,
+                        defaultMessage: "Public (All admin users can see this bookmark)"
+                      }) })
+                    ] }) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 2, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({
+                          id: `${pluginId2}.form.shareWithRoles`,
+                          defaultMessage: "Share with specific roles:"
+                        }) }),
+                        sharedWithRoles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", textColor: "primary600", children: [
+                          sharedWithRoles.length,
+                          " selected"
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: {
+                        maxHeight: "150px",
+                        overflowY: "auto",
+                        border: "1px solid #e0e0e0",
+                        borderRadius: "4px",
+                        padding: "12px",
+                        background: isPublic ? "#f9f9f9" : "#fff"
+                      }, children: loadingRoles ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "Loading roles..." }) : availableRoles.length > 0 ? availableRoles.map((role) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        cursor: isPublic ? "not-allowed" : "pointer",
+                        padding: "6px 8px",
+                        borderRadius: "4px",
+                        background: sharedWithRoles.includes(role.id) ? "#eaf5ff" : "transparent",
+                        border: sharedWithRoles.includes(role.id) ? "1px solid #3945C9" : "1px solid transparent"
+                      }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked: sharedWithRoles.includes(role.id),
+                            onChange: (e) => {
+                              if (e.target.checked) {
+                                setSharedWithRoles((prev) => {
+                                  const newRoles = [...prev, role.id];
+                                  return newRoles;
+                                });
+                              } else {
+                                setSharedWithRoles((prev) => {
+                                  const newRoles = prev.filter((id) => id !== role.id);
+                                  return newRoles;
+                                });
+                              }
+                            },
+                            style: { marginRight: "8px" },
+                            disabled: isPublic
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: {
+                          fontSize: "14px",
+                          fontWeight: sharedWithRoles.includes(role.id) ? 600 : 400,
+                          color: isPublic ? "#999" : sharedWithRoles.includes(role.id) ? "#3945C9" : "#32324d"
+                        }, children: [
+                          role.name || role.code || `Role ${role.id}`,
+                          role.isCustom && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "11px", marginLeft: "4px", color: "#8C4BFF" }, children: "(Custom)" }),
+                          role.userCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "11px", marginLeft: "4px", color: "#666" }, children: [
+                            "(",
+                            role.userCount,
+                            " user",
+                            role.userCount > 1 ? "s" : "",
+                            ")"
+                          ] })
+                        ] })
+                      ] }) }, role.id)) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "No roles available. Check console for errors." }) }),
+                      isPublic && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginTop: "4px", fontSize: "0.75rem" }, children: "Role selection disabled when bookmark is public" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 3, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 2, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({
+                          id: `${pluginId2}.form.shareWithUsers`,
+                          defaultMessage: "Share with specific users:"
+                        }) }),
+                        sharedWithUsers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", textColor: "primary600", children: [
+                          sharedWithUsers.length,
+                          " selected"
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: {
+                        maxHeight: "150px",
+                        overflowY: "auto",
+                        border: "1px solid #e0e0e0",
+                        borderRadius: "4px",
+                        padding: "12px",
+                        background: isPublic ? "#f9f9f9" : "#fff"
+                      }, children: loadingUsers ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "Loading users..." }) : availableUsers.length > 0 ? availableUsers.map((user) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        cursor: isPublic ? "not-allowed" : "pointer",
+                        padding: "6px 8px",
+                        borderRadius: "4px",
+                        background: sharedWithUsers.includes(user.id) ? "#eaf5ff" : "transparent",
+                        border: sharedWithUsers.includes(user.id) ? "1px solid #3945C9" : "1px solid transparent"
+                      }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked: sharedWithUsers.includes(user.id),
+                            onChange: (e) => {
+                              if (e.target.checked) {
+                                setSharedWithUsers((prev) => {
+                                  const newUsers = [...prev, user.id];
+                                  return newUsers;
+                                });
+                              } else {
+                                setSharedWithUsers((prev) => {
+                                  const newUsers = prev.filter((id) => id !== user.id);
+                                  return newUsers;
+                                });
+                              }
+                            },
+                            style: { marginRight: "8px" },
+                            disabled: isPublic
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: {
+                          fontSize: "14px",
+                          fontWeight: sharedWithUsers.includes(user.id) ? 600 : 400,
+                          color: isPublic ? "#999" : sharedWithUsers.includes(user.id) ? "#3945C9" : "#32324d"
+                        }, children: [
+                          user.firstname || "",
+                          " ",
+                          user.lastname || "",
+                          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "12px", color: "#666", marginLeft: "4px" }, children: [
+                            "(",
+                            user.email || user.username || "No email",
+                            ")"
+                          ] })
+                        ] })
+                      ] }) }, user.id)) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "No other users available" }) }),
+                      isPublic && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginTop: "4px", fontSize: "0.75rem" }, children: "User selection disabled when bookmark is public" })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, as: "label", htmlFor: "name", children: [
+                      formatMessage({
+                        id: `${pluginId2}.form.name`,
+                        defaultMessage: "Bookmark Name"
+                      }),
+                      " *"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.TextInput,
+                      {
+                        id: "name",
+                        type: "text",
+                        placeholder: "e.g., Published Articles",
+                        value: name2,
+                        onChange: (e) => setName(e.target.value)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, as: "label", htmlFor: "path", children: formatMessage({
+                      id: `${pluginId2}.form.path`,
+                      defaultMessage: "Content Manager Path"
+                    }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.TextInput,
+                      {
+                        id: "path",
+                        type: "text",
+                        placeholder: "/content-manager/collection-types/api::article.article",
+                        value: path,
+                        readOnly: true,
+                        disabled: true
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginTop: "4px", display: "block" }, children: formatMessage({
+                      id: `${pluginId2}.form.pathHelp`,
+                      defaultMessage: "Automatically captured from Content Manager"
+                    }) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({
+                      id: `${pluginId2}.form.filterPreview`,
+                      defaultMessage: "Captured Filters & Settings"
+                    }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(FilterPreview, { query }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginTop: "8px", display: "block" }, children: [
+                      "💡 ",
+                      formatMessage({
+                        id: `${pluginId2}.form.queryHelp`,
+                        defaultMessage: "These filters will be restored when you click this bookmark"
+                      })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, as: "label", htmlFor: "description", children: formatMessage({
+                      id: `${pluginId2}.form.description`,
+                      defaultMessage: "Description (Optional)"
+                    }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Textarea,
+                      {
+                        id: "description",
+                        placeholder: "Add a description...",
+                        value: description,
+                        onChange: (e) => setDescription(e.target.value)
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "flex-end", gap: 2, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onClose, variant: "tertiary", type: "button", children: formatMessage({
+                id: `${pluginId2}.button.cancel`,
+                defaultMessage: "Cancel"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  onClick: handleSubmit,
+                  loading: isSubmitting,
+                  type: "button",
+                  children: isEditing ? formatMessage({
+                    id: `${pluginId2}.button.update`,
+                    defaultMessage: "Update"
+                  }) : formatMessage({
+                    id: `${pluginId2}.button.save`,
+                    defaultMessage: "Save Bookmark"
+                  })
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+const ViewsWidget = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const navigate = reactRouterDom.useNavigate();
+  const { get } = admin.useFetchClient();
+  const viewsButtonRef = React.useRef(null);
+  const [showCreateModal, setShowCreateModal] = React__default.default.useState(false);
+  const [viewsPopoverVisible, setViewsPopoverVisible] = React__default.default.useState(false);
+  const [bookmarks, setBookmarks] = React__default.default.useState([]);
+  const [isLoadingViews, setIsLoadingViews] = React__default.default.useState(false);
+  const [currentPath, setCurrentPath] = React__default.default.useState("");
+  const [currentQuery, setCurrentQuery] = React__default.default.useState("");
+  const getBookmarks = async () => {
+    setIsLoadingViews(true);
+    const url = `/magic-mark/bookmarks`;
+    try {
+      const { data } = await get(url);
+      setBookmarks(data.data || []);
+    } catch (error) {
+      console.error("[Magic-Mark] Error fetching bookmarks:", error);
+      setBookmarks([]);
+    } finally {
+      setIsLoadingViews(false);
+    }
+  };
+  const handleOpenModal = () => {
+    let path = window.location.pathname;
+    if (path.startsWith("/admin/")) {
+      path = path.substring(6);
+    }
+    const query = window.location.search.substring(1);
+    console.log("[ViewsWidget] Captured path:", path);
+    console.log("[ViewsWidget] Captured query:", query);
+    setCurrentPath(path);
+    setCurrentQuery(query);
+    setShowCreateModal(true);
+  };
+  React__default.default.useEffect(() => {
+    getBookmarks();
+  }, [showCreateModal]);
+  const handleBookmarkClick = (bookmark) => {
+    if (bookmark.path && bookmark.query) {
+      navigate(`${bookmark.path}?${bookmark.query}`);
+    } else if (bookmark.path) {
+      navigate(bookmark.path);
+    }
+    setViewsPopoverVisible(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, marginRight: 1, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: "tertiary",
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+        onClick: handleOpenModal,
+        children: formatMessage({
+          id: `${pluginId}.ViewsWidget.actions.create`,
+          defaultMessage: "Save Bookmark"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          ref: viewsButtonRef,
+          variant: "tertiary",
+          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.List, {}),
+          onClick: () => setViewsPopoverVisible((s) => !s),
+          children: formatMessage({
+            id: `${pluginId}.ViewsWidget.actions.showList`,
+            defaultMessage: "Magicmark"
+          })
+        }
+      ),
+      viewsPopoverVisible && viewsButtonRef.current && /* @__PURE__ */ jsxRuntime.jsx(
+        ViewsListPopover,
+        {
+          views: bookmarks,
+          onViewClick: handleBookmarkClick,
+          isLoading: isLoadingViews,
+          buttonElement: viewsButtonRef.current
+        }
+      )
+    ] }),
+    showCreateModal && /* @__PURE__ */ jsxRuntime.jsx(
+      CreateEditModal,
+      {
+        bookmark: null,
+        pluginId,
+        onClose: () => setShowCreateModal(false),
+        onSuccess: () => {
+          setShowCreateModal(false);
+          getBookmarks();
+        },
+        currentPath,
+        currentQuery
+      }
+    )
+  ] });
+};
+const SelectContainer = styled__default.default.div`
+  position: relative;
+  width: 100%;
+`;
+const SelectButton = styled__default.default.button`
+  width: 100%;
+  padding: 10px 36px 10px 12px;
+  border: 1px solid ${(props) => props.isOpen ? "#4945ff" : "#dcdce4"};
+  border-radius: 4px;
+  background: white;
+  font-size: 14px;
+  text-align: left;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  transition: all 0.2s ease;
+  
+  &:hover {
+    border-color: #4945ff;
+  }
+  
+  &:focus {
+    outline: none;
+    border-color: #4945ff;
+    box-shadow: 0 0 0 2px rgba(73, 69, 255, 0.1);
+  }
+  
+  @media (max-width: 768px) {
+    padding: 8px 32px 8px 10px;
+    font-size: 13px;
+  }
+`;
+const SelectText = styled__default.default.span`
+  color: ${(props) => props.$isPlaceholder ? "#8e8ea9" : "#212134"};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const IconWrapper = styled__default.default.span`
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform: translateY(-50%) ${(props) => props.$isOpen ? "rotate(180deg)" : "rotate(0deg)"};
+  transition: transform 0.2s ease;
+  display: flex;
+  align-items: center;
+  pointer-events: none;
+  color: #8e8ea9;
+`;
+const DropdownList = styled__default.default.div`
+  position: fixed;
+  top: ${(props) => props.top}px;
+  left: ${(props) => props.left}px;
+  width: ${(props) => props.width}px;
+  max-height: 300px;
+  overflow-y: auto;
+  background: white;
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  z-index: 10000;
+  display: ${(props) => props.isOpen ? "block" : "none"};
+  
+  @media (max-width: 768px) {
+    max-height: 250px;
+  }
+`;
+const DropdownItem = styled__default.default.button`
+  width: 100%;
+  padding: 10px 12px;
+  border: none;
+  background: ${(props) => props.$isSelected ? "#f0f0ff" : "white"};
+  text-align: left;
+  cursor: pointer;
+  font-size: 14px;
+  color: ${(props) => props.$isSelected ? "#4945ff" : "#212134"};
+  transition: background 0.15s ease;
+  
+  &:hover {
+    background: #f7f8fa;
+  }
+  
+  &:focus {
+    outline: none;
+    background: #f0f0ff;
+  }
+  
+  @media (max-width: 768px) {
+    padding: 12px;
+    font-size: 13px;
+  }
+`;
+const SearchInput = styled__default.default.input`
+  width: 100%;
+  padding: 10px 12px;
+  border: none;
+  border-bottom: 1px solid #dcdce4;
+  font-size: 14px;
+  
+  &:focus {
+    outline: none;
+    border-bottom-color: #4945ff;
+  }
+  
+  @media (max-width: 768px) {
+    padding: 12px;
+    font-size: 13px;
+  }
+`;
+const CustomSelect = ({
+  value,
+  onChange,
+  options,
+  placeholder = "Select...",
+  searchable = true
+}) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [searchTerm, setSearchTerm] = React.useState("");
+  const [dropdownPos, setDropdownPos] = React.useState({ top: 0, left: 0, width: 0 });
+  const containerRef = React.useRef(null);
+  const buttonRef = React.useRef(null);
+  const searchInputRef = React.useRef(null);
+  const updatePosition = () => {
+    if (buttonRef.current) {
+      const rect = buttonRef.current.getBoundingClientRect();
+      setDropdownPos({
+        top: rect.bottom + 4,
+        left: rect.left,
+        width: rect.width
+      });
+    }
+  };
+  React.useEffect(() => {
+    if (isOpen) {
+      updatePosition();
+      window.addEventListener("scroll", updatePosition, true);
+      window.addEventListener("resize", updatePosition);
+      return () => {
+        window.removeEventListener("scroll", updatePosition, true);
+        window.removeEventListener("resize", updatePosition);
+      };
+    }
+  }, [isOpen]);
+  React.useEffect(() => {
+    const handleClickOutside = (event) => {
+      const target = event.target;
+      if (containerRef.current && !containerRef.current.contains(target) && !target.closest("[data-dropdown-portal]")) {
+        setIsOpen(false);
+        setSearchTerm("");
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }
+  }, [isOpen]);
+  React.useEffect(() => {
+    if (isOpen && searchable && searchInputRef.current) {
+      searchInputRef.current.focus();
+    }
+  }, [isOpen, searchable]);
+  const filteredOptions = searchable && searchTerm ? options.filter(
+    (opt) => opt.label.toLowerCase().includes(searchTerm.toLowerCase())
+  ) : options;
+  const selectedOption = options.find((opt) => opt.value === value);
+  const handleSelect = (optionValue) => {
+    console.log("[CustomSelect] Selected:", optionValue);
+    onChange(optionValue);
+    setIsOpen(false);
+    setSearchTerm("");
+  };
+  const dropdownContent = /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownList,
+    {
+      isOpen,
+      top: dropdownPos.top,
+      left: dropdownPos.left,
+      width: dropdownPos.width,
+      "data-dropdown-portal": "true",
+      children: [
+        searchable && /* @__PURE__ */ jsxRuntime.jsx(
+          SearchInput,
+          {
+            ref: searchInputRef,
+            type: "text",
+            placeholder: "Search...",
+            value: searchTerm,
+            onChange: (e) => setSearchTerm(e.target.value),
+            onClick: (e) => e.stopPropagation()
+          }
+        ),
+        filteredOptions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "No options found" }) }) : filteredOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+          DropdownItem,
+          {
+            type: "button",
+            $isSelected: option.value === value,
+            onClick: () => handleSelect(option.value),
+            children: option.label
+          },
+          option.value
+        ))
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(SelectContainer, { ref: containerRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      SelectButton,
+      {
+        ref: buttonRef,
+        type: "button",
+        onClick: () => setIsOpen(!isOpen),
+        isOpen,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SelectText, { $isPlaceholder: !value, children: selectedOption?.label || placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { $isOpen: isOpen, children: "▼" })
+        ]
+      }
+    ),
+    isOpen && ReactDOM__default.default.createPortal(dropdownContent, document.body)
+  ] });
+};
+const GroupContainer = styled__default.default.div`
+  border: 2px solid ${(props) => props.level === 0 ? "#4945ff" : "#dcdce4"};
+  border-radius: 8px;
+  padding: 16px;
+  margin: 8px 0;
+  background: ${(props) => props.level === 0 ? "#f0f0ff" : "#fafafa"};
+  
+  @media (max-width: 768px) {
+    padding: 12px;
+    margin: 6px 0;
+  }
+`;
+const ConditionRow = styled__default.default(designSystem.Flex)`
+  padding: 12px;
+  background: white;
+  border: 1px solid #e0e0e0;
+  border-radius: 6px;
+  margin: 8px 0;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  
+  @media (max-width: 768px) {
+    padding: 10px;
+    gap: 8px;
+  }
+  
+  @media (max-width: 480px) {
+    flex-direction: column;
+    align-items: stretch;
+    
+    > * {
+      width: 100% !important;
+      flex: none !important;
+    }
+  }
+`;
+const LogicBadge = styled__default.default.div`
+  padding: 4px 12px;
+  border-radius: 4px;
+  background: ${(props) => props.logic === "OR" ? "#FFF4E6" : "#E8F4FD"};
+  color: ${(props) => props.logic === "OR" ? "#D97706" : "#0369A1"};
+  font-weight: bold;
+  font-size: 11px;
+  text-align: center;
+  min-width: 40px;
+`;
+styled__default.default.select`
+  padding: 8px 12px;
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  background: white;
+  font-size: 14px;
+  cursor: pointer;
+  flex: 1;
+  min-width: 100px;
+  
+  &:focus {
+    outline: none;
+    border-color: #4945ff;
+  }
+  
+  @media (max-width: 768px) {
+    font-size: 13px;
+    padding: 6px 8px;
+    min-width: 80px;
+  }
+`;
+const StyledInput = styled__default.default.input`
+  padding: 8px 12px;
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  font-size: 14px;
+  flex: 2;
+  min-width: 120px;
+  
+  &:focus {
+    outline: none;
+    border-color: #4945ff;
+  }
+  
+  @media (max-width: 768px) {
+    font-size: 13px;
+    padding: 6px 8px;
+    min-width: 100px;
+  }
+`;
+const OPERATORS = [
+  { value: "eq", label: "=" },
+  { value: "ne", label: "≠" },
+  { value: "lt", label: "<" },
+  { value: "lte", label: "≤" },
+  { value: "gt", label: ">" },
+  { value: "gte", label: "≥" },
+  { value: "contains", label: "contains" },
+  { value: "notContains", label: "not contains" }
+];
+const QueryBuilder = ({
+  availableFields,
+  onQueryChange,
+  initialStructure
+}) => {
+  const [rootGroup, setRootGroup] = React.useState(
+    initialStructure || {
+      id: "root",
+      logic: "AND",
+      conditions: [
+        { id: "1", field: "", operator: "eq", value: "" }
+      ]
+    }
+  );
+  React__default.default.useEffect(() => {
+    if (initialStructure) {
+      console.log("[QueryBuilder] Loading initial structure:", initialStructure);
+      setRootGroup(initialStructure);
+    }
+  }, [initialStructure]);
+  const updateRootGroup = (newGroup) => {
+    setRootGroup(newGroup);
+    onQueryChange(newGroup);
+  };
+  const addCondition = (groupId) => {
+    const newGroup = JSON.parse(JSON.stringify(rootGroup));
+    const group = findGroup(newGroup, groupId);
+    if (group) {
+      group.conditions.push({
+        id: Date.now().toString(),
+        field: "",
+        operator: "eq",
+        value: ""
+      });
+      updateRootGroup(newGroup);
+    }
+  };
+  const addGroup = (parentGroupId) => {
+    const newGroup = JSON.parse(JSON.stringify(rootGroup));
+    const parentGroup = findGroup(newGroup, parentGroupId);
+    if (parentGroup) {
+      parentGroup.conditions.push({
+        id: Date.now().toString(),
+        logic: "AND",
+        conditions: [{ id: Date.now().toString() + "_1", field: "", operator: "eq", value: "" }],
+        isGroup: true
+      });
+      updateRootGroup(newGroup);
+    }
+  };
+  const removeItem = (groupId, itemId) => {
+    const newGroup = JSON.parse(JSON.stringify(rootGroup));
+    const group = findGroup(newGroup, groupId);
+    if (group) {
+      group.conditions = group.conditions.filter((c) => c.id !== itemId);
+      updateRootGroup(newGroup);
+    }
+  };
+  const updateCondition = (conditionId, key, value) => {
+    const newGroup = JSON.parse(JSON.stringify(rootGroup));
+    const condition = findCondition(newGroup, conditionId);
+    if (condition) {
+      condition[key] = value;
+      updateRootGroup(newGroup);
+    }
+  };
+  const toggleGroupLogic = (groupId) => {
+    const newGroup = JSON.parse(JSON.stringify(rootGroup));
+    const group = findGroup(newGroup, groupId);
+    if (group) {
+      group.logic = group.logic === "AND" ? "OR" : "AND";
+      updateRootGroup(newGroup);
+    }
+  };
+  const findGroup = (group, id) => {
+    if (group.id === id) return group;
+    for (const item of group.conditions) {
+      if (item.isGroup) {
+        const found = findGroup(item, id);
+        if (found) return found;
+      }
+    }
+    return null;
+  };
+  const findCondition = (group, id) => {
+    for (const item of group.conditions) {
+      if (!item.isGroup && item.id === id) {
+        return item;
+      }
+      if (item.isGroup) {
+        const found = findCondition(item, id);
+        if (found) return found;
+      }
+    }
+    return null;
+  };
+  const renderGroup = (group, level = 0) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(GroupContainer, { level, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, marginBottom: 3, alignItems: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: level === 0 ? "🔍 Root Group" : "📁 Sub-Group" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: group.logic === "AND" ? "default" : "secondary",
+            size: "S",
+            onClick: () => toggleGroupLogic(group.id),
+            children: group.logic
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: group.logic === "AND" ? "All must match" : "Any can match" })
+      ] }),
+      group.conditions.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        index2 > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(LogicBadge, { logic: group.logic, children: group.logic }) }),
+        item.isGroup ? (
+          // Render nested group
+          renderGroup(item, level + 1)
+        ) : (
+          // Render condition
+          /* @__PURE__ */ jsxRuntime.jsxs(ConditionRow, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 2, minWidth: "150px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              CustomSelect,
+              {
+                value: item.field,
+                onChange: (val) => updateCondition(item.id, "field", val),
+                options: [
+                  { value: "", label: "Select field" },
+                  ...availableFields.map((f) => ({ value: f.name, label: f.name }))
+                ],
+                placeholder: "Select field",
+                searchable: true
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              CustomSelect,
+              {
+                value: item.operator,
+                onChange: (val) => updateCondition(item.id, "operator", val),
+                options: OPERATORS,
+                searchable: false
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              StyledInput,
+              {
+                value: item.value,
+                onChange: (e) => updateCondition(item.id, "value", e.target.value),
+                placeholder: "Enter value"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                variant: "danger-light",
+                size: "S",
+                onClick: () => removeItem(group.id, item.id),
+                disabled: group.conditions.length === 1 && level === 0,
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+              }
+            )
+          ] })
+        )
+      ] }, item.id)),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, marginTop: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "secondary",
+            size: "S",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+            onClick: () => addCondition(group.id),
+            children: "Add Condition"
+          }
+        ),
+        level < 2 && /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "tertiary",
+            size: "S",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+            onClick: () => addGroup(group.id),
+            children: "Add Group"
+          }
+        )
+      ] })
+    ] }, group.id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: renderGroup(rootGroup) });
+};
+const parseQueryToStructure = (queryString) => {
+  const params = new URLSearchParams(queryString);
+  const filterTree = {};
+  params.forEach((value, key) => {
+    if (key.startsWith("filters[")) {
+      const parts = key.match(/\[([^\]]+)\]/g)?.map((p) => p.slice(1, -1)) || [];
+      if (parts.length >= 4) {
+        const logic = parts[0].substring(1);
+        const index2 = parseInt(parts[1]);
+        if (parts[2].startsWith("$")) {
+          const nestedLogic = parts[2].substring(1);
+          const nestedIndex = parseInt(parts[3]);
+          const field = parts[4];
+          const operator = parts[5].substring(1);
+          if (!filterTree[logic]) filterTree[logic] = {};
+          if (!filterTree[logic][index2]) filterTree[logic][index2] = { nested: nestedLogic, items: {} };
+          filterTree[logic][index2].items[nestedIndex] = { field, operator, value };
+        } else {
+          const field = parts[2];
+          const operator = parts[3].substring(1);
+          if (!filterTree[logic]) filterTree[logic] = {};
+          filterTree[logic][index2] = { field, operator, value };
+        }
+      }
+    }
+  });
+  console.log("[QueryParser] Filter tree:", filterTree);
+  const rootLogic = Object.keys(filterTree)[0] || "and";
+  const rootGroup = {
+    id: "root",
+    logic: rootLogic.toUpperCase(),
+    conditions: []
+  };
+  let conditionId = 1;
+  const rootItems = filterTree[rootLogic] || {};
+  Object.keys(rootItems).sort((a, b) => parseInt(a) - parseInt(b)).forEach((index2) => {
+    const item = rootItems[index2];
+    if (item.nested) {
+      const subGroup = {
+        id: `group_${conditionId++}`,
+        logic: item.nested.toUpperCase(),
+        conditions: [],
+        isGroup: true
+      };
+      Object.keys(item.items).sort((a, b) => parseInt(a) - parseInt(b)).forEach((subIndex) => {
+        const subItem = item.items[subIndex];
+        subGroup.conditions.push({
+          id: `condition_${conditionId++}`,
+          field: subItem.field,
+          operator: subItem.operator,
+          value: decodeURIComponent(subItem.value)
+        });
+      });
+      rootGroup.conditions.push(subGroup);
+    } else {
+      rootGroup.conditions.push({
+        id: `condition_${conditionId++}`,
+        field: item.field,
+        operator: item.operator,
+        value: decodeURIComponent(item.value)
+      });
+    }
+  });
+  if (rootGroup.conditions.length === 0) {
+    rootGroup.conditions.push({
+      id: "condition_1",
+      field: "",
+      operator: "eq",
+      value: ""
+    });
+  }
+  console.log("[QueryParser] Built structure:", rootGroup);
+  return rootGroup;
+};
+const structureToFilters = (group) => {
+  const logic = group.logic.toLowerCase();
+  const conditions = group.conditions.filter((item) => {
+    if (item.isGroup) return true;
+    const cond = item;
+    return cond.field && cond.value;
+  }).map((item) => {
+    if (item.isGroup) {
+      return structureToFilters(item);
+    } else {
+      const cond = item;
+      return {
+        [cond.field]: {
+          [`$${cond.operator}`]: cond.value
+        }
+      };
+    }
+  });
+  if (conditions.length === 1 && !(conditions[0].$and || conditions[0].$or)) {
+    return conditions[0];
+  }
+  return {
+    [`$${logic}`]: conditions
+  };
+};
+const generateQueryString = (structure, sortField, sortOrder, populateFields) => {
+  const queryObject = {};
+  if (structure && structure.conditions.length > 0) {
+    const hasValidConditions = structure.conditions.some((item) => {
+      if (item.isGroup) return true;
+      const cond = item;
+      return cond.field && cond.value;
+    });
+    if (hasValidConditions) {
+      queryObject.filters = structureToFilters(structure);
+    }
+  }
+  if (populateFields && populateFields.length > 0) {
+    const populate = {};
+    populateFields.forEach((p) => {
+      if (p.enabled) {
+        if (p.deep) {
+          populate[p.name] = {
+            populate: "*"
+          };
+        } else {
+          populate[p.name] = true;
+        }
+      }
+    });
+    if (Object.keys(populate).length > 0) {
+      queryObject.populate = populate;
+    }
+  }
+  console.log("[QueryGenerator] Query object:", queryObject);
+  let queryString = qs__default.default.stringify(queryObject, {
+    encodeValuesOnly: true
+    // Pretty URLs
+  });
+  if (sortField) {
+    const sortParam = `sort=${sortField}:${sortOrder || "ASC"}`;
+    queryString = queryString ? `${queryString}&${sortParam}` : sortParam;
+  }
+  console.log("[QueryGenerator] Generated query string:", queryString);
+  return queryString;
+};
+const ModalOverlay = styled__default.default.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+  padding: 20px;
+  
+  @media (max-width: 768px) {
+    padding: 10px;
+  }
+`;
+const ModalContent = styled__default.default(designSystem.Box)`
+  background: white;
+  border-radius: 8px;
+  max-height: 90vh;
+  overflow-y: auto;
+  max-width: 900px;
+  width: 100%;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
+  
+  @media (max-width: 768px) {
+    max-width: 100%;
+    max-height: 95vh;
+    border-radius: 12px;
+  }
+  
+  @media (min-width: 769px) {
+    width: 85%;
+  }
+`;
+const SimpleAdvancedFilterModal = ({
+  onClose,
+  onApply,
+  availableFields,
+  availableRelations = [],
+  currentQuery = ""
+}) => {
+  const [queryStructure, setQueryStructure] = React.useState(null);
+  const [initialStructure, setInitialStructure] = React.useState(null);
+  const [initialFiltersLoaded, setInitialFiltersLoaded] = React.useState(false);
+  const [sortField, setSortField] = React.useState("");
+  const [sortOrder, setSortOrder] = React.useState("ASC");
+  const [populateFields, setPopulateFields] = React.useState(
+    availableRelations.map((rel) => ({
+      name: rel.name,
+      enabled: false,
+      deep: false
+    }))
+  );
+  React__default.default.useEffect(() => {
+    if (!initialFiltersLoaded) {
+      console.log("[SimpleAdvancedFilter] Loading current query:", currentQuery);
+      if (currentQuery) {
+        const parsed = parseQueryToStructure(currentQuery);
+        setInitialStructure(parsed);
+        setQueryStructure(parsed);
+        const params = new URLSearchParams(currentQuery);
+        const updatedPopulate = [...populateFields];
+        params.forEach((value, key) => {
+          if (key.startsWith("populate[")) {
+            const match = key.match(/populate\[([^\]]+)\]/);
+            if (match) {
+              const fieldName = match[1];
+              const index2 = updatedPopulate.findIndex((p) => p.name === fieldName);
+              if (index2 >= 0) {
+                const isDeep = key.includes("[populate]") || value === "*";
+                updatedPopulate[index2] = {
+                  ...updatedPopulate[index2],
+                  enabled: true,
+                  deep: isDeep
+                };
+              }
+            }
+          } else if (key === "sort") {
+            const parts = value.split(":");
+            if (parts.length === 2) {
+              setSortField(parts[0]);
+              setSortOrder(parts[1].toUpperCase());
+            }
+          }
+        });
+        setPopulateFields(updatedPopulate);
+      }
+      setInitialFiltersLoaded(true);
+      console.log("[SimpleAdvancedFilter] Initial structure loaded");
+    }
+  }, [currentQuery]);
+  const togglePopulate = (name2) => {
+    setPopulateFields(populateFields.map(
+      (p) => p.name === name2 ? { ...p, enabled: !p.enabled } : p
+    ));
+  };
+  const toggleDeepPopulate = (name2) => {
+    setPopulateFields(populateFields.map(
+      (p) => p.name === name2 ? { ...p, deep: !p.deep, enabled: true } : p
+    ));
+  };
+  const handleApply = () => {
+    if (!queryStructure) {
+      console.warn("[SimpleAdvancedFilter] No query structure defined");
+      return;
+    }
+    const queryString = generateQueryString(
+      queryStructure,
+      sortField,
+      sortOrder,
+      populateFields
+    );
+    console.log("[SimpleAdvancedFilter] Applying query:", queryString);
+    onApply(queryString);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(ModalContent, { padding: 6, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "h2", variant: "beta", children: "🔍 Advanced Filters" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onClose, variant: "ghost", type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {}) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", marginBottom: 4, children: "Build complex queries by combining AND/OR groups. Each group can contain conditions or nested groups." }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+      QueryBuilder,
+      {
+        availableFields,
+        onQueryChange: setQueryStructure,
+        initialStructure
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 4, padding: 3, background: "warning100", borderRadius: "4px", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "📊 Sorting:" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", style: { flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 2, minWidth: "200px" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: "Sort by field:" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              value: sortField,
+              onChange: (e) => setSortField(e.target.value),
+              style: {
+                width: "100%",
+                padding: "8px 12px",
+                border: "1px solid #dcdce4",
+                borderRadius: "4px",
+                background: "white",
+                fontSize: "14px",
+                cursor: "pointer"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "No sorting" }),
+                availableFields.map((f) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: f.name, children: f.name }, f.name))
+              ]
+            }
+          )
+        ] }),
+        sortField && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1, minWidth: "120px" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: "Order:" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                variant: sortOrder === "ASC" ? "default" : "secondary",
+                size: "S",
+                onClick: () => setSortOrder("ASC"),
+                children: "↑ ASC"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                variant: sortOrder === "DESC" ? "default" : "secondary",
+                size: "S",
+                onClick: () => setSortOrder("DESC"),
+                children: "↓ DESC"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      sortField && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "warning700", style: { marginTop: "8px", display: "block", fontSize: "12px" }, children: [
+        "📊 Results will be sorted by ",
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: sortField }),
+        " in ",
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: sortOrder }),
+        " order"
+      ] })
+    ] }),
+    availableRelations.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 4, padding: 3, background: "neutral100", borderRadius: "4px", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "🔗 Populate Relations:" }),
+      populateFields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Flex,
+        {
+          gap: 2,
+          alignItems: "center",
+          marginBottom: 2,
+          style: { flexWrap: "wrap" },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: "120px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: field.name }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  variant: field.enabled && !field.deep ? "default" : "secondary",
+                  size: "S",
+                  onClick: () => togglePopulate(field.name),
+                  children: field.enabled && !field.deep ? "✓ On" : "Enable"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  variant: field.deep ? "default" : "tertiary",
+                  size: "S",
+                  onClick: () => toggleDeepPopulate(field.name),
+                  children: field.deep ? "🌲" : "Deep"
+                }
+              )
+            ] })
+          ]
+        },
+        field.name
+      )),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginTop: "12px", display: "block", fontSize: "12px" }, children: [
+        "💡 ",
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Deep populate" }),
+        " loads all nested relations recursively"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 4, padding: 3, background: "neutral100", borderRadius: "4px", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Generated Query:" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontFamily: "monospace", style: { wordBreak: "break-all", fontSize: "11px" }, children: queryStructure ? generateQueryString(queryStructure, sortField, sortOrder, populateFields) : "No filters defined" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "flex-end", gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onClose, variant: "tertiary", children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleApply, variant: "default", children: "Apply Filters" })
+    ] })
+  ] }) });
+};
+const AdvancedFilterButton = () => {
+  const [showModal, setShowModal] = React.useState(false);
+  const navigate = reactRouterDom.useNavigate();
+  const location = reactRouterDom.useLocation();
+  const { get } = admin.useFetchClient();
+  const [availableFields, setAvailableFields] = React.useState([]);
+  const [availableRelations, setAvailableRelations] = React.useState([]);
+  const [hasActiveFilters, setHasActiveFilters] = React.useState(false);
+  React.useEffect(() => {
+    const params = new URLSearchParams(location.search);
+    let hasFilters = false;
+    params.forEach((value, key) => {
+      if (key.startsWith("filters[")) {
+        hasFilters = true;
+      }
+    });
+    setHasActiveFilters(hasFilters);
+  }, [location.search]);
+  const extractContentTypeUid = () => {
+    const match = location.pathname.match(/collection-types\/([^/?]+)/);
+    return match ? match[1] : null;
+  };
+  React.useEffect(() => {
+    const fetchSchema = async () => {
+      const uid = extractContentTypeUid();
+      if (!uid) {
+        console.log("[AdvancedFilter] No content type UID found in URL");
+        return;
+      }
+      try {
+        console.log("[AdvancedFilter] Fetching schema for:", uid);
+        let schemaData;
+        try {
+          const response = await get(`/content-manager/content-types/${uid}/configuration`);
+          schemaData = response.data;
+          console.log("[AdvancedFilter] Configuration response:", schemaData);
+        } catch (e) {
+          console.log("[AdvancedFilter] Configuration endpoint failed, trying direct strapi schema");
+        }
+        const contentTypeData = schemaData?.data?.contentType || schemaData?.contentType || {};
+        const metadatas = contentTypeData.metadatas || {};
+        const layouts = contentTypeData.layouts || {};
+        console.log("[AdvancedFilter] Metadatas:", metadatas);
+        console.log("[AdvancedFilter] Layouts:", layouts);
+        let allFieldNames = /* @__PURE__ */ new Set();
+        Object.keys(metadatas).forEach((key) => allFieldNames.add(key));
+        if (layouts.edit) {
+          layouts.edit.forEach((row) => {
+            row.forEach((field) => {
+              if (field.name) allFieldNames.add(field.name);
+            });
+          });
+        }
+        if (layouts.list) {
+          layouts.list.forEach((fieldName) => allFieldNames.add(fieldName));
+        }
+        const attributes = {};
+        allFieldNames.forEach((name2) => {
+          const metadata = metadatas[name2];
+          attributes[name2] = {
+            type: metadata?.edit?.type || "string"
+          };
+        });
+        console.log("[AdvancedFilter] Reconstructed attributes:", attributes);
+        if (attributes && Object.keys(attributes).length > 0) {
+          const fields = [];
+          const relations = [];
+          const fieldNames = /* @__PURE__ */ new Set();
+          Object.keys(attributes).forEach((key) => {
+            const attr = attributes[key];
+            if (attr.type === "relation") {
+              relations.push({ name: key });
+            } else if (!fieldNames.has(key)) {
+              fieldNames.add(key);
+              fields.push({
+                name: key,
+                type: attr.type || "string"
+              });
+            }
+          });
+          ["id", "createdAt", "updatedAt"].forEach((defaultField) => {
+            if (!fieldNames.has(defaultField)) {
+              fields.unshift({
+                name: defaultField,
+                type: defaultField === "id" ? "integer" : "datetime"
+              });
+            }
+          });
+          setAvailableFields(fields);
+          setAvailableRelations(relations);
+          console.log("[AdvancedFilter] Extracted fields:", fields);
+          console.log("[AdvancedFilter] Extracted relations:", relations);
+        } else {
+          console.warn("[AdvancedFilter] No attributes found in schema response");
+          setAvailableFields([
+            { name: "id", type: "integer" },
+            { name: "createdAt", type: "datetime" },
+            { name: "updatedAt", type: "datetime" }
+          ]);
+        }
+      } catch (error) {
+        console.error("[AdvancedFilter] Error fetching schema:", error);
+        setAvailableFields([
+          { name: "id", type: "integer" },
+          { name: "createdAt", type: "datetime" },
+          { name: "updatedAt", type: "datetime" }
+        ]);
+      }
+    };
+    fetchSchema();
+  }, [location.pathname]);
+  const handleApplyFilters = (queryString) => {
+    console.log("[AdvancedFilter] Applying filters:", queryString);
+    const currentPath = location.pathname;
+    const currentParams = new URLSearchParams(location.search);
+    const newParams = new URLSearchParams(queryString);
+    const cleanParams = new URLSearchParams();
+    currentParams.forEach((value, key) => {
+      if (!key.startsWith("filters[") && !key.startsWith("populate[")) {
+        cleanParams.set(key, value);
+      }
+    });
+    newParams.forEach((value, key) => {
+      cleanParams.set(key, value);
+    });
+    navigate(`${currentPath}?${cleanParams.toString()}`);
+  };
+  const handleClearFilters = () => {
+    const currentPath = location.pathname;
+    const currentParams = new URLSearchParams(location.search);
+    const cleanParams = new URLSearchParams();
+    currentParams.forEach((value, key) => {
+      if (!key.startsWith("filters[") && !key.startsWith("populate[")) {
+        cleanParams.set(key, value);
+      }
+    });
+    navigate(`${currentPath}${cleanParams.toString() ? "?" + cleanParams.toString() : ""}`);
+  };
+  const getCurrentFilters = () => {
+    const params = new URLSearchParams(location.search);
+    const currentQuery = params.toString();
+    console.log("[AdvancedFilter] Current query from URL:", currentQuery);
+    return currentQuery;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: hasActiveFilters ? "default" : "secondary",
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Filter, {}),
+        onClick: () => setShowModal(true),
+        size: "S",
+        children: hasActiveFilters ? "🔍 Filters Active" : "Advanced Filters"
+      }
+    ),
+    hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: "danger-light",
+        onClick: handleClearFilters,
+        size: "S",
+        children: "Clear All"
+      }
+    ),
+    showModal && /* @__PURE__ */ jsxRuntime.jsx(
+      SimpleAdvancedFilterModal,
+      {
+        onClose: () => setShowModal(false),
+        onApply: handleApplyFilters,
+        availableFields,
+        availableRelations,
+        currentQuery: getCurrentFilters()
+      }
+    )
+  ] });
+};
+const name = pluginPkg.strapi.name;
+const prefixPluginTranslations = (data, pluginId2) => {
+  const prefixed = {};
+  Object.keys(data).forEach((key) => {
+    prefixed[`${pluginId2}.${key}`] = data[key];
+  });
+  return prefixed;
+};
+const index = {
+  register(app) {
+    console.log(`[${pluginId}] Registering plugin...`);
+    app.addMenuLink({
+      to: `/plugins/${pluginId}`,
+      icon: PluginIcon,
+      intlLabel: {
+        id: `${pluginId}.Admin.MainMenu.PluginName`,
+        defaultMessage: name
+      },
+      Component: () => Promise.resolve().then(() => require("./App-CMSut1pt.js")),
+      permissions: []
+    });
+    app.createSettingSection(
+      {
+        id: pluginId,
+        intlLabel: {
+          id: `${pluginId}.settings.title`,
+          defaultMessage: "MagicMark"
+        }
+      },
+      [
+        {
+          intlLabel: {
+            id: `${pluginId}.settings.license`,
+            defaultMessage: "License"
+          },
+          id: "magic-mark-license",
+          to: `${pluginId}/license`,
+          Component: () => Promise.resolve().then(() => require(
+            /* webpackChunkName: "magic-mark-license" */
+            "./index-B11QBtag.js"
+          )),
+          permissions: []
+        }
+      ]
+    );
+    app.registerPlugin({
+      id: pluginId,
+      initializer: Initializer,
+      isReady: true,
+      name
+    });
+  },
+  async bootstrap(app) {
+    console.log(`[${pluginId}] Bootstrapping plugin...`);
+    try {
+      const contentManagerPlugin = app.getPlugin("content-manager");
+      if (contentManagerPlugin) {
+        console.log(`[${pluginId}] Injecting content manager components...`);
+        contentManagerPlugin.injectComponent("listView", "actions", {
+          name: "magic-mark-advanced-filter",
+          Component: AdvancedFilterButton
+        });
+        contentManagerPlugin.injectComponent("listView", "actions", {
+          name: "magic-mark-views-widget",
+          Component: ViewsWidget
+        });
+        console.log(`[${pluginId}] Successfully injected content manager components`);
+      }
+    } catch (error) {
+      console.error(`[${pluginId}] Error injecting content manager components:`, error);
+    }
+    const env = typeof process === "undefined" ? {} : process.env;
+    if (env.STRAPI_ADMIN_FAVORITE_VIEWS_INJECT_TO) {
+      for (const entry of env.STRAPI_ADMIN_FAVORITE_VIEWS_INJECT_TO.split(",")) {
+        const parts = entry.split("::");
+        if (parts.length < 2) continue;
+        const [, pluginAndPath] = parts;
+        const [pluginName, container, block] = pluginAndPath.split(".");
+        const plugin = app.getPlugin(pluginName);
+        if (!plugin) continue;
+        try {
+          plugin.injectComponent(container, block, {
+            name: "favorite-views-widget",
+            Component: ViewsWidget
+          });
+        } catch (error) {
+          console.error(`[${pluginId}] Error injecting component to ${pluginName}:`, error);
+        }
+      }
+    }
+  },
+  async registerTrads({ locales }) {
+    const importedTrads = await Promise.all(
+      locales.map((locale) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-Dic_hhjg.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-C5BvHqNo.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-BlSQpU1z.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-BHciYPYG.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-Dawo5aUA.js")) }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
+          return {
+            data: prefixPluginTranslations(data, pluginId),
+            locale
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
+    );
+    return Promise.resolve(importedTrads);
+  }
+};
+exports.CreateEditModal = CreateEditModal;
+exports.index = index;
+exports.pluginId = pluginId;