@open-mercato/ui 0.6.7-develop.6775.1.c2313bb8a3 → 0.6.7-develop.6785.1.1dd7cfac55

package/dist/backend/AppShell.js

@@ -87,6 +87,45 @@ function shouldBypassLogoOptimization(src) {
   const value = src ?? "";
   return /^https?:\/\//.test(value) || /^\/api\/attachments\/(?:image|file)\//.test(value);
 }
+function ShellBrandLogo({
+  logo,
+  brandName,
+  unoptimized,
+  compact = false,
+  mobile = false
+}) {
+  const src = logo?.src ?? "/open-mercato.svg";
+  const alt = logo?.alt ?? brandName;
+  const isCustomLogo = Boolean(logo?.src);
+  const preserveAspectRatio = Boolean(logo?.preserveAspectRatio);
+  if (!isCustomLogo || !preserveAspectRatio) {
+    return /* @__PURE__ */ jsx(
+      Image,
+      {
+        src,
+        alt,
+        width: mobile ? 28 : 40,
+        height: mobile ? 28 : 40,
+        className: `${mobile ? "rounded" : "rounded-full"} shrink-0 object-cover`,
+        unoptimized: unoptimized ? true : void 0
+      }
+    );
+  }
+  const width = compact ? 40 : mobile ? 96 : 120;
+  const height = mobile ? 28 : 40;
+  const className = compact ? "h-10 max-w-10 w-auto shrink-0 object-contain" : mobile ? "h-7 max-w-24 w-auto shrink-0 object-contain" : "h-10 max-w-[120px] w-auto shrink-0 object-contain";
+  return /* @__PURE__ */ jsx(
+    Image,
+    {
+      src,
+      alt,
+      width,
+      height,
+      className,
+      unoptimized: unoptimized ? true : void 0
+    }
+  );
+}
 function mergeSidebarItemsWithInjected(items, injectedItems, t) {
   if (injectedItems.length === 0) return items;
   const builtInById = /* @__PURE__ */ new Map();
@@ -514,7 +553,7 @@ function AppShellBody({ productName, logo, email, canManageUpgradeActions = fals
           className: `flex items-center gap-3 rounded-xl transition-colors hover:bg-muted ${compact ? "p-2 justify-center" : "p-3"}`,
           "aria-label": t("appShell.goToDashboard"),
           children: [
-            /* @__PURE__ */ jsx(Image, { src: resolvedLogo?.src ?? "/open-mercato.svg", alt: resolvedLogo?.alt ?? resolvedBrandName, width: 40, height: 40, className: "rounded-full shrink-0", unoptimized: resolvedLogoBypassesOptimization ? true : void 0 }),
+            /* @__PURE__ */ jsx(ShellBrandLogo, { logo: resolvedLogo, brandName: resolvedBrandName, compact, unoptimized: resolvedLogoBypassesOptimization }),
             !compact && /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: resolvedBrandName })
           ]
         }
@@ -617,7 +656,7 @@ function AppShellBody({ productName, logo, email, canManageUpgradeActions = fals
             className: `flex items-center gap-3 rounded-xl transition-colors hover:bg-muted ${compact ? "p-2 justify-center" : "p-3"}`,
             "aria-label": t("appShell.goToDashboard"),
             children: [
-              /* @__PURE__ */ jsx(Image, { src: resolvedLogo?.src ?? "/open-mercato.svg", alt: resolvedLogo?.alt ?? resolvedBrandName, width: 40, height: 40, className: "rounded-full shrink-0", unoptimized: resolvedLogoBypassesOptimization ? true : void 0 }),
+              /* @__PURE__ */ jsx(ShellBrandLogo, { logo: resolvedLogo, brandName: resolvedBrandName, compact, unoptimized: resolvedLogoBypassesOptimization }),
               !compact && /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: resolvedBrandName })
             ]
           }
@@ -677,7 +716,7 @@ function AppShellBody({ productName, logo, email, canManageUpgradeActions = fals
           className: `flex items-center gap-3 rounded-xl transition-colors hover:bg-muted ${compact ? "p-2 justify-center" : "p-3"}`,
           "aria-label": t("appShell.goToDashboard"),
           children: [
-            /* @__PURE__ */ jsx(Image, { src: resolvedLogo?.src ?? "/open-mercato.svg", alt: resolvedLogo?.alt ?? resolvedBrandName, width: 40, height: 40, className: "rounded-full shrink-0", unoptimized: resolvedLogoBypassesOptimization ? true : void 0 }),
+            /* @__PURE__ */ jsx(ShellBrandLogo, { logo: resolvedLogo, brandName: resolvedBrandName, compact, unoptimized: resolvedLogoBypassesOptimization }),
             !compact && /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: resolvedBrandName })
           ]
         }
@@ -1080,7 +1119,7 @@ function AppShellBody({ productName, logo, email, canManageUpgradeActions = fals
             /* @__PURE__ */ jsxs("aside", { className: "absolute left-0 top-0 flex h-full w-[280px] max-w-[85vw] flex-col bg-background border-r shadow-lg overflow-hidden", children: [
               /* @__PURE__ */ jsxs("div", { className: "shrink-0 flex items-center justify-between gap-2 border-b px-4 py-3", children: [
                 /* @__PURE__ */ jsxs(Link, { href: "/backend", className: "flex items-center gap-2 min-w-0 text-sm font-semibold", onClick: () => setMobileOpen(false), "aria-label": t("appShell.goToDashboard"), children: [
-                  /* @__PURE__ */ jsx(Image, { src: resolvedLogo?.src ?? "/open-mercato.svg", alt: resolvedLogo?.alt ?? resolvedBrandName, width: 28, height: 28, className: "rounded shrink-0", unoptimized: resolvedLogoBypassesOptimization ? true : void 0 }),
+                  /* @__PURE__ */ jsx(ShellBrandLogo, { logo: resolvedLogo, brandName: resolvedBrandName, mobile: true, unoptimized: resolvedLogoBypassesOptimization }),
                   /* @__PURE__ */ jsx("span", { className: "truncate", children: resolvedBrandName })
                 ] }),
                 /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "sm", onClick: () => setMobileOpen(false), "aria-label": t("appShell.closeMenu"), children: /* @__PURE__ */ jsx(X, { className: "size-4" }) })