@ohhwells/bridge 0.1.95 → 0.1.97

package/dist/index.js

@@ -418,6 +418,10 @@ function styleSheetCss() {
       `[data-ohw-style-spacing="${spacing}"] { padding-top: ${px}px !important; padding-bottom: ${px}px !important; }`
     );
   }
+  rules.push(
+    `[data-ohw-style-corners="sharp"] :is(.card, [data-ohw-card], img, picture, figure, [data-ohw-editable="bg-image"]) { border-radius: 0 !important; }`,
+    `[data-ohw-style-corners="sharp"] :has(> img) { border-radius: 0 !important; }`
+  );
   for (const align of ["left", "center", "right"]) {
     rules.push(`[data-ohw-style-align="${align}"] { text-align: ${align} !important; }`);
   }
@@ -448,6 +452,7 @@ var SECTION_ATTRS = {
   headlineScale: "data-ohw-style-headline",
   imageAspect: "data-ohw-style-aspect",
   spacing: "data-ohw-style-spacing",
+  cornerStyle: "data-ohw-style-corners",
   align: "data-ohw-style-align"
 };
 var NODE_WROTE_ATTR = "data-ohw-style-node";
@@ -840,6 +845,284 @@ function initSectionInstancesFromContent(content, currentPath) {
 // src/ui/ai-tree/AiTreeRenderer.tsx
 import React from "react";
 import { ArrowLeft, ArrowRight, ChevronDown, icons as lucideIcons } from "lucide-react";
+
+// src/lib/placeholder-imagery.ts
+var U = (id) => `https://images.unsplash.com/photo-${id}?auto=format&fit=crop&w=1600&q=80`;
+var GENERIC = [
+  U("1441986300917-64674bd600d8"),
+  U("1486406146926-c627a92ad1ab"),
+  U("1497032628192-86f99bcd76bc"),
+  U("1521737604893-d14cc237f11d"),
+  U("1522071820081-009f0129c71c"),
+  U("1519389950473-47ba0277781c"),
+  U("1460925895917-afdab827c52f"),
+  U("1504384308090-c894fdcc538d")
+];
+var PEOPLE = [
+  U("1500648767791-00dcc994a43e"),
+  U("1494790108377-be9c29b29330"),
+  U("1507003211169-0a1dd7228f2d"),
+  U("1438761681033-6461ffad8d80"),
+  U("1544005313-94ddf0286df2"),
+  U("1472099645785-5658abf4ff4e"),
+  U("1519085360753-af0119f7cbe7"),
+  U("1534528741775-53994a69daeb")
+];
+var THEMED = [
+  {
+    keywords: ["portrait", "headshot", "person", "people", "team", "staff", "avatar", "founder", "face"],
+    pool: PEOPLE
+  },
+  {
+    keywords: ["pet", "dog", "cat", "puppy", "kitten", "vet", "animal"],
+    pool: [
+      U("1548199973-03cce0bbc87b"),
+      U("1450778869180-41d0601e046e"),
+      U("1583511655857-d19b40a7a54e"),
+      U("1587300003388-59208cc962cb"),
+      U("1517849845537-4d257902454a"),
+      U("1601758228041-f3b2795255f1")
+    ]
+  },
+  {
+    keywords: [
+      "baker",
+      "bakery",
+      "cafe",
+      "coffee",
+      "latte",
+      "restaurant",
+      "pastr",
+      "bread",
+      "cake",
+      "cater",
+      "chef",
+      "kitchen",
+      "food",
+      "pizza",
+      "dessert",
+      "brunch",
+      "bistro",
+      "deli",
+      "dish",
+      "menu"
+    ],
+    pool: [
+      U("1509440159596-0249088772ff"),
+      U("1555507036-ab1f4038808a"),
+      U("1517433670267-08bbd4be890f"),
+      U("1486427944299-d1955d23e34d"),
+      U("1504754524776-8f4f37790ca0"),
+      U("1495474472287-4d71bcdd2085"),
+      U("1521017432531-fbd92d768814"),
+      U("1556909114-f6e7ad7d3136")
+    ]
+  },
+  {
+    keywords: [
+      "shop",
+      "store",
+      "boutique",
+      "retail",
+      "clothing",
+      "fashion",
+      "jewel",
+      "gift",
+      "florist",
+      "market",
+      "grocer",
+      "product",
+      "storefront"
+    ],
+    pool: [
+      U("1441984904996-e0b6ba687e04"),
+      U("1472851294608-062f824d29cc"),
+      U("1523381210434-271e8be1f52b"),
+      U("1534452203293-494d7ddbf7e0"),
+      U("1445205170230-053b83016050"),
+      U("1560243563-062bfc001d68")
+    ]
+  },
+  {
+    keywords: [
+      "yoga",
+      "pilates",
+      "fitness",
+      "gym",
+      "workout",
+      "trainer",
+      "wellness",
+      "meditat",
+      "massage",
+      "therap",
+      "physio",
+      "chiro",
+      "nutrition",
+      "spa",
+      "studio"
+    ],
+    pool: [
+      U("1544367567-0f2fcb009e0b"),
+      U("1506126613408-eca07ce68773"),
+      U("1545205597-3d9d02c29597"),
+      U("1552196563-55cd4e45efb3"),
+      U("1518611012118-696072aa579a"),
+      U("1571019613454-1cb2f99b2d8b"),
+      U("1540555700478-4be289fbecef"),
+      U("1519824145371-296894a0daa9")
+    ]
+  },
+  {
+    keywords: [
+      "salon",
+      "hairdress",
+      "haircut",
+      "barber",
+      "manicure",
+      "pedicure",
+      "nails",
+      "beauty",
+      "makeup",
+      "cosmetic",
+      "eyelash",
+      "eyebrow",
+      "skincare",
+      "esthetic",
+      "waxing",
+      "hair"
+    ],
+    pool: [
+      U("1560066984-138dadb4c035"),
+      U("1522337660859-02fbefca4702"),
+      U("1562322140-8baeececf3df"),
+      U("1521590832167-7bcbfaa6381f"),
+      U("1487412947147-5cebf100ffc2"),
+      U("1526045478516-99145907023c")
+    ]
+  },
+  {
+    keywords: [
+      "cleaning",
+      "plumb",
+      "electric",
+      "landscap",
+      "contractor",
+      "handyman",
+      "renov",
+      "hvac",
+      "roofing",
+      "painting",
+      "carpentry",
+      "flooring",
+      "movers",
+      "construction",
+      "tools"
+    ],
+    pool: [
+      U("1581578731548-c64695cc6952"),
+      U("1504307651254-35680f356dfd"),
+      U("1581092160562-40aa08e78837"),
+      U("1621905251189-08b45d6a269e"),
+      U("1558618666-fcd25c85cd64"),
+      U("1585128792020-803d29415281")
+    ]
+  },
+  {
+    keywords: [
+      "legal",
+      "attorney",
+      "lawyer",
+      "account",
+      "bookkeep",
+      "consult",
+      "coaching",
+      "financ",
+      "insurance",
+      "realtor",
+      "estate",
+      "marketing",
+      "agency",
+      "office",
+      "business",
+      "desk"
+    ],
+    pool: [
+      U("1497366216548-37526070297c"),
+      U("1497366811353-6870744d04b2"),
+      U("1454165804606-c3d57bc86b40"),
+      U("1521791136064-7986c2920216"),
+      U("1556761175-b413da4baf72"),
+      U("1542744173-8e7e53415bb0")
+    ]
+  },
+  {
+    keywords: [
+      "wedding",
+      "event",
+      "party",
+      "celebrat",
+      "venue",
+      "community",
+      "nonprofit",
+      "charity",
+      "workshop",
+      "photograph",
+      "concert"
+    ],
+    pool: [
+      U("1511578314322-379afb476865"),
+      U("1501281668745-f7f57925c3b4"),
+      U("1523580494863-6f3031224c94"),
+      U("1540575467063-178a50c2df87"),
+      U("1505236858219-8359eb29e329"),
+      U("1528605248644-14dd04022da1")
+    ]
+  }
+];
+function poolForSubject(subject) {
+  for (const theme of THEMED) {
+    if (theme.keywords.some((k) => subject.includes(k))) {
+      return theme.pool;
+    }
+  }
+  return GENERIC;
+}
+function mixedHash(text) {
+  let hash = 2166136261;
+  for (let i = 0; i < text.length; i++) {
+    hash ^= text.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 16 & 65535;
+}
+function resolvePlaceholderRef(ref) {
+  const match = /^placeholder:([a-z0-9-]+)$/.exec(ref);
+  if (!match) return null;
+  const subject = match[1];
+  const pool = poolForSubject(subject.replace(/-\d+$/, ""));
+  return pool[mixedHash(ref) % pool.length];
+}
+function collectPlaceholderRefs(tree) {
+  const seen = /* @__PURE__ */ new Set();
+  for (const match of JSON.stringify(tree ?? null).matchAll(/"(placeholder:[a-z0-9-]+)"/gu)) {
+    seen.add(match[1]);
+  }
+  return [...seen];
+}
+function buildPlaceholderMap(tree) {
+  const map = {};
+  const cursor = /* @__PURE__ */ new Map();
+  for (const ref of collectPlaceholderRefs(tree)) {
+    const subject = ref.slice("placeholder:".length).replace(/-\d+$/, "");
+    const pool = poolForSubject(subject);
+    const start = cursor.get(pool) ?? mixedHash(ref) % pool.length;
+    map[ref] = pool[start % pool.length];
+    cursor.set(pool, start + 1);
+  }
+  return map;
+}
+
+// src/ui/ai-tree/AiTreeRenderer.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function lucideByName(name) {
   const pascal = name.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
@@ -853,6 +1136,7 @@ var typeStyle = (spec, font) => ({
   fontWeight: spec.weight
 });
 var str = (value) => typeof value === "string" ? value : "";
+var cardRadius = (slots) => slots.cornerStyle === "sharp" ? 0 : AI_TREE_TOKENS.radiusCard;
 var featureLines = (value) => value.split(/\n|<br\s*\/?>/i).map((line) => line.trim()).filter(Boolean);
 var CHECK_MASK = `data:image/svg+xml,${encodeURIComponent(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>'
@@ -879,6 +1163,25 @@ var FEATURE_LINE_CSS = [
   `background-color:currentColor;-webkit-mask:url("${CHECK_MASK}") no-repeat 0 0/24px 24px;`,
   `mask:url("${CHECK_MASK}") no-repeat 0 0/24px 24px}`
 ].join("");
+function buttonShellStyle(ctx, fullWidth) {
+  const bs = ctx.buttonStyle;
+  if (bs) {
+    return {
+      borderRadius: bs.radius,
+      ...bs.padding ? { padding: bs.padding } : {},
+      ...bs.fontFamily ? { fontFamily: bs.fontFamily } : { fontFamily: ctx.brand.fonts.body },
+      ...bs.fontSize ? { fontSize: bs.fontSize } : {},
+      ...bs.fontWeight ? { fontWeight: bs.fontWeight } : {},
+      ...bs.letterSpacing && bs.letterSpacing !== "normal" ? { letterSpacing: bs.letterSpacing } : {},
+      ...bs.textTransform && bs.textTransform !== "none" ? { textTransform: bs.textTransform } : {}
+    };
+  }
+  return {
+    borderRadius: AI_TREE_TOKENS.radiusButton,
+    padding: fullWidth ? `${AI_TREE_TOKENS.spacing2}px ${AI_TREE_TOKENS.spacing4}px` : `${AI_TREE_TOKENS.spacing3}px ${AI_TREE_TOKENS.spacing6}px`,
+    ...typeStyle(AI_TREE_TOKENS.type.button, ctx.brand.fonts.body)
+  };
+}
 function hexLuminance(color) {
   const m = /^#([0-9a-f]{6})$/i.exec(color.trim());
   if (!m) return null;
@@ -895,6 +1198,12 @@ function hexContrast(a, b) {
   const [hi, lo] = la > lb ? [la, lb] : [lb, la];
   return (hi + 0.05) / (lo + 0.05);
 }
+function primaryButtonLabel(brand) {
+  const darkC = hexContrast(brand.palette.primary, brand.palette.dark);
+  const lightC = hexContrast(brand.palette.primary, AI_TREE_TOKENS.textPrimaryForeground);
+  if (darkC === null || lightC === null) return AI_TREE_TOKENS.textPrimaryForeground;
+  return darkC > lightC ? brand.palette.dark : AI_TREE_TOKENS.textPrimaryForeground;
+}
 function accentBandContext(brand) {
   const p = brand.palette;
   const lightWins = (hexContrast(p.light, p.primary) ?? 99) >= (hexContrast(p.dark, p.primary) ?? 0);
@@ -994,12 +1303,10 @@ function ButtonEl({
         width: fullWidth ? "100%" : void 0,
         alignItems: "center",
         justifyContent: "center",
-        padding: fullWidth ? `${AI_TREE_TOKENS.spacing2}px ${AI_TREE_TOKENS.spacing4}px` : `${AI_TREE_TOKENS.spacing3}px ${AI_TREE_TOKENS.spacing6}px`,
-        borderRadius: AI_TREE_TOKENS.radiusButton,
         textDecoration: "none",
         cursor: "pointer",
-        ...typeStyle(AI_TREE_TOKENS.type.button, ctx.brand.fonts.body),
-        ...secondary ? { border: `1px solid ${ctx.brand.palette.dark}`, color: ctx.brand.palette.dark } : { background: ctx.brand.palette.primary, color: ctx.buttonLabel ?? AI_TREE_TOKENS.textPrimaryForeground }
+        ...buttonShellStyle(ctx, fullWidth),
+        ...secondary ? { border: `1px solid ${ctx.brand.palette.dark}`, color: ctx.brand.palette.dark } : { background: ctx.brand.palette.primary, color: ctx.buttonLabel ?? primaryButtonLabel(ctx.brand) }
       },
       children: /* @__PURE__ */ jsx("span", { ...path ? textAttrs(ctx, `${path}.label`) : {}, children: str(slots.label) })
     }
@@ -1175,10 +1482,11 @@ function PricingCard({ node, ctx, path }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-ohw-card": "",
       style: {
         background: hasBg ? ctx.brand.palette.light : "transparent",
         border: `1px solid ${dark}`,
-        borderRadius: AI_TREE_TOKENS.radiusCard,
+        borderRadius: cardRadius(slots),
         padding: AI_TREE_TOKENS.paddingBlock,
         display: "flex",
         flexDirection: "column",
@@ -1283,10 +1591,11 @@ function TestimonialCard({ node, ctx, path }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-ohw-card": "",
       "data-ai-avatar-pos": avatarPos ?? void 0,
       style: {
         background: hasBg ? ctx.cardSurface : "transparent",
-        borderRadius: hasBg ? AI_TREE_TOKENS.radiusCard : 0,
+        borderRadius: hasBg ? cardRadius(slots) : 0,
         overflow: "hidden",
         outline: slots.featured === true ? `2px solid ${ctx.brand.palette.primary}` : void 0,
         minWidth: 0
@@ -1321,10 +1630,11 @@ function TeamCard({ node, ctx, path }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-ohw-card": "",
       "data-ai-avatar-pos": avatarPos ?? void 0,
       style: {
         background: hasBg ? ctx.cardSurface : "transparent",
-        borderRadius: hasBg ? AI_TREE_TOKENS.radiusCard : 0,
+        borderRadius: hasBg ? cardRadius(slots) : 0,
         overflow: "hidden",
         outline: slots.featured === true ? `2px solid ${ctx.brand.palette.primary}` : void 0,
         minWidth: 0,
@@ -1495,9 +1805,10 @@ function CardBlock({ node, ctx, path }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-ohw-card": "",
       style: {
         background: hasBg ? ctx.cardSurface : "transparent",
-        borderRadius: hasBg ? AI_TREE_TOKENS.radiusCard : 0,
+        borderRadius: hasBg ? cardRadius(slots) : 0,
         overflow: "hidden",
         outline: slots.featured === true ? `2px solid ${ctx.brand.palette.primary}` : void 0,
         display: horizontal ? "flex" : "block",
@@ -1525,7 +1836,7 @@ function CardBlock({ node, ctx, path }) {
         ) : /* @__PURE__ */ jsx(
           "div",
           {
-            style: /^(lucide|simple):/.test(mediaRef) ? { padding: `${AI_TREE_TOKENS.paddingBlock}px ${AI_TREE_TOKENS.paddingBlock}px 0` } : hasBg ? void 0 : { borderRadius: AI_TREE_TOKENS.radiusCard, overflow: "hidden" },
+            style: /^(lucide|simple):/.test(mediaRef) ? { padding: `${AI_TREE_TOKENS.paddingBlock}px ${AI_TREE_TOKENS.paddingBlock}px 0` } : hasBg ? void 0 : { borderRadius: cardRadius(slots), overflow: "hidden" },
             children: media
           }
         )),
@@ -1936,6 +2247,32 @@ function renderNode(node, ctx, path) {
       if (child) {
         return renderNode(child, ctx, `${path}.c0`);
       }
+      if (str(slots.provider) === "map" && str(slots.query)) {
+        const query = str(slots.query);
+        const mapAttrs = ctx.keyFor ? {
+          "data-ohw-key": ctx.keyFor(`${path}.query`),
+          "data-ohw-editable": "map",
+          "data-ohw-map-query": query
+        } : {};
+        return /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            ...mapAttrs,
+            "data-ai-embed": "map",
+            title: str(slots.title) || "Map",
+            src: `https://www.google.com/maps?q=${encodeURIComponent(query)}&output=embed`,
+            loading: "lazy",
+            referrerPolicy: "no-referrer-when-downgrade",
+            style: {
+              width: "100%",
+              minHeight: 320,
+              border: 0,
+              borderRadius: AI_TREE_TOKENS.radiusCard,
+              display: "block"
+            }
+          }
+        );
+      }
       return /* @__PURE__ */ jsx(
         "div",
         {
@@ -2039,15 +2376,12 @@ function renderNode(node, ctx, path) {
                       alignSelf: submitAlign,
                       border: "none",
                       cursor: "pointer",
-                      padding: "12px 24px",
-                      // Corner radius follows the host template's own buttons (measured from a template
-                      // CTA); 8px only when the page has no template button to match.
-                      borderRadius: ctx.buttonRadius ?? 8,
+                      // Shape/padding/typography follow the host template's own buttons.
+                      ...buttonShellStyle(ctx),
                       // Brand-styled: primary fill, brand-derived label colour (not a fixed token) so it
                       // reads correctly on custom palettes.
                       background: ctx.brand.palette.primary,
-                      color: ctx.buttonLabel ?? ctx.brand.palette.light,
-                      ...typeStyle(AI_TREE_TOKENS.type.button, ctx.brand.fonts.body)
+                      color: ctx.buttonLabel ?? primaryButtonLabel(ctx.brand)
                     },
                     children: /* @__PURE__ */ jsx("span", { ...textAttrs(ctx, `${path}.c${i}.label`), children: str(cs.label) })
                   },
@@ -2082,7 +2416,7 @@ function renderNode(node, ctx, path) {
 function AiTreeRenderer({
   tree,
   brand,
-  buttonRadius,
+  buttonStyle,
   resolveMedia,
   editKeyPrefix
 }) {
@@ -2092,13 +2426,18 @@ function AiTreeRenderer({
   const resolvedBrand = brand ?? AI_DEFAULT_BRAND;
   const band = (tree.settings ?? {}).sectionBackground === "accent" ? accentBandContext(resolvedBrand) : null;
   const blockBrand = band?.brand ?? resolvedBrand;
+  const placeholderMap = buildPlaceholderMap(tree);
   const ctx = {
     brand: blockBrand,
-    resolveMedia: resolveMedia ?? (() => null),
+    // An owner/library ref resolves through the host resolver; a `placeholder:<subject>` ref the
+    // host cannot resolve falls back to real stock photography (the per-section map first, then a
+    // standalone resolve), so generated galleries, image rows, and overlay backgrounds arrive with
+    // photos instead of grey boxes.
+    resolveMedia: (ref) => resolveMedia?.(ref) ?? placeholderMap[ref] ?? resolvePlaceholderRef(ref),
     cardSurface: blockBrand.palette.light.toUpperCase() === AI_DEFAULT_BRAND.palette.light.toUpperCase() ? "#ECECEB" : `color-mix(in srgb, ${blockBrand.palette.light} 90%, ${blockBrand.palette.dark})`,
     keyFor: editKeyPrefix ? (path) => `${editKeyPrefix}.${path}` : null,
     sectionAlignment: (tree.settings ?? {}).alignment === "center" ? "center" : "left",
-    buttonRadius,
+    buttonStyle,
     ...band ? { buttonLabel: band.buttonLabel } : {}
   };
   const settings = tree.settings ?? {};
@@ -2228,13 +2567,13 @@ function deriveBrandOverride() {
   };
 }
 function deriveTemplateBrand() {
-  const dark = readRootVar("--color-dark");
-  const primary = readRootVar("--color-primary");
-  const light = readRootVar("--color-light");
+  const primary = readRootVar("--brand-primary") || readRootVar("--color-primary");
+  const dark = readRootVar("--brand-text") || readRootVar("--color-dark");
+  const light = readRootVar("--brand-background") || readRootVar("--color-light");
   if (!dark || !primary || !light) return null;
-  const accent = readRootVar("--color-accent");
-  const heading = readRootVar("--font-heading") || readRootVar("--font-display");
-  const body = readRootVar("--font-body");
+  const accent = readRootVar("--brand-accent") || readRootVar("--color-accent");
+  const heading = readRootVar("--brand-font-heading") || readRootVar("--font-heading") || readRootVar("--font-display");
+  const body = readRootVar("--brand-font-body") || readRootVar("--font-body");
   return {
     palette: { dark, primary, accent: accent || dark, light },
     fonts: {
@@ -2243,12 +2582,32 @@ function deriveTemplateBrand() {
     }
   };
 }
-function deriveTemplateButtonRadius() {
+function deriveTemplateButtonStyle() {
   if (typeof document === "undefined") return null;
-  const btn = document.querySelector('[data-ohw-role="button"]');
+  const btn = Array.from(document.querySelectorAll('[data-ohw-role="button"]')).find(
+    (el) => !el.closest(`[${CONTAINER_ATTR}]`)
+  );
   if (!btn) return null;
-  const radius = getComputedStyle(btn).borderTopLeftRadius;
-  return radius || null;
+  const cs = getComputedStyle(btn);
+  const corners = [
+    cs.borderTopLeftRadius,
+    cs.borderTopRightRadius,
+    cs.borderBottomRightRadius,
+    cs.borderBottomLeftRadius
+  ].map((v) => v || "0px");
+  const radius = corners.every((v) => v === corners[0]) ? corners[0] : corners.join(" ");
+  const px = (v) => parseFloat(v) || 0;
+  const padY = Math.max(px(cs.paddingTop), px(cs.paddingBottom));
+  const padX = Math.max(px(cs.paddingLeft), px(cs.paddingRight));
+  return {
+    radius: radius || "10px",
+    padding: `${padY}px ${padX}px`,
+    fontFamily: cs.fontFamily || "",
+    fontSize: cs.fontSize || "",
+    fontWeight: cs.fontWeight || "",
+    letterSpacing: cs.letterSpacing || "",
+    textTransform: cs.textTransform || ""
+  };
 }
 var mounted = /* @__PURE__ */ new Map();
 function findTemplateSection(id) {
@@ -2419,7 +2778,7 @@ function applyAiSectionsToDom(state, options) {
   if (typeof document === "undefined") return;
   const brandOverride = deriveBrandOverride();
   const templateBrand = deriveTemplateBrand();
-  const templateButtonRadius = deriveTemplateButtonRadius();
+  const templateButtonStyle = deriveTemplateButtonStyle();
   const brandKey = brandOverride ? JSON.stringify(brandOverride) : "";
   const pagePath = window.location.pathname;
   const pageSections = state.sections.filter((entry) => (entry.path ?? "/") === pagePath);
@@ -2459,7 +2818,7 @@ function applyAiSectionsToDom(state, options) {
           {
             tree: entry.tree,
             brand: brandOverride ?? entry.brand ?? options?.brand ?? templateBrand ?? void 0,
-            buttonRadius: templateButtonRadius,
+            buttonStyle: templateButtonStyle,
             resolveMedia,
             editKeyPrefix: `ai.${entry.id}`
           }
@@ -14558,6 +14917,9 @@ function collectEditableNodes(extraContent, root = document) {
     if (el.dataset.ohwEditable === "link") {
       return { key: el.dataset.ohwKey ?? "", type: "link", text: getLinkHref3(el) };
     }
+    if (el.dataset.ohwEditable === "map") {
+      return { key: el.dataset.ohwKey ?? "", type: "map", text: el.dataset.ohwMapQuery ?? "" };
+    }
     return {
       key: el.dataset.ohwKey ?? "",
       type: el.dataset.ohwEditable ?? "text",
@@ -15341,7 +15703,7 @@ var EDITOR_CHROME_SELECTOR = '[data-ohw-toolbar], [data-ohw-form-toolbar], [data
 function isOverEditorChrome(x, y) {
   return document.elementsFromPoint(x, y).some((el) => el instanceof HTMLElement && el.matches(EDITOR_CHROME_SELECTOR));
 }
-var NON_MEDIA_SELECTOR = '[data-ohw-editable]:not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]):not([data-ohw-editable="video"]):not([data-ohw-editable="icon"]):not([data-ohw-editable="form"])';
+var NON_MEDIA_SELECTOR = '[data-ohw-editable]:not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]):not([data-ohw-editable="video"]):not([data-ohw-editable="icon"]):not([data-ohw-editable="form"]):not([data-ohw-editable="map"])';
 function getVideoEl2(el) {
   return el instanceof HTMLVideoElement ? el : el.querySelector("video");
 }
@@ -15397,6 +15759,12 @@ function applyVideoSettingNode(key, val) {
   });
   return true;
 }
+function applyMapQuery(el, val) {
+  if (!(el instanceof HTMLIFrameElement)) return;
+  const nextSrc = `https://www.google.com/maps?q=${encodeURIComponent(val)}&output=embed`;
+  if (el.src !== nextSrc) el.src = nextSrc;
+  el.setAttribute("data-ohw-map-query", val);
+}
 function applyLinkByKey(key, val) {
   document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
     if (el.dataset.ohwEditable === "link") applyLinkHref(el, val);
@@ -18197,6 +18565,8 @@ function OhhwellsBridge() {
             }
           } else if (el.dataset.ohwEditable === "link") {
             applyLinkHref(el, val);
+          } else if (el.dataset.ohwEditable === "map") {
+            applyMapQuery(el, val);
           } else if (el.dataset.ohwEditable === "icon") {
             applyIconMarkup(el, val);
           } else if (el.dataset.ohwEditable === "form") {
@@ -18393,6 +18763,8 @@ function OhhwellsBridge() {
               if (video && video.src !== val) applyVideoSrc(video, val);
             } else if (el.dataset.ohwEditable === "link") {
               applyLinkHref(el, val);
+            } else if (el.dataset.ohwEditable === "map") {
+              applyMapQuery(el, val);
             } else if (el.dataset.ohwEditable === "form") {
             } else if (isIconMarkupValue(val)) {
             } else if (el.innerHTML !== val) {
@@ -20366,6 +20738,8 @@ function OhhwellsBridge() {
             if (video && video.src !== val) applyVideoSrc(video, val);
           } else if (el.dataset.ohwEditable === "link") {
             applyLinkHref(el, val);
+          } else if (el.dataset.ohwEditable === "map") {
+            applyMapQuery(el, val);
           } else if (el.dataset.ohwEditable === "icon") {
             applyIconMarkup(el, val);
           } else if (isIconMarkupValue(val)) {
@@ -21602,7 +21976,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.94",
+        bridgeVersion: "0.1.96",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections