@open-mercato/ui 0.6.8-develop.7072.1.19c2a8bbe0 → 0.6.8-develop.7077.1.94f1126c13

package/dist/backend/sidebar/SidebarCustomizationEditor.js

@@ -1315,8 +1315,8 @@ function SidebarPreview({
     }
     return null;
   }, [groups, pickFirstActive]);
-  return /* @__PURE__ */ jsx("div", { className: "relative w-[240px] overflow-hidden rounded-xl border bg-background shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 px-3 py-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-xl p-3", children: [
+  return /* @__PURE__ */ jsx("div", { className: "relative w-[240px] overflow-hidden rounded-xl border bg-background shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 py-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-2 px-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-xl p-3", children: [
       /* @__PURE__ */ jsx(
         Image,
         {
@@ -1329,39 +1329,45 @@ function SidebarPreview({
       ),
       /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground truncate", children: productName })
     ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 rounded-lg border border-border bg-background pl-2.5 pr-2 py-2 shadow-sm", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-3", children: /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 rounded-lg border border-border bg-background pl-2.5 pr-2 py-2 shadow-sm", children: [
       /* @__PURE__ */ jsx(Search, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
       /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 text-sm text-muted-foreground/70 truncate", children: t("appShell.sidebarCustomizationPreviewSearchPlaceholder", "Search...") })
-    ] }),
+    ] }) }),
     groups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 text-sm text-muted-foreground", children: t("appShell.sidebarCustomizationPreviewEmpty", "No groups to preview.") }) : /* @__PURE__ */ jsx("nav", { className: "flex flex-col gap-2", children: groups.map((group, gi) => {
       const visibleItems = group.items.filter((item) => item.hidden !== true);
       if (visibleItems.length === 0) return null;
-      return /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "w-full px-1 justify-between flex text-xs font-medium uppercase tracking-wider text-muted-foreground/70 py-1", children: /* @__PURE__ */ jsx("span", { children: group.name }) }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: visibleItems.map((item) => {
-          const itemKey = resolveItemKey(item);
-          const isActive = activeKey === itemKey;
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `relative text-sm font-medium rounded-lg inline-flex items-center w-full px-3 py-2 gap-2 ${isActive ? "bg-muted text-foreground" : "text-muted-foreground"}`,
-              children: [
-                isActive ? /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "aria-hidden": true,
-                    className: "absolute left-[-12px] top-2 w-1 h-5 rounded-r bg-foreground"
-                  }
-                ) : null,
-                /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(SidebarPreviewIcon, { item }) }),
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: item.title })
-              ]
-            },
-            itemKey
-          );
-        }) }),
-        gi < groups.length - 1 ? /* @__PURE__ */ jsx("div", { className: "my-2 border-t -ml-3 -mr-4" }) : null
-      ] }, resolveGroupKey(group));
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `px-3 ${gi < groups.length - 1 ? "border-b pb-2" : ""}`,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full px-1 justify-between flex text-xs font-medium uppercase tracking-wider text-muted-foreground/70 py-1", children: /* @__PURE__ */ jsx("span", { children: group.name }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: visibleItems.map((item) => {
+              const itemKey = resolveItemKey(item);
+              const isActive = activeKey === itemKey;
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `relative text-sm font-medium rounded-lg inline-flex items-center w-full px-3 py-2 gap-2 ${isActive ? "bg-muted text-foreground" : "text-muted-foreground"}`,
+                  children: [
+                    isActive ? /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": true,
+                        className: "absolute left-[-12px] top-2 w-1 h-5 rounded-r bg-foreground"
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(SidebarPreviewIcon, { item }) }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: item.title })
+                  ]
+                },
+                itemKey
+              );
+            }) })
+          ]
+        },
+        resolveGroupKey(group)
+      );
     }) })
   ] }) });
 }