@ohhwells/bridge 0.1.54 → 0.1.55-next.158

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/OhhwellsBridge.tsx
-import React11, { useCallback as useCallback6, useEffect as useEffect11, useLayoutEffect as useLayoutEffect3, useRef as useRef8, useState as useState10 } from "react";
+import React11, { useCallback as useCallback7, useEffect as useEffect12, useLayoutEffect as useLayoutEffect4, useRef as useRef9, useState as useState11 } from "react";
 import { createRoot as createRoot2 } from "react-dom/client";
 import { flushSync as flushSync2 } from "react-dom";
 
@@ -118,6 +118,129 @@ function deleteSectionFromState(state, sectionId) {
   return { ...state, v: 1, sections: state.sections, removed: [...removed, sectionId] };
 }
 
+// src/lib/brand-chrome.ts
+var BRAND_NAME_KEY = "__ohw_brand_name";
+var BRAND_TITLE_KEY = "__ohw_site_title";
+var BRAND_FAVICON_LETTER_KEY = "__ohw_favicon_letter";
+var BRAND_CHROME_KEYS = /* @__PURE__ */ new Set([
+  BRAND_NAME_KEY,
+  BRAND_TITLE_KEY,
+  BRAND_FAVICON_LETTER_KEY
+]);
+function upsertMeta(selector, attr, token, value) {
+  let el = document.head.querySelector(selector);
+  if (!el) {
+    el = document.createElement("meta");
+    el.setAttribute(attr, token);
+    document.head.appendChild(el);
+  }
+  if (el.getAttribute("content") !== value) el.setAttribute("content", value);
+}
+function escapeXml(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function applyLetterFavicon(letter) {
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="12" fill="#111827"/><text x="32" y="46" font-family="system-ui,-apple-system,Segoe UI,sans-serif" font-size="40" font-weight="700" text-anchor="middle" fill="#ffffff">${escapeXml(letter)}</text></svg>`;
+  const href = `data:image/svg+xml,${encodeURIComponent(svg)}`;
+  let link = document.head.querySelector('link[rel="icon"]');
+  if (!link) {
+    link = document.createElement("link");
+    link.rel = "icon";
+    document.head.appendChild(link);
+  }
+  link.type = "image/svg+xml";
+  if (link.href !== href) link.href = href;
+}
+function applyBrandChrome(content) {
+  const name = content[BRAND_NAME_KEY];
+  if (typeof name === "string" && name.length > 0) {
+    document.querySelectorAll("[data-ohw-wordmark]").forEach((el) => {
+      if (el.textContent !== name) el.textContent = name;
+      if (el.getAttribute("title") !== name) el.setAttribute("title", name);
+    });
+  }
+  const title = content[BRAND_TITLE_KEY];
+  if (typeof title === "string" && title.length > 0) {
+    if (document.title !== title) document.title = title;
+    upsertMeta('meta[property="og:title"]', "property", "og:title", title);
+    upsertMeta('meta[name="twitter:title"]', "name", "twitter:title", title);
+  }
+  const letter = content[BRAND_FAVICON_LETTER_KEY];
+  if (typeof letter === "string" && letter.length > 0) {
+    applyLetterFavicon(letter);
+  }
+}
+
+// src/lib/brand-kit.ts
+var BRAND_KIT_KEY = "__ohw_brand";
+var BRAND_VAR_PREFIX = "--ohw-brand-";
+var BRAND_VAR_NAMES = ["primary", "accent", "light", "dark", "surface", "border", "muted"].map(
+  (role) => `${BRAND_VAR_PREFIX}${role}`
+);
+var FONT_VARS = { heading: ["--font-heading", "--font-display"], body: ["--font-body"] };
+var BRAND_FONT_LINK_ID = "ohw-brand-fonts";
+function brandColorVars(kit) {
+  const { dark, primary, accent, light } = kit.palette;
+  const mix = (a, aPct, b) => `color-mix(in srgb, ${a} ${aPct}%, ${b})`;
+  return {
+    [`${BRAND_VAR_PREFIX}primary`]: primary,
+    [`${BRAND_VAR_PREFIX}accent`]: accent,
+    [`${BRAND_VAR_PREFIX}light`]: light,
+    [`${BRAND_VAR_PREFIX}dark`]: dark,
+    [`${BRAND_VAR_PREFIX}surface`]: mix(light, 95, dark),
+    [`${BRAND_VAR_PREFIX}border`]: mix(light, 85, dark),
+    [`${BRAND_VAR_PREFIX}muted`]: mix(dark, 62, light)
+  };
+}
+function parseBrandKit(raw) {
+  if (!raw) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    const p = parsed?.palette;
+    const f = parsed?.fonts;
+    if (!p || !f || typeof p.dark !== "string" || typeof p.primary !== "string" || typeof p.accent !== "string" || typeof p.light !== "string" || typeof f.heading !== "string" || typeof f.body !== "string") {
+      return null;
+    }
+    return {
+      palette: { dark: p.dark, primary: p.primary, accent: p.accent, light: p.light },
+      fonts: { heading: f.heading, body: f.body }
+    };
+  } catch {
+    return null;
+  }
+}
+function familyOf(stack) {
+  const first = stack.split(",")[0]?.trim() ?? "";
+  return first.replace(/^['"]|['"]$/g, "");
+}
+function loadBrandFonts(families) {
+  const unique = [...new Set(families.map((f) => f.trim()).filter(Boolean))];
+  if (unique.length === 0) return;
+  const spec = unique.map((f) => `${f.replace(/ /g, "+")}:400,500,600,700`).join("|");
+  const href = `https://fonts.googleapis.com/css?family=${spec}&display=swap`;
+  let link = document.getElementById(BRAND_FONT_LINK_ID);
+  if (!link) {
+    link = document.createElement("link");
+    link.id = BRAND_FONT_LINK_ID;
+    link.rel = "stylesheet";
+    document.head.appendChild(link);
+  }
+  if (link.href !== href) link.href = href;
+}
+function applyBrandToDom(kit) {
+  const root = document.documentElement;
+  if (!kit) {
+    for (const name of BRAND_VAR_NAMES) root.style.removeProperty(name);
+    for (const name of [...FONT_VARS.heading, ...FONT_VARS.body]) root.style.removeProperty(name);
+    document.getElementById(BRAND_FONT_LINK_ID)?.remove();
+    return;
+  }
+  for (const [name, value] of Object.entries(brandColorVars(kit))) root.style.setProperty(name, value);
+  for (const name of FONT_VARS.heading) root.style.setProperty(name, kit.fonts.heading);
+  for (const name of FONT_VARS.body) root.style.setProperty(name, kit.fonts.body);
+  loadBrandFonts([familyOf(kit.fonts.heading), familyOf(kit.fonts.body)]);
+}
+
 // src/ui/ai-tree/aiSectionsManager.tsx
 import { flushSync } from "react-dom";
 import { createRoot } from "react-dom/client";
@@ -162,13 +285,17 @@ function MediaBox({
   const url = refValue ? ctx.resolveMedia(refValue) : null;
   const isIcon = /^(lucide|simple):/.test(refValue);
   const aspectRatio = aspect && /^\d+:\d+$/.test(aspect) ? aspect.replace(":", " / ") : void 0;
-  const editAttrs = ctx.keyFor && editPath && !isIcon ? { "data-ohw-key": ctx.keyFor(editPath), "data-ohw-editable": "image" } : {};
+  const editAttrs = ctx.keyFor && editPath ? {
+    "data-ohw-key": ctx.keyFor(editPath),
+    "data-ohw-editable": isIcon ? "icon" : "image"
+  } : {};
   if (isIcon) {
     const Icon = refValue.startsWith("lucide:") ? lucideByName(refValue.slice(7)) : null;
     return /* @__PURE__ */ jsx(
       "span",
       {
         "data-ai-icon": refValue,
+        ...editAttrs,
         style: {
           display: "inline-flex",
           width: 48,
@@ -1200,17 +1327,34 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 var CONTAINER_ATTR = "data-ohw-ai-generated";
 var REPLACED_ATTR = "data-ohw-ai-replaced-by";
 var REMOVED_ATTR = "data-ohw-ai-removed";
+function readRootVar(name) {
+  if (typeof document === "undefined") return "";
+  return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+}
+function deriveBrandOverride() {
+  const dark = readRootVar("--ohw-brand-dark");
+  const primary = readRootVar("--ohw-brand-primary");
+  const light = readRootVar("--ohw-brand-light");
+  if (!dark || !primary || !light) return null;
+  const accent = readRootVar("--ohw-brand-accent");
+  const heading = readRootVar("--font-heading") || readRootVar("--font-display");
+  const body = readRootVar("--font-body");
+  return {
+    palette: { dark, primary, accent: accent || dark, light },
+    fonts: {
+      heading: heading || AI_DEFAULT_BRAND.fonts.heading,
+      body: body || AI_DEFAULT_BRAND.fonts.body
+    }
+  };
+}
 function deriveTemplateBrand() {
-  if (typeof document === "undefined") return null;
-  const cs = getComputedStyle(document.documentElement);
-  const read = (name) => cs.getPropertyValue(name).trim();
-  const dark = read("--color-dark");
-  const primary = read("--color-primary");
-  const light = read("--color-light");
+  const dark = readRootVar("--color-dark");
+  const primary = readRootVar("--color-primary");
+  const light = readRootVar("--color-light");
   if (!dark || !primary || !light) return null;
-  const accent = read("--color-accent");
-  const heading = read("--font-heading") || read("--font-display");
-  const body = read("--font-body");
+  const accent = readRootVar("--color-accent");
+  const heading = readRootVar("--font-heading") || readRootVar("--font-display");
+  const body = readRootVar("--font-body");
   return {
     palette: { dark, primary, accent: accent || dark, light },
     fonts: {
@@ -1302,7 +1446,9 @@ function syncReplacedOriginals(state) {
 }
 function applyAiSectionsToDom(state, options) {
   if (typeof document === "undefined") return;
+  const brandOverride = deriveBrandOverride();
   const templateBrand = deriveTemplateBrand();
+  const brandKey = brandOverride ? JSON.stringify(brandOverride) : "";
   const activeIds = new Set(state.sections.map((entry) => entry.id));
   for (const [id, section] of mounted) {
     if (!activeIds.has(id)) {
@@ -1312,7 +1458,7 @@ function applyAiSectionsToDom(state, options) {
     }
   }
   for (const entry of state.sections) {
-    const serialized = JSON.stringify(entry);
+    const serialized = JSON.stringify(entry) + brandKey;
     const existing = mounted.get(entry.id);
     if (existing && existing.serialized === serialized && existing.container.isConnected) {
       continue;
@@ -1336,7 +1482,7 @@ function applyAiSectionsToDom(state, options) {
           AiTreeRenderer,
           {
             tree: entry.tree,
-            brand: entry.brand ?? options?.brand ?? templateBrand ?? void 0,
+            brand: brandOverride ?? entry.brand ?? options?.brand ?? templateBrand ?? void 0,
             resolveMedia,
             editKeyPrefix: `ai.${entry.id}`
           }
@@ -1953,7 +2099,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
   const autoId = useId();
   const insertAfter = insertAfterProp ?? autoId;
   const [schedule, setSchedule] = useState2(null);
-  const [loading, setLoading] = useState2(true);
+  const [loading, setLoading] = useState2(initialScheduleId !== null);
   const [inEditor, setInEditor] = useState2(false);
   const [isHovered, setIsHovered] = useState2(false);
   const [modalState, setModalState] = useState2(null);
@@ -2127,8 +2273,10 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       "*"
     );
   };
-  if (!inEditor && !loading && !schedule) return null;
   const sectionId = `scheduling-${insertAfter}`;
+  if (!inEditor && !loading && !schedule) {
+    return /* @__PURE__ */ jsx4("section", { "data-ohw-section": sectionId, "data-ohw-scheduling-anchor": insertAfter, style: { display: "none" } });
+  }
   return /* @__PURE__ */ jsxs3(
     "section",
     {
@@ -5697,7 +5845,7 @@ CustomToolbarButton.displayName = "CustomToolbarButton";
 
 // src/ui/item-action-toolbar.tsx
 import { useState as useState3 } from "react";
-import { Copy, CornerLeftUp, Heading, Link, MoreHorizontal, Plus, Trash2 } from "lucide-react";
+import { Brush, Copy, CornerLeftUp, Heading, Link, MoreHorizontal, Plus, Trash2 } from "lucide-react";
 
 // src/ui/dropdown-menu.tsx
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
@@ -5862,6 +6010,7 @@ function ToolbarActionTooltip({
 function ItemActionToolbar({
   onEditLink,
   onAddItem,
+  onStyle,
   onSelectParent,
   onDuplicate,
   onDelete,
@@ -5873,6 +6022,8 @@ function ItemActionToolbar({
   deleteDisabled = false,
   showEditLink = true,
   showAddItem = true,
+  showStyle = false,
+  styleActive = false,
   showMore = true,
   tooltipSide = "bottom",
   dropdownOpen = null,
@@ -5946,6 +6097,22 @@ function ItemActionToolbar({
         children: /* @__PURE__ */ jsx11(Link, { className: "size-4 shrink-0", "aria-hidden": true })
       }
     ) : null,
+    showStyle ? /* @__PURE__ */ jsx11(
+      ToolbarActionTooltip,
+      {
+        label: "Style",
+        side: tooltipSide,
+        buttonProps: {
+          active: styleActive,
+          onMouseDown: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            onStyle?.();
+          }
+        },
+        children: /* @__PURE__ */ jsx11(Brush, { className: "size-4 shrink-0", "aria-hidden": true })
+      }
+    ) : null,
     showAddItem ? /* @__PURE__ */ jsx11(
       ToolbarActionTooltip,
       {
@@ -9452,6 +9619,449 @@ function deleteNavbarItem(sourceAnchor) {
   };
 }
 
+// src/lib/icon-markup.ts
+var GLYPH_SELECTOR = "svg, img";
+function referenceBox(slot) {
+  const row = slot.closest("[data-ohw-socials-row]") ?? slot.closest("a")?.parentElement ?? null;
+  const neighbour = row ? Array.from(row.querySelectorAll('[data-ohw-editable="icon"]')).find((el) => el !== slot) : null;
+  const source = (neighbour ?? slot).querySelector(GLYPH_SELECTOR);
+  const box = source?.getBoundingClientRect() ?? null;
+  return box?.width && box.height ? box : null;
+}
+function iconMarkupSizedFor(slot, markup) {
+  const box = referenceBox(slot);
+  if (!box) return markup;
+  const holder = document.createElement("div");
+  holder.innerHTML = markup;
+  const glyph = holder.querySelector(GLYPH_SELECTOR);
+  if (!glyph) return markup;
+  glyph.style.width = `${Math.round(box.width)}px`;
+  glyph.style.height = `${Math.round(box.height)}px`;
+  return holder.innerHTML;
+}
+function applyIconMarkup(slot, markup) {
+  if (!markup) return;
+  const coloured = iconMarkupInheritingColour(markup);
+  const sized = iconMarkupSizedFor(slot, coloured);
+  if (slot.innerHTML !== sized) slot.innerHTML = sized;
+  if (sized === coloured) {
+    requestAnimationFrame(() => {
+      if (!slot.isConnected) return;
+      const resized = iconMarkupSizedFor(slot, coloured);
+      if (resized !== coloured && slot.innerHTML !== resized) slot.innerHTML = resized;
+    });
+  }
+}
+function detectIconStyle(el) {
+  const row = el.closest("[data-ohw-socials-row]");
+  const glyphs = Array.from((row ?? el).querySelectorAll("svg"));
+  const outlined = glyphs.some((svg) => {
+    return Array.from(svg.querySelectorAll("*")).some((node) => {
+      return node.getAttribute("stroke") !== null && node.getAttribute("stroke") !== "none";
+    });
+  });
+  return outlined ? "outline" : "fill";
+}
+function iconMarkupInheritingColour(markup) {
+  const holder = document.createElement("div");
+  holder.innerHTML = markup;
+  holder.querySelectorAll("svg *").forEach((node) => {
+    if (node.getAttribute("fill") && node.getAttribute("fill") !== "none") {
+      node.setAttribute("fill", "currentColor");
+    }
+    if (node.getAttribute("stroke") && node.getAttribute("stroke") !== "none") {
+      node.setAttribute("stroke", "currentColor");
+    }
+  });
+  return holder.innerHTML;
+}
+
+// src/lib/socials-items.ts
+var ICON_SELECTOR = '[data-ohw-editable="icon"]';
+var SOCIAL_KEY_RE = /(^|-)social(s)?(-|$)/i;
+var SOCIALS_ROW_ATTR = "data-ohw-socials-row";
+var SOCIALS_ITEM_ATTR = "data-ohw-social-item";
+function isSocialItem(el) {
+  if (!el) return false;
+  const anchor = el instanceof HTMLAnchorElement ? el : el.closest("a");
+  if (!anchor) return false;
+  if (SOCIAL_KEY_RE.test(anchor.getAttribute("data-ohw-href-key") ?? "")) return true;
+  return anchor.querySelectorAll(ICON_SELECTOR).length === 1;
+}
+function getSocialItem(el) {
+  const anchor = el.closest("a");
+  return isSocialItem(anchor) ? anchor : null;
+}
+function findSocialsRow(el) {
+  const item = getSocialItem(el);
+  if (!item) return null;
+  const wrapper = item.parentElement;
+  const row = wrapper && wrapper.querySelectorAll("a").length === 1 && wrapper.matches("li, div, span") ? wrapper.parentElement : wrapper;
+  if (!row) return null;
+  const anchors = Array.from(row.querySelectorAll("a"));
+  if (!anchors.length || !anchors.every((anchor) => isSocialItem(anchor))) return null;
+  return row;
+}
+function isSocialsRow(el) {
+  const anchors = Array.from(el.querySelectorAll("a"));
+  return anchors.length > 0 && anchors.every((anchor) => isSocialItem(anchor));
+}
+function listSocialItems(row) {
+  return Array.from(row.children).map((child) => {
+    if (!(child instanceof HTMLElement)) return null;
+    const anchor = child.matches("a") ? child : child.querySelector("a");
+    return isSocialItem(anchor) ? anchor : null;
+  }).filter((item) => item !== null);
+}
+function socialRowUnit(item) {
+  const row = findSocialsRow(item);
+  let node = item;
+  while (node.parentElement && node.parentElement !== row) {
+    node = node.parentElement;
+  }
+  return node;
+}
+function listSocialsRows(root = document) {
+  const rows = /* @__PURE__ */ new Set();
+  root.querySelectorAll(`${ICON_SELECTOR}, a[data-ohw-href-key]`).forEach((el) => {
+    const row = findSocialsRow(el);
+    if (row) rows.add(row);
+  });
+  root.querySelectorAll(`[${SOCIALS_ROW_ATTR}]`).forEach((row) => rows.add(row));
+  return Array.from(rows);
+}
+var rowTemplates = /* @__PURE__ */ new Map();
+function markSocialsRows(root = document) {
+  root.querySelectorAll(`[${SOCIALS_ITEM_ATTR}]`).forEach((item) => {
+    item.removeAttribute(SOCIALS_ITEM_ATTR);
+  });
+  listSocialsRows(root).forEach((row) => {
+    row.setAttribute(SOCIALS_ROW_ATTR, "");
+    const items = listSocialItems(row);
+    if (items[0]) rowTemplates.set(rowKeyOf(row), socialRowUnit(items[0]).outerHTML);
+    items.forEach((item, index) => {
+      item.setAttribute(SOCIALS_ITEM_ATTR, String(index));
+      const iconKey = socialIconKey(item);
+      if (iconKey) ensureLabelSlot(item, iconKey);
+    });
+  });
+}
+var SOCIALS_LABEL_ATTR = "data-ohw-social-label";
+function ensureLabelSlot(item, iconKey) {
+  if (socialLabelElement(item)) return;
+  const label = document.createElement("span");
+  label.setAttribute("data-ohw-key", `${iconKey}-label`);
+  label.setAttribute("data-ohw-editable", "text");
+  label.setAttribute(SOCIALS_LABEL_ATTR, "");
+  label.style.display = "none";
+  label.textContent = item.getAttribute("aria-label") ?? "";
+  item.appendChild(label);
+}
+function socialLabelElement(item) {
+  return item.querySelector(
+    `[${SOCIALS_LABEL_ATTR}], [data-ohw-editable="text"], [data-ohw-editable="plain"]`
+  );
+}
+function socialLabelKey(iconKey) {
+  return `${iconKey}-label`;
+}
+function applyStoredValues(item, content) {
+  const hrefKey = socialHrefKey(item);
+  const iconKey = socialIconKey(item);
+  if (hrefKey && content[hrefKey] !== void 0) item.setAttribute("href", content[hrefKey]);
+  if (iconKey) {
+    const glyph = item.querySelector(ICON_SELECTOR);
+    if (glyph && content[iconKey]) applyIconMarkup(glyph, content[iconKey]);
+    const label = item.querySelector(`[${SOCIALS_LABEL_ATTR}]`);
+    label?.setAttribute("data-ohw-key", socialLabelKey(iconKey));
+    const stored = content[socialLabelKey(iconKey)];
+    if (label && stored) label.textContent = stored;
+  }
+}
+function socialPlatformKey(iconKey) {
+  return `${iconKey}-platform`;
+}
+function socialHrefKey(item) {
+  return item.getAttribute("data-ohw-href-key");
+}
+function socialIconKey(item) {
+  return item.querySelector(ICON_SELECTOR)?.dataset.ohwKey ?? null;
+}
+var SOCIALS_ORDER_KEY = "__ohw_socials_order";
+function fromMarkup(markup) {
+  const holder = document.createElement("div");
+  holder.innerHTML = markup;
+  return holder.firstElementChild instanceof HTMLElement ? holder.firstElementChild : null;
+}
+var rowKeys = /* @__PURE__ */ new WeakMap();
+function rowKeyOf(row) {
+  const first = listSocialItems(row)[0];
+  const itemKey = first ? socialIconKey(first) ?? socialHrefKey(first)?.replace(/-href$/, "") : null;
+  const derived = itemKey?.replace(/-[^-]+$/, "") || null;
+  if (derived) rowKeys.set(row, derived);
+  return derived ?? rowKeys.get(row) ?? "social";
+}
+function getSocialsOrderFromDom(root = document) {
+  const order = {};
+  listSocialsRows(root).forEach((row) => {
+    order[rowKeyOf(row)] = listSocialItems(row).map((item) => socialHrefKey(item)).filter((key) => Boolean(key));
+  });
+  return order;
+}
+function hasStoredValue(content, hrefKey) {
+  const iconKey = hrefKey.replace(/-href$/, "");
+  return Boolean(content[hrefKey]) || Boolean(content[iconKey]);
+}
+function parseSocialsOrder(raw) {
+  if (!raw) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+}
+function nextSocialIndex(row, rowKey, content) {
+  const used = listSocialItems(row).map((item) => socialHrefKey(item)).concat(Object.keys(content)).map((key) => key?.match(new RegExp(`^${rowKey}-(\\d+)`))?.[1]).map((digits) => digits === void 0 ? -1 : Number(digits));
+  return Math.max(-1, ...used) + 1;
+}
+function insertSocialItem(row, after, content = {}) {
+  const rowKey = rowKeyOf(row);
+  const template = listSocialItems(row)[0];
+  const remembered = rowTemplates.get(rowKey);
+  if (!template && !remembered) return null;
+  const index = nextSocialIndex(row, rowKey, content);
+  const iconKey = `${rowKey}-${index}`;
+  const hrefKey = `${iconKey}-href`;
+  const templateUnit = template ? socialRowUnit(template) : null;
+  const unit = templateUnit ? templateUnit.cloneNode(true) : fromMarkup(remembered);
+  const item = unit && (unit.matches("a") ? unit : unit.querySelector("a"));
+  if (!unit || !item) return null;
+  item.setAttribute("data-ohw-href-key", hrefKey);
+  item.setAttribute("href", "");
+  item.removeAttribute("aria-label");
+  item.querySelectorAll("[data-ohw-hovered], [data-ohw-selected]").forEach((el) => {
+    el.removeAttribute("data-ohw-hovered");
+    el.removeAttribute("data-ohw-selected");
+  });
+  const icon = item.querySelector(ICON_SELECTOR);
+  icon?.setAttribute("data-ohw-key", iconKey);
+  item.querySelector(`[${SOCIALS_LABEL_ATTR}]`)?.remove();
+  const afterUnit = after ? socialRowUnit(after) : null;
+  if (afterUnit && afterUnit.parentElement === row) afterUnit.insertAdjacentElement("afterend", unit);
+  else row.appendChild(unit);
+  markSocialsRows(row.ownerDocument);
+  return { item, hrefKey, iconKey, order: getSocialsOrderFromDom(row.ownerDocument) };
+}
+function duplicateSocialItem(item, content) {
+  const row = findSocialsRow(item);
+  const created = row ? insertSocialItem(row, item, content) : null;
+  if (!created) return null;
+  const sourceHref = socialHrefKey(item);
+  const sourceIcon = socialIconKey(item);
+  const link = created.item;
+  if (sourceHref) link.setAttribute("href", item.getAttribute("href") ?? "");
+  const glyph = item.querySelector(ICON_SELECTOR)?.innerHTML;
+  if (glyph) {
+    const slot = link.querySelector(ICON_SELECTOR);
+    if (slot) slot.innerHTML = glyph;
+  }
+  return {
+    ...created,
+    copiedFrom: { href: sourceHref, icon: sourceIcon }
+  };
+}
+function removeSocialItem(item, content) {
+  const row = findSocialsRow(item);
+  if (!row) return null;
+  const hrefKey = socialHrefKey(item);
+  const iconKey = socialIconKey(item);
+  const removedKeys = [hrefKey, iconKey].filter((key) => Boolean(key));
+  if (!removedKeys.length) return null;
+  const previousOrder = getSocialsOrderFromDom(row.ownerDocument);
+  const previousContent = Object.fromEntries(
+    removedKeys.filter((key) => key in content).map((key) => [key, content[key]])
+  );
+  const unit = socialRowUnit(item);
+  const nextSibling = unit.nextElementSibling;
+  unit.remove();
+  markSocialsRows(row.ownerDocument);
+  return {
+    removedKeys,
+    previousContent,
+    order: getSocialsOrderFromDom(row.ownerDocument),
+    previousOrder,
+    undo: () => {
+      if (nextSibling) nextSibling.before(unit);
+      else row.appendChild(unit);
+      markSocialsRows(row.ownerDocument);
+    }
+  };
+}
+function applySocialsOrder(order, root = document) {
+  listSocialsRows(root).forEach((row) => {
+    const wanted = order[rowKeyOf(row)];
+    if (!wanted) return;
+    const byKey = new Map(listSocialItems(row).map((item) => [socialHrefKey(item), item]));
+    wanted.forEach((key) => {
+      const item = byKey.get(key);
+      if (item) row.appendChild(socialRowUnit(item));
+    });
+  });
+  markSocialsRows(root);
+}
+function reconcileSocialsFromContent(content, root = document) {
+  markSocialsRows(root);
+  const stored = parseSocialsOrder(content[SOCIALS_ORDER_KEY]);
+  if (!stored) return;
+  listSocialsRows(root).forEach((row) => {
+    const wanted = stored[rowKeyOf(row)];
+    if (!wanted) return;
+    if (!wanted.length) return;
+    wanted.forEach((key) => {
+      if (listSocialItems(row).some((item) => socialHrefKey(item) === key)) return;
+      if (!hasStoredValue(content, key)) return;
+      const created = insertSocialItem(row, null, content);
+      if (created) {
+        created.item.setAttribute("data-ohw-href-key", key);
+        created.item.querySelector(ICON_SELECTOR)?.setAttribute("data-ohw-key", key.replace(/-href$/, ""));
+        applyStoredValues(created.item, content);
+      }
+    });
+    const present = listSocialItems(row);
+    const surviving = present.filter((item) => {
+      const key = socialHrefKey(item);
+      return !key || wanted.includes(key);
+    });
+    if (surviving.length) {
+      present.forEach((item) => {
+        if (!surviving.includes(item)) socialRowUnit(item).remove();
+      });
+    }
+  });
+  applySocialsOrder(stored, root);
+}
+var DROP_BAR_THICKNESS = 3;
+var DROP_BAR_GAP = 8;
+function buildSocialDropSlots(row) {
+  const items = listSocialItems(row);
+  if (!items.length) return [];
+  const rects = items.map((item) => item.getBoundingClientRect());
+  return items.concat(items[items.length - 1]).map((_, index) => {
+    const previous = rects[index - 1];
+    const next = rects[index];
+    const centre = previous && next ? (previous.right + next.left) / 2 : next ? next.left - DROP_BAR_GAP : previous.right + DROP_BAR_GAP;
+    const rect = next ?? previous;
+    return {
+      insertIndex: index,
+      columnIndex: -1,
+      left: centre - DROP_BAR_THICKNESS / 2,
+      top: rect.top,
+      width: DROP_BAR_THICKNESS,
+      height: rect.height,
+      direction: "vertical"
+    };
+  });
+}
+function findSocialByHrefKey(hrefKey, root = document) {
+  const el = root.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`);
+  return el ? getSocialItem(el) : null;
+}
+function buildSocialDropSlotsForKey(hrefKey, root = document) {
+  const item = findSocialByHrefKey(hrefKey, root);
+  const row = item ? findSocialsRow(item) : null;
+  return row ? buildSocialDropSlots(row) : [];
+}
+function hitTestSocialDropSlot(clientX, clientY, draggedHrefKey, root = document) {
+  const distanceTo = (slot) => {
+    const dx = clientX - (slot.left + slot.width / 2);
+    const dy = clientY < slot.top ? slot.top - clientY : Math.max(0, clientY - (slot.top + slot.height));
+    return Math.hypot(dx, dy);
+  };
+  const slots = buildSocialDropSlotsForKey(draggedHrefKey, root);
+  return slots.reduce((best, slot) => {
+    return !best || distanceTo(slot) < distanceTo(best) ? slot : best;
+  }, null);
+}
+function planSocialMove(hrefKey, insertIndex, root = document) {
+  const item = findSocialByHrefKey(hrefKey, root);
+  const row = item ? findSocialsRow(item) : null;
+  if (!row) return null;
+  const order = getSocialsOrderFromDom(root);
+  const key = rowKeyOf(row);
+  const current = order[key];
+  if (!current) return null;
+  const from = current.indexOf(hrefKey);
+  if (from < 0) return null;
+  const next = current.filter((_, index) => index !== from);
+  next.splice(insertIndex > from ? insertIndex - 1 : insertIndex, 0, hrefKey);
+  return { ...order, [key]: next };
+}
+var SOCIALS_DISPLAY_KEY = "__ohw_socials_display";
+function readSocialsDisplay(row) {
+  const items = listSocialItems(row);
+  const visible = (el) => Boolean(el) && el.style.display !== "none" && el.getAttribute("data-ohw-hidden") === null;
+  return {
+    text: items.some((item) => visible(socialLabelElement(item))),
+    icon: items.some((item) => visible(item.querySelector(ICON_SELECTOR)))
+  };
+}
+function parseSocialsDisplay(raw) {
+  if (!raw) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+}
+function socialsDisplayFor(row, content) {
+  return parseSocialsDisplay(content[SOCIALS_DISPLAY_KEY])?.[rowKeyOf(row)] ?? readSocialsDisplay(row);
+}
+function socialsDisplayWith(row, display, content) {
+  return { ...parseSocialsDisplay(content[SOCIALS_DISPLAY_KEY]) ?? {}, [rowKeyOf(row)]: display };
+}
+function applySocialsDisplayToRow(row, display) {
+  listSocialItems(row).forEach((item) => {
+    const label = socialLabelElement(item);
+    const icon = item.querySelector(ICON_SELECTOR);
+    if (label) label.style.display = display.text ? "" : "none";
+    if (icon) icon.style.display = display.icon ? "" : "none";
+  });
+}
+function applySocialsDisplayFromContent(content, root = document) {
+  const stored = parseSocialsDisplay(content[SOCIALS_DISPLAY_KEY]);
+  if (!stored) return;
+  listSocialsRows(root).forEach((row) => {
+    const display = stored[rowKeyOf(row)];
+    if (!display) return;
+    if (display.icon) {
+      listSocialItems(row).forEach((item) => {
+        const iconKey = ensureIconSlot(item);
+        const slot = item.querySelector(ICON_SELECTOR);
+        if (iconKey && slot && content[iconKey]) applyIconMarkup(slot, content[iconKey]);
+      });
+    }
+    applySocialsDisplayToRow(row, display);
+  });
+}
+function socialsMissingIcons(row) {
+  return listSocialItems(row).filter((item) => !item.querySelector(ICON_SELECTOR)).map((item) => ({ hrefKey: socialHrefKey(item) ?? "", url: item.getAttribute("href") ?? "" })).filter((entry) => Boolean(entry.hrefKey));
+}
+function ensureIconSlot(item) {
+  const existing = item.querySelector(ICON_SELECTOR);
+  if (existing) return existing.dataset.ohwKey ?? null;
+  const hrefKey = socialHrefKey(item);
+  if (!hrefKey) return null;
+  const iconKey = hrefKey.replace(/-href$/, "");
+  const slot = document.createElement("span");
+  slot.setAttribute("data-ohw-key", iconKey);
+  slot.setAttribute("data-ohw-editable", "icon");
+  slot.style.display = "inline-flex";
+  item.prepend(slot);
+  return iconKey;
+}
+
 // src/lib/footer-items.ts
 var FOOTER_ORDER_KEY = "__ohw_footer_order";
 var MAX_FOOTER_COLUMNS = 18;
@@ -10296,6 +10906,329 @@ function deleteFooterColumn(column) {
   };
 }
 
+// src/lib/logo-identity.ts
+var LOGO_TEXT_KEYS = ["nav-logo-text", "footer-logo-text", "logo-text"];
+var LOGO_IMAGE_KEYS = ["nav-logo-image", "footer-logo", "footer-logo-image"];
+var LOGO_HREF_KEYS = ["nav-logo-href", "footer-logo-href", "logo-href"];
+var LOGO_PLACEHOLDER_KEY = "logo-is-placeholder";
+var LOGO_ALT_KEY = "logo-alt";
+var LOGO_IMAGE_URL_KEY = "nav-logo-image";
+var PLACEHOLDER_BUSINESS_NAME = "Business name";
+function resolveLogoDisplayText(text) {
+  const trimmed = (text ?? "").trim();
+  return trimmed || PLACEHOLDER_BUSINESS_NAME;
+}
+function isFooterLogoRoot(root) {
+  return Boolean(root.closest("footer") || root.closest('[data-ohw-section="footer"]'));
+}
+function imageKeyForRoot(root) {
+  return isFooterLogoRoot(root) ? "footer-logo" : "nav-logo-image";
+}
+function textKeyForRoot(root) {
+  return isFooterLogoRoot(root) ? "footer-logo-text" : "nav-logo-text";
+}
+function ensureLogoHrefKey(root) {
+  if (!(root instanceof HTMLAnchorElement)) return;
+  if (root.hasAttribute("data-ohw-href-key")) return;
+  root.setAttribute("data-ohw-href-key", isFooterLogoRoot(root) ? "footer-logo-href" : "nav-logo-href");
+}
+function applyLogoIdentity(text, isPlaceholder) {
+  const display = resolveLogoDisplayText(text);
+  const placeholder = isPlaceholder || !text.trim() || display === PLACEHOLDER_BUSINESS_NAME;
+  for (const key of LOGO_TEXT_KEYS) {
+    document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
+      if (el.textContent !== display) el.textContent = display;
+    });
+  }
+  for (const key of LOGO_IMAGE_KEYS) {
+    document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
+      const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
+      if (img) img.alt = display;
+    });
+  }
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((el) => {
+    if (placeholder) el.setAttribute("data-ohw-placeholder", "");
+    else el.removeAttribute("data-ohw-placeholder");
+  });
+  return display;
+}
+function applyLogoImage(url, alt) {
+  const displayAlt = resolveLogoDisplayText(alt);
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
+    ensureLogoHrefKey(root);
+    const imageKey = imageKeyForRoot(root);
+    const textKey = textKeyForRoot(root);
+    let img = root.querySelector(`img[data-ohw-key="${imageKey}"]`) ?? (root.querySelector(`[data-ohw-key="${imageKey}"]`) instanceof HTMLImageElement ? root.querySelector(`[data-ohw-key="${imageKey}"]`) : null) ?? root.querySelector("img");
+    let textEl = root.querySelector(`[data-ohw-key="${textKey}"]`) ?? root.querySelector('[data-ohw-key="logo-text"]');
+    if (url) {
+      if (!img) {
+        img = document.createElement("img");
+        img.setAttribute("data-ohw-editable", "image");
+        img.setAttribute("data-ohw-key", imageKey);
+        img.alt = displayAlt;
+        img.style.height = "";
+        img.style.maxHeight = "none";
+        img.style.width = "auto";
+        img.style.display = "block";
+        img.style.objectFit = "contain";
+        root.insertBefore(img, root.firstChild);
+      } else {
+        img.setAttribute("data-ohw-editable", "image");
+        img.setAttribute("data-ohw-key", imageKey);
+      }
+      img.removeAttribute("srcset");
+      img.removeAttribute("sizes");
+      img.src = url;
+      img.alt = displayAlt;
+      img.style.display = "block";
+      if (textEl) textEl.style.display = "none";
+      root.removeAttribute("data-ohw-placeholder");
+      return;
+    }
+    if (img) {
+      img.removeAttribute("src");
+      img.removeAttribute("srcset");
+      img.removeAttribute("sizes");
+      img.alt = displayAlt;
+      img.style.display = "none";
+    }
+    if (!textEl) {
+      textEl = document.createElement("span");
+      textEl.setAttribute("data-ohw-editable", "plain");
+      textEl.setAttribute("data-ohw-key", textKey);
+      root.appendChild(textEl);
+    }
+    textEl.style.display = "";
+    if (textEl.textContent !== displayAlt) textEl.textContent = displayAlt;
+    if (!displayAlt.trim() || displayAlt === PLACEHOLDER_BUSINESS_NAME) {
+      root.setAttribute("data-ohw-placeholder", "");
+    } else {
+      root.removeAttribute("data-ohw-placeholder");
+    }
+  });
+}
+function applyLogoHref(href) {
+  const target = href.trim() || "/";
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
+    ensureLogoHrefKey(root);
+    if (root instanceof HTMLAnchorElement) {
+      root.setAttribute("href", target);
+    }
+  });
+  for (const key of LOGO_HREF_KEYS) setStoredLinkHref(key, target);
+}
+function readLogoIdentityFromDom() {
+  let imageUrl = null;
+  for (const key of LOGO_IMAGE_KEYS) {
+    const el = document.querySelector(`[data-ohw-key="${key}"]`);
+    const img = el instanceof HTMLImageElement ? el : el?.querySelector("img");
+    const attrSrc = img?.getAttribute("src")?.trim() ?? "";
+    if (attrSrc && !attrSrc.startsWith("data:") && img && img.style.display !== "none") {
+      imageUrl = img.currentSrc || img.src;
+      break;
+    }
+  }
+  let text = PLACEHOLDER_BUSINESS_NAME;
+  let isPlaceholder = true;
+  for (const key of LOGO_TEXT_KEYS) {
+    const el = document.querySelector(`[data-ohw-key="${key}"]`);
+    if (el?.textContent?.trim()) {
+      text = el.textContent.trim();
+      const logoRoot2 = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
+      isPlaceholder = logoRoot2?.hasAttribute("data-ohw-placeholder") === true || text === PLACEHOLDER_BUSINESS_NAME;
+      break;
+    }
+  }
+  if (imageUrl) {
+    const logoImg = document.querySelector(
+      '[data-ohw-key="nav-logo-image"], [data-ohw-key="footer-logo"]'
+    );
+    const alt = logoImg?.alt?.trim() || text;
+    isPlaceholder = false;
+    const hrefEl = document.querySelector(
+      'a[data-ohw-role="logo"], a[data-ohw-logo], [data-ohw-role="logo"]'
+    );
+    const href2 = (hrefEl instanceof HTMLAnchorElement ? hrefEl.getAttribute("href") : null) || hrefEl?.closest("a")?.getAttribute("href") || "/";
+    return { text, isPlaceholder, imageUrl, href: href2, alt };
+  }
+  const logoRoot = document.querySelector('[data-ohw-role="logo"], [data-ohw-logo]');
+  const href = (logoRoot instanceof HTMLAnchorElement ? logoRoot.getAttribute("href") : null) || logoRoot?.closest("a")?.getAttribute("href") || "/";
+  return { text, isPlaceholder, imageUrl: null, href, alt: text };
+}
+function applyLogoFromContent(content) {
+  const hasLogoIdentity = LOGO_PLACEHOLDER_KEY in content || LOGO_TEXT_KEYS.some((key) => key in content) || LOGO_IMAGE_KEYS.some((key) => key in content) || LOGO_ALT_KEY in content || LOGO_HREF_KEYS.some((key) => key in content);
+  if (!hasLogoIdentity) return false;
+  const logoText = content[LOGO_TEXT_KEYS[0]] ?? content[LOGO_TEXT_KEYS[1]] ?? readLogoIdentityFromDom().text;
+  const logoAlt = content[LOGO_ALT_KEY] ?? logoText;
+  const rawLogoImage = content[LOGO_IMAGE_URL_KEY] ?? content["footer-logo"] ?? content["footer-logo-image"] ?? null;
+  const logoImageUrl = typeof rawLogoImage === "string" && rawLogoImage.trim() ? rawLogoImage.trim() : null;
+  const imageExplicitlyCleared = LOGO_IMAGE_KEYS.some((key) => key in content) && !logoImageUrl;
+  const logoIsPlaceholder = LOGO_PLACEHOLDER_KEY in content ? content[LOGO_PLACEHOLDER_KEY] !== "false" : !logoImageUrl && (!logoText.trim() || logoText === PLACEHOLDER_BUSINESS_NAME);
+  if (logoImageUrl) {
+    applyLogoImage(logoImageUrl, logoAlt);
+  } else {
+    if (imageExplicitlyCleared) applyLogoImage(null, logoAlt);
+    applyLogoIdentity(logoText, logoIsPlaceholder);
+  }
+  const logoHref = content["nav-logo-href"] ?? content["footer-logo-href"] ?? content["logo-href"];
+  if (typeof logoHref === "string" && logoHref.trim()) {
+    applyLogoHref(logoHref);
+  }
+  return true;
+}
+
+// src/lib/logo-size.ts
+var LOGO_SIZE_DEFAULTS = {
+  navbar: 28,
+  footer: 32
+};
+var LOGO_SIZE_MIN = 16;
+var LOGO_SIZE_MAX = 80;
+var LOGO_SIZE_DESKTOP_KEYS = {
+  navbar: "nav-logo-size",
+  footer: "footer-logo-size"
+};
+var LOGO_SIZE_MOBILE_KEYS = {
+  navbar: "nav-logo-size-mobile",
+  footer: "footer-logo-size-mobile"
+};
+var LOGO_SIZE_KEYS = [
+  LOGO_SIZE_DESKTOP_KEYS.navbar,
+  LOGO_SIZE_DESKTOP_KEYS.footer,
+  LOGO_SIZE_MOBILE_KEYS.navbar,
+  LOGO_SIZE_MOBILE_KEYS.footer
+];
+function isFooterLogoRoot2(root) {
+  return Boolean(root.closest("footer") || root.closest('[data-ohw-section="footer"]'));
+}
+function getLogoPlacement(root) {
+  return isFooterLogoRoot2(root) ? "footer" : "navbar";
+}
+function parseLogoSizePx(raw, fallback) {
+  if (raw == null || raw === "") return fallback;
+  const n = Number.parseFloat(raw);
+  if (!Number.isFinite(n)) return fallback;
+  return Math.min(LOGO_SIZE_MAX, Math.max(LOGO_SIZE_MIN, Math.round(n)));
+}
+function isMobileLogoSizeFollowing(content, placement) {
+  const raw = content[LOGO_SIZE_MOBILE_KEYS[placement]];
+  return raw == null || raw.trim() === "";
+}
+function resolveDesktopLogoSize(content, placement) {
+  return parseLogoSizePx(content[LOGO_SIZE_DESKTOP_KEYS[placement]], LOGO_SIZE_DEFAULTS[placement]);
+}
+function resolveMobileLogoSize(content, placement) {
+  if (isMobileLogoSizeFollowing(content, placement)) {
+    return resolveDesktopLogoSize(content, placement);
+  }
+  return parseLogoSizePx(
+    content[LOGO_SIZE_MOBILE_KEYS[placement]],
+    resolveDesktopLogoSize(content, placement)
+  );
+}
+function setRootSizeVars(root, desktopPx, mobilePx, following) {
+  root.style.setProperty("--ohw-logo-size", `${desktopPx}px`);
+  if (following) {
+    root.style.removeProperty("--ohw-logo-size-mobile");
+  } else {
+    root.style.setProperty("--ohw-logo-size-mobile", `${mobilePx}px`);
+  }
+  root.querySelectorAll("img").forEach((img) => {
+    img.style.height = "";
+    img.style.maxHeight = "none";
+    img.style.width = "auto";
+    img.style.objectFit = "contain";
+  });
+}
+function applyLogoSizes(content) {
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
+    const placement = getLogoPlacement(root);
+    const desktop = resolveDesktopLogoSize(content, placement);
+    const following = isMobileLogoSizeFollowing(content, placement);
+    const mobile = following ? desktop : resolveMobileLogoSize(content, placement);
+    setRootSizeVars(root, desktop, mobile, following);
+  });
+}
+function applyLogoSizeToPlacement(placement, desktopPx, mobilePx, following) {
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
+    if (getLogoPlacement(root) !== placement) return;
+    setRootSizeVars(root, desktopPx, mobilePx, following);
+  });
+}
+function logoHasUploadedImage(logoEl) {
+  if (logoEl.hasAttribute("data-ohw-placeholder")) return false;
+  const img = logoEl.querySelector('img[data-ohw-key="nav-logo-image"], img[data-ohw-key="footer-logo"], img[data-ohw-key="footer-logo-image"]') ?? logoEl.querySelector("img");
+  if (!img) return false;
+  const src = img.getAttribute("src")?.trim() ?? "";
+  if (!src || src.startsWith("data:")) return false;
+  if (img.style.display === "none") return false;
+  return true;
+}
+function getLogoInteractionRect(logoEl) {
+  if (logoHasUploadedImage(logoEl)) {
+    const img = logoEl.querySelector('img[data-ohw-key="nav-logo-image"], img[data-ohw-key="footer-logo"], img[data-ohw-key="footer-logo-image"]') ?? logoEl.querySelector("img");
+    if (img) {
+      const r2 = img.getBoundingClientRect();
+      if (r2.width > 0 && r2.height > 0) return r2;
+    }
+  }
+  const text = logoEl.querySelector(
+    '[data-ohw-key="nav-logo-text"], [data-ohw-key="footer-logo-text"]'
+  );
+  if (text) {
+    const style = window.getComputedStyle(text);
+    if (style.display !== "none" && style.visibility !== "hidden") {
+      const r2 = text.getBoundingClientRect();
+      if (r2.width > 0 && r2.height > 0) return r2;
+    }
+  }
+  return logoEl.getBoundingClientRect();
+}
+function readLogoSizeState(content, placement) {
+  const desktopPx = resolveDesktopLogoSize(content, placement);
+  const mobileFollowing = isMobileLogoSizeFollowing(content, placement);
+  const mobilePx = mobileFollowing ? desktopPx : resolveMobileLogoSize(content, placement);
+  return { desktopPx, mobilePx, mobileFollowing };
+}
+
+// src/lib/site-wide-scope.ts
+function getLogoElement(el) {
+  const marked = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
+  if (marked) return marked;
+  if (el.closest('[data-ohw-editable="icon"]')) return null;
+  const root = el.closest("nav, [data-ohw-nav-root], footer");
+  if (!root) return null;
+  const anchor = el.closest("a");
+  if (anchor && root.contains(anchor) && !anchor.hasAttribute("data-ohw-href-key") && !anchor.closest("[data-ohw-nav-container]") && Boolean(anchor.querySelector("img") || anchor.matches("img"))) {
+    return anchor;
+  }
+  const img = el.matches("img") ? el : null;
+  if (img && !img.closest("[data-ohw-href-key]") && !img.closest("[data-ohw-nav-container]") && (img.closest("footer") || img.closest("nav, [data-ohw-nav-root]"))) {
+    return img;
+  }
+  return null;
+}
+function isInFooter(el) {
+  if (!el) return false;
+  return Boolean(el.closest("footer") || el.closest('[data-ohw-section="footer"]'));
+}
+function isSiteWideElement(el) {
+  if (!el) return false;
+  if (getLogoElement(el)) return true;
+  if (isInFooter(el)) return true;
+  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-root")) {
+    return true;
+  }
+  if (el.hasAttribute("data-ohw-href-key") && el.closest("nav, [data-ohw-nav-root], [data-ohw-nav-drawer], aside")) {
+    return true;
+  }
+  if (el.closest('[data-ohw-role="navbar-button"]')) return true;
+  return false;
+}
+function isSiteWideScopeActive(args) {
+  return isSiteWideElement(args.selected) || isSiteWideElement(args.hoveredItem) || isSiteWideElement(args.hoveredNavContainer) || isSiteWideElement(args.active);
+}
+
 // src/lib/add-footer-column.ts
 function buildFooterColumnEditContentPatch(result) {
   return {
@@ -10328,41 +11261,403 @@ function addFooterColumnWithPersist({
   return result;
 }
 
-// src/lib/item-drag-interaction.ts
-function disableNativeHrefDrag(el) {
-  if (el.draggable) el.draggable = false;
-  if (el.getAttribute("draggable") !== "false") {
-    el.setAttribute("draggable", "false");
+// src/ui/FloatingPanel.tsx
+import {
+  useCallback as useCallback5,
+  useEffect as useEffect9,
+  useLayoutEffect as useLayoutEffect3,
+  useRef as useRef7,
+  useState as useState8
+} from "react";
+import { X as X5 } from "lucide-react";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+var PANEL_WIDTH = 256;
+var EDGE_MARGIN = 16;
+function getVisibleClip(parentScroll) {
+  const left = 0;
+  const right = window.innerWidth;
+  if (!parentScroll) {
+    return { top: 0, bottom: window.innerHeight, left, right };
   }
+  const { iframeOffsetTop, headerH: visibleCanvasTop, canvasH } = parentScroll;
+  const top = Math.max(0, visibleCanvasTop - iframeOffsetTop);
+  const bottom = Math.min(window.innerHeight, visibleCanvasTop + canvasH - iframeOffsetTop);
+  return { top, bottom: Math.max(top, bottom), left, right };
 }
-function clearTextSelection() {
-  const sel = window.getSelection();
-  if (sel && !sel.isCollapsed) sel.removeAllRanges();
-}
-function armItemPressDrag() {
-  document.documentElement.setAttribute("data-ohw-footer-press-drag", "");
-}
-function lockItemDuringDrag() {
-  document.documentElement.removeAttribute("data-ohw-footer-press-drag");
-  document.documentElement.setAttribute("data-ohw-item-dragging", "");
-  clearTextSelection();
-}
-function unlockItemDragInteraction() {
-  const wasDragging = document.documentElement.hasAttribute("data-ohw-item-dragging");
-  document.documentElement.removeAttribute("data-ohw-footer-press-drag");
-  document.documentElement.removeAttribute("data-ohw-item-dragging");
-  if (wasDragging) clearTextSelection();
+function defaultFloatingPanelPosition(parentScroll, panelHeight = 280) {
+  const clip = getVisibleClip(parentScroll);
+  return {
+    x: Math.max(EDGE_MARGIN, clip.right - PANEL_WIDTH - EDGE_MARGIN),
+    y: Math.min(
+      Math.max(clip.top + EDGE_MARGIN, EDGE_MARGIN),
+      Math.max(clip.top + EDGE_MARGIN, clip.bottom - panelHeight - EDGE_MARGIN)
+    )
+  };
 }
-var armFooterPressDrag = armItemPressDrag;
-var lockFooterDuringDrag = lockItemDuringDrag;
-var unlockFooterDragInteraction = unlockItemDragInteraction;
-
-// src/lib/nav-dnd.ts
-function listReorderableNavItems() {
-  return listNavbarItems().filter((el) => {
-    const key = el.getAttribute("data-ohw-href-key");
-    return isNavbarHrefKey(key) && !isNestedNavChild(el);
-  });
+function clampPosition(pos, parentScroll, panelW, panelH) {
+  const clip = getVisibleClip(parentScroll);
+  const maxX = Math.max(clip.left + EDGE_MARGIN, clip.right - panelW - EDGE_MARGIN);
+  const maxY = Math.max(clip.top + EDGE_MARGIN, clip.bottom - panelH - EDGE_MARGIN);
+  return {
+    x: Math.min(Math.max(pos.x, clip.left + EDGE_MARGIN), maxX),
+    y: Math.min(Math.max(pos.y, clip.top + EDGE_MARGIN), maxY)
+  };
+}
+function FloatingPanel({
+  open,
+  title,
+  context,
+  icon,
+  onClose,
+  children,
+  position,
+  onPositionChange,
+  parentScroll = null,
+  className,
+  bodyClassName
+}) {
+  const panelRef = useRef7(null);
+  const [measured, setMeasured] = useState8({ w: PANEL_WIDTH, h: 280 });
+  const dragRef = useRef7(null);
+  const resolved = position ?? defaultFloatingPanelPosition(parentScroll, measured.h);
+  const clamped = clampPosition(resolved, parentScroll, measured.w, measured.h);
+  useLayoutEffect3(() => {
+    if (!open || !panelRef.current) return;
+    const el = panelRef.current;
+    const next = { w: el.offsetWidth || PANEL_WIDTH, h: el.offsetHeight || 280 };
+    setMeasured((prev) => prev.w === next.w && prev.h === next.h ? prev : next);
+  }, [open, children, title, context]);
+  useEffect9(() => {
+    if (!open || !position || !onPositionChange) return;
+    const next = clampPosition(position, parentScroll, measured.w, measured.h);
+    if (next.x !== position.x || next.y !== position.y) onPositionChange(next);
+  }, [open, parentScroll, measured.w, measured.h, position, onPositionChange]);
+  const onHeaderPointerDown = useCallback5(
+    (e) => {
+      if (e.button !== 0) return;
+      if (e.target.closest("[data-ohw-floating-panel-close]")) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const el = e.currentTarget;
+      el.setPointerCapture(e.pointerId);
+      dragRef.current = {
+        pointerId: e.pointerId,
+        startX: e.clientX,
+        startY: e.clientY,
+        originX: clamped.x,
+        originY: clamped.y
+      };
+    },
+    [clamped.x, clamped.y]
+  );
+  const onHeaderPointerMove = useCallback5(
+    (e) => {
+      const drag = dragRef.current;
+      if (!drag || drag.pointerId !== e.pointerId) return;
+      e.preventDefault();
+      const next = clampPosition(
+        {
+          x: drag.originX + (e.clientX - drag.startX),
+          y: drag.originY + (e.clientY - drag.startY)
+        },
+        parentScroll,
+        measured.w,
+        measured.h
+      );
+      onPositionChange?.(next);
+    },
+    [measured.h, measured.w, onPositionChange, parentScroll]
+  );
+  const endDrag = useCallback5((e) => {
+    const drag = dragRef.current;
+    if (!drag || drag.pointerId !== e.pointerId) return;
+    dragRef.current = null;
+    try {
+      e.currentTarget.releasePointerCapture(e.pointerId);
+    } catch {
+    }
+  }, []);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs16(
+    "div",
+    {
+      ref: panelRef,
+      "data-ohw-floating-panel": "",
+      role: "dialog",
+      "aria-label": title,
+      className: cn(
+        // Above MediaOverlay / item chrome (2147483646); link-modal content shares this tier.
+        "fixed z-[2147483647] flex w-64 flex-col overflow-hidden rounded-xl border border-border bg-background font-sans shadow-lg outline-none",
+        className
+      ),
+      style: { left: clamped.x, top: clamped.y },
+      onMouseDown: (e) => e.stopPropagation(),
+      onPointerDown: (e) => e.stopPropagation(),
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs16(
+          "div",
+          {
+            "data-ohw-floating-panel-header": "",
+            className: "relative flex cursor-grab items-start gap-2 border-b border-border py-5 pl-5 pr-11 active:cursor-grabbing",
+            onPointerDown: onHeaderPointerDown,
+            onPointerMove: onHeaderPointerMove,
+            onPointerUp: endDrag,
+            onPointerCancel: endDrag,
+            children: [
+              /* @__PURE__ */ jsxs16("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+                  icon ? /* @__PURE__ */ jsx26("span", { className: "shrink-0 text-foreground", children: icon }) : null,
+                  /* @__PURE__ */ jsx26("p", { className: "min-w-0 flex-1 text-lg font-semibold leading-7 text-foreground", children: title })
+                ] }),
+                context ? /* @__PURE__ */ jsx26("p", { className: "w-full text-sm leading-5 text-muted-foreground", children: context }) : null
+              ] }),
+              /* @__PURE__ */ jsx26(
+                "button",
+                {
+                  type: "button",
+                  "data-ohw-floating-panel-close": "",
+                  "aria-label": "Close",
+                  className: "absolute right-2.5 top-2.5 rounded-sm p-1.5 text-foreground hover:bg-muted/50",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onClose();
+                  },
+                  onPointerDown: (e) => e.stopPropagation(),
+                  children: /* @__PURE__ */ jsx26(X5, { size: 16, "aria-hidden": true })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx26(
+          "div",
+          {
+            "data-ohw-floating-panel-body": "",
+            className: cn("flex w-full flex-col gap-4 p-5", bodyClassName),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/ui/logo-size-panel.tsx
+import { ArrowUpRight, Link as Link2 } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+function SizeSlider({
+  value,
+  onChange
+}) {
+  const pct = (value - LOGO_SIZE_MIN) / (LOGO_SIZE_MAX - LOGO_SIZE_MIN) * 100;
+  return /* @__PURE__ */ jsxs17("div", { className: "flex w-full flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex w-full items-center gap-2 text-sm font-medium leading-5", children: [
+      /* @__PURE__ */ jsx27("span", { className: "min-w-0 flex-1 text-foreground", children: "Size" }),
+      /* @__PURE__ */ jsxs17("span", { className: "shrink-0 whitespace-nowrap text-muted-foreground", children: [
+        value,
+        " px"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs17("div", { className: "relative h-2 w-full rounded-full bg-primary-50", children: [
+      /* @__PURE__ */ jsx27(
+        "div",
+        {
+          className: "absolute inset-y-0 left-0 rounded-full bg-primary",
+          style: { width: `${pct}%` }
+        }
+      ),
+      /* @__PURE__ */ jsx27(
+        "input",
+        {
+          type: "range",
+          min: LOGO_SIZE_MIN,
+          max: LOGO_SIZE_MAX,
+          step: 1,
+          value,
+          "aria-label": "Logo size",
+          className: cn(
+            "absolute inset-0 h-full w-full cursor-pointer appearance-none bg-transparent",
+            "[&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:size-5",
+            "[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2",
+            "[&::-webkit-slider-thumb]:border-primary [&::-webkit-slider-thumb]:bg-background",
+            "[&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full",
+            "[&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary",
+            "[&::-moz-range-thumb]:bg-background"
+          ),
+          onChange: (e) => onChange(Number(e.target.value))
+        }
+      )
+    ] })
+  ] });
+}
+function LogoSizePanel({
+  viewport,
+  sizePx,
+  mobileFollowing = true,
+  onSizeChange,
+  onCustomizeMobile,
+  onResetMobile,
+  onUpdateEverywhere,
+  className
+}) {
+  const showFollowing = viewport === "mobile" && mobileFollowing;
+  const showMobileSlider = viewport === "mobile" && !mobileFollowing;
+  const showDesktopSlider = viewport === "desktop";
+  return /* @__PURE__ */ jsxs17("div", { className: cn("flex w-full flex-col gap-4", className), children: [
+    showFollowing ? /* @__PURE__ */ jsxs17("div", { className: "flex w-full flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-1", children: [
+        /* @__PURE__ */ jsx27(Link2, { size: 16, className: "mt-0.5 shrink-0 text-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx27("p", { className: "text-sm font-semibold leading-5 text-foreground", children: "Following desktop size" })
+      ] }),
+      /* @__PURE__ */ jsx27("p", { className: "text-sm leading-5 text-muted-foreground", children: "Mobile uses the desktop size until you customize it. Change the desktop size and it follows automatically." }),
+      /* @__PURE__ */ jsx27(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-9 w-full min-w-0 cursor-pointer",
+          onClick: onCustomizeMobile,
+          children: "Customize for mobile"
+        }
+      )
+    ] }) : null,
+    showDesktopSlider || showMobileSlider ? /* @__PURE__ */ jsx27(SizeSlider, { value: sizePx, onChange: onSizeChange }) : null,
+    showMobileSlider ? /* @__PURE__ */ jsx27(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        className: "h-9 w-full min-w-0 cursor-pointer",
+        onClick: onResetMobile,
+        children: "Reset to desktop size"
+      }
+    ) : null,
+    /* @__PURE__ */ jsx27("div", { className: "h-px w-full bg-border", role: "separator" }),
+    /* @__PURE__ */ jsxs17(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        className: "h-9 w-full min-w-0 cursor-pointer gap-1",
+        onClick: onUpdateEverywhere,
+        children: [
+          "Update logo everywhere",
+          /* @__PURE__ */ jsx27(ArrowUpRight, { size: 16, "aria-hidden": true })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx27("p", { className: "text-sm leading-5 text-muted-foreground", children: "Matches the right version to your background." })
+  ] });
+}
+
+// src/ui/socials-display-panel.tsx
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+function DisplaySwitch({
+  label,
+  checked,
+  disabled,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs18("div", { className: "flex w-full items-center gap-2", children: [
+    /* @__PURE__ */ jsx28(
+      "span",
+      {
+        className: cn(
+          "min-w-0 flex-1 text-sm font-medium leading-5",
+          disabled ? "text-muted-foreground" : "text-foreground"
+        ),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx28(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        "aria-label": label,
+        disabled,
+        onClick: () => onChange(!checked),
+        className: cn(
+          "relative h-5 w-9 shrink-0 rounded-full transition-colors",
+          checked ? "bg-primary" : "bg-primary-50",
+          disabled ? "cursor-default opacity-50" : "cursor-pointer"
+        ),
+        children: /* @__PURE__ */ jsx28(
+          "span",
+          {
+            className: cn(
+              "absolute top-0.5 h-4 w-4 rounded-full bg-white transition-all",
+              checked ? "left-[1.125rem]" : "left-0.5"
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+function SocialsDisplayPanel({ display, onChange, className }) {
+  return /* @__PURE__ */ jsxs18("div", { className: cn("flex w-full flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsx28(
+      DisplaySwitch,
+      {
+        label: "Text",
+        checked: display.text,
+        disabled: display.text && !display.icon,
+        onChange: (text) => onChange({ ...display, text })
+      }
+    ),
+    /* @__PURE__ */ jsx28(
+      DisplaySwitch,
+      {
+        label: "Icon",
+        checked: display.icon,
+        disabled: display.icon && !display.text,
+        onChange: (icon) => onChange({ ...display, icon })
+      }
+    )
+  ] });
+}
+
+// src/lib/item-drag-interaction.ts
+function disableNativeHrefDrag(el) {
+  if (el.draggable) el.draggable = false;
+  if (el.getAttribute("draggable") !== "false") {
+    el.setAttribute("draggable", "false");
+  }
+}
+function clearTextSelection() {
+  const sel = window.getSelection();
+  if (sel && !sel.isCollapsed) sel.removeAllRanges();
+}
+function armItemPressDrag() {
+  document.documentElement.setAttribute("data-ohw-footer-press-drag", "");
+}
+function lockItemDuringDrag() {
+  document.documentElement.removeAttribute("data-ohw-footer-press-drag");
+  document.documentElement.setAttribute("data-ohw-item-dragging", "");
+  clearTextSelection();
+}
+function unlockItemDragInteraction() {
+  const wasDragging = document.documentElement.hasAttribute("data-ohw-item-dragging");
+  document.documentElement.removeAttribute("data-ohw-footer-press-drag");
+  document.documentElement.removeAttribute("data-ohw-item-dragging");
+  if (wasDragging) clearTextSelection();
+}
+var armFooterPressDrag = armItemPressDrag;
+var lockFooterDuringDrag = lockItemDuringDrag;
+var unlockFooterDragInteraction = unlockItemDragInteraction;
+
+// src/lib/nav-dnd.ts
+function listReorderableNavItems() {
+  return listNavbarItems().filter((el) => {
+    const key = el.getAttribute("data-ohw-href-key");
+    return isNavbarHrefKey(key) && !isNestedNavChild(el);
+  });
 }
 function resolveParentNavHrefKey(child) {
   const childrenRoot = child.closest("[data-ohw-nav-children]");
@@ -10526,7 +11821,7 @@ function hitTestNavDropSlot(clientX, clientY, draggedHrefKey) {
 }
 
 // src/useNavItemDrag.ts
-import { useCallback as useCallback5, useEffect as useEffect9, useRef as useRef7, useState as useState8 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef8, useState as useState9 } from "react";
 function useNavItemDrag({
   isEditMode,
   editContentRef,
@@ -10550,11 +11845,11 @@ function useNavItemDrag({
   getNavigationItemAnchor: getNavigationItemAnchor2,
   isDragHandleDisabled: isDragHandleDisabled2
 }) {
-  const navDragRef = useRef7(null);
-  const [navDropSlots, setNavDropSlots] = useState8([]);
-  const [activeNavDropIndex, setActiveNavDropIndex] = useState8(null);
-  const navPointerDragRef = useRef7(null);
-  const clearNavDragVisuals = useCallback5(() => {
+  const navDragRef = useRef8(null);
+  const [navDropSlots, setNavDropSlots] = useState9([]);
+  const [activeNavDropIndex, setActiveNavDropIndex] = useState9(null);
+  const navPointerDragRef = useRef8(null);
+  const clearNavDragVisuals = useCallback6(() => {
     const session = navDragRef.current;
     const keepOpenEl = session?.draggedEl?.closest("[data-ohw-nav-children]") != null ? session.draggedEl : null;
     navDragRef.current = null;
@@ -10571,7 +11866,7 @@ function useNavItemDrag({
     document.documentElement.removeAttribute("data-ohw-nav-dragging-root");
     unlockItemDragInteraction();
   }, [setDraggedItemRect, setIsItemDragging, setSiblingHintRects]);
-  const refreshNavDragVisuals = useCallback5(
+  const refreshNavDragVisuals = useCallback6(
     (session, activeSlot, clientX, clientY) => {
       setDraggedItemRect(session.draggedEl.getBoundingClientRect());
       if (typeof clientX === "number" && typeof clientY === "number") {
@@ -10589,13 +11884,13 @@ function useNavItemDrag({
     },
     [setDraggedItemRect, setSiblingHintRects]
   );
-  const refreshNavDragVisualsRef = useRef7(refreshNavDragVisuals);
+  const refreshNavDragVisualsRef = useRef8(refreshNavDragVisuals);
   refreshNavDragVisualsRef.current = refreshNavDragVisuals;
-  const commitNavDragRef = useRef7(() => {
+  const commitNavDragRef = useRef8(() => {
   });
-  const beginNavDragRef = useRef7(() => {
+  const beginNavDragRef = useRef8(() => {
   });
-  const beginNavDrag = useCallback5(
+  const beginNavDrag = useCallback6(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -10629,7 +11924,7 @@ function useNavItemDrag({
     ]
   );
   beginNavDragRef.current = beginNavDrag;
-  const commitNavDrag = useCallback5(
+  const commitNavDrag = useCallback6(
     (clientX, clientY) => {
       const session = navDragRef.current;
       if (!session) {
@@ -10690,7 +11985,7 @@ function useNavItemDrag({
     [clearNavDragVisuals, deselectRef, editContentRef, postToParentRef, selectRef]
   );
   commitNavDragRef.current = commitNavDrag;
-  const startNavLinkDrag = useCallback5(
+  const startNavLinkDrag = useCallback6(
     (anchor, clientX, clientY, wasSelected) => {
       if (footerDragRef.current) return false;
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
@@ -10708,7 +12003,7 @@ function useNavItemDrag({
     },
     [beginNavDrag, footerDragRef, isDragHandleDisabled2, isCtaButton]
   );
-  const onNavDragOver = useCallback5(
+  const onNavDragOver = useCallback6(
     (e) => {
       const session = navDragRef.current;
       if (!session) return false;
@@ -10720,7 +12015,7 @@ function useNavItemDrag({
     },
     []
   );
-  useEffect9(() => {
+  useEffect10(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -10845,7 +12140,7 @@ function useNavItemDrag({
     setLinkPopover,
     suppressNextClickRef
   ]);
-  const armNavPressFromChrome = useCallback5(
+  const armNavPressFromChrome = useCallback6(
     (selected, clientX, clientY, pointerId) => {
       const hrefKey = selected.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isNavbarHrefKey(hrefKey)) return false;
@@ -10877,7 +12172,7 @@ function useNavItemDrag({
 
 // src/ui/footer-container-chrome.tsx
 import { Plus as Plus2 } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 function FooterContainerChrome({
   rect,
   onAdd,
@@ -10885,7 +12180,7 @@ function FooterContainerChrome({
 }) {
   const chromeGap = 6;
   const buttonMargin = 7;
-  return /* @__PURE__ */ jsx26(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx29(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx29(
     "div",
     {
       "data-ohw-footer-container-chrome": "",
@@ -10897,8 +12192,8 @@ function FooterContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ jsxs16(Tooltip, { children: [
-        /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsxs19(Tooltip, { children: [
+        /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(
           "button",
           {
             type: "button",
@@ -10917,17 +12212,17 @@ function FooterContainerChrome({
               if (addDisabled) return;
               onAdd();
             },
-            children: /* @__PURE__ */ jsx26(Plus2, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx29(Plus2, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
           }
         ) }),
-        /* @__PURE__ */ jsx26(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
+        /* @__PURE__ */ jsx29(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
       ] })
     }
   ) });
 }
 
 // src/lib/carousel.ts
-import { useEffect as useEffect10, useState as useState9 } from "react";
+import { useEffect as useEffect11, useState as useState10 } from "react";
 var CAROUSEL_ATTR = "data-ohw-carousel";
 var CAROUSEL_VALUE_ATTR = "data-ohw-carousel-value";
 var CAROUSEL_SLIDE_ATTR = "data-ohw-carousel-slide";
@@ -10989,8 +12284,8 @@ function applyCarouselNode(key, val) {
   return true;
 }
 function useOhwCarousel(key, initial) {
-  const [images, setImages] = useState9(initial);
-  useEffect10(() => {
+  const [images, setImages] = useState10(initial);
+  useEffect11(() => {
     const el = document.querySelector(
       `[${CAROUSEL_ATTR}][data-ohw-key="${CSS.escape(key)}"]`
     );
@@ -11103,6 +12398,18 @@ function collectEditableNodes(extraContent, root = document) {
   }
   if (extraContent && !isScoped) {
     applyNavFooterDeleteOverrides(byKey, extraContent);
+    for (const key of LOGO_IMAGE_KEYS) {
+      if (!(key in extraContent)) continue;
+      byKey.set(key, { key, type: "image", text: extraContent[key] ?? "" });
+    }
+    for (const key of [LOGO_PLACEHOLDER_KEY, LOGO_ALT_KEY]) {
+      if (!(key in extraContent)) continue;
+      byKey.set(key, { key, type: "meta", text: extraContent[key] ?? "" });
+    }
+    for (const key of LOGO_SIZE_KEYS) {
+      if (!(key in extraContent)) continue;
+      byKey.set(key, { key, type: "meta", text: extraContent[key] ?? "" });
+    }
   }
   return Array.from(byKey.values());
 }
@@ -11205,7 +12512,7 @@ function isNavbarLinksContainer(el) {
 function isNavigationItem(el) {
   const anchor = el.matches("[data-ohw-href-key]") ? el : el.closest("[data-ohw-href-key]");
   if (!anchor) return false;
-  return Boolean(anchor.querySelector('[data-ohw-editable="text"]'));
+  return Boolean(anchor.querySelector('[data-ohw-editable="text"]')) || Boolean(getSocialItem(anchor));
 }
 function findFooterItemGroup(item) {
   const explicit = item.closest("[data-ohw-footer-col], [data-ohw-footer-column]");
@@ -11226,8 +12533,9 @@ function isInferredFooterGroup(el) {
   const footer = el.closest("footer");
   if (!footer || el === footer) return false;
   if (el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column")) return true;
+  if (isSocialsRow(el)) return false;
   const count = Array.from(el.querySelectorAll("[data-ohw-href-key]")).filter(
-    isNavigationItem
+    (item) => isNavigationItem(item) && !getSocialItem(item)
   ).length;
   return count >= 2;
 }
@@ -11271,7 +12579,8 @@ function deleteSelectedNavFooterItem(deps) {
           if (key.endsWith("-href")) applyLinkByKey2(key, text);
           else {
             document.querySelectorAll(`[data-ohw-key="${CSS.escape(key)}"]`).forEach((el) => {
-              el.textContent = text;
+              if (el.getAttribute("data-ohw-editable") === "icon") applyIconMarkup(el, text);
+              else el.textContent = text;
             });
           }
         }
@@ -11333,6 +12642,21 @@ function deleteSelectedNavFooterItem(deps) {
     });
     return true;
   }
+  const social = getSocialItem(selected);
+  if (social) {
+    const result = removeSocialItem(social, getEditContent());
+    if (!result) return false;
+    finishDelete({
+      toastTitle: "Social deleted",
+      removedKeys: result.removedKeys,
+      previousContent: result.previousContent,
+      orderKey: SOCIALS_ORDER_KEY,
+      orderJson: JSON.stringify(result.order),
+      previousOrderJson: JSON.stringify(result.previousOrder),
+      undoDom: result.undo
+    });
+    return true;
+  }
   if (isFooterHrefKey(hrefKey)) {
     const result = deleteFooterItem(selected);
     if (!result) return false;
@@ -11352,13 +12676,13 @@ function deleteSelectedNavFooterItem(deps) {
 
 // src/ui/navbar-container-chrome.tsx
 import { Plus as Plus3 } from "lucide-react";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function NavbarContainerChrome({
   rect,
   onAdd
 }) {
   const chromeGap = 6;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-ohw-navbar-container-chrome": "",
@@ -11370,7 +12694,7 @@ function NavbarContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx30(
         "button",
         {
           type: "button",
@@ -11387,7 +12711,7 @@ function NavbarContainerChrome({
             e.stopPropagation();
             onAdd();
           },
-          children: /* @__PURE__ */ jsx27(Plus3, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx30(Plus3, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
         }
       )
     }
@@ -11396,7 +12720,7 @@ function NavbarContainerChrome({
 
 // src/ui/drop-indicator.tsx
 import * as React10 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var dropIndicatorVariants = cva(
   "ov-gap-line pointer-events-none shrink-0 transition-opacity duration-150",
   {
@@ -11420,7 +12744,7 @@ var dropIndicatorVariants = cva(
 );
 var DropIndicator = React10.forwardRef(
   ({ className, direction, state, ...props }, ref) => {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx31(
       "div",
       {
         ref,
@@ -11437,7 +12761,7 @@ var DropIndicator = React10.forwardRef(
 DropIndicator.displayName = "DropIndicator";
 
 // src/ui/badge.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var badgeVariants = cva(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -11455,12 +12779,12 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx29("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx32("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/OhhwellsBridge.tsx
-import { Link as Link2 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Link as Link3 } from "lucide-react";
+import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 var PRIMARY3 = "#0885FE";
 var IMAGE_FADE_MS = 300;
 function runOpacityFade(el, onDone) {
@@ -11554,21 +12878,10 @@ function parseSchedulingInsertAfter(insertAfter) {
     insertBefore: insertAfter.slice(idx + INSERT_BEFORE_MARKER.length)
   };
 }
-function resolveSchedulingInsert(insertAfter, explicitInsertBefore) {
-  const parsed = parseSchedulingInsertAfter(insertAfter);
-  const insertBefore = explicitInsertBefore ?? parsed.insertBefore;
-  const effectiveInsertAfter = insertBefore && parsed.insertBefore === null ? `${insertAfter}${INSERT_BEFORE_MARKER}${insertBefore}` : insertAfter;
-  return { effectiveInsertAfter, insertBefore };
-}
-function getSchedulingMountPoint(insertAfter) {
-  const { anchor } = parseSchedulingInsertAfter(insertAfter);
-  let anchorEl = document.querySelector(`[data-ohw-section="${anchor}"]`);
-  if (!anchorEl && anchor === "scheduling") {
-    const widgets = Array.from(document.querySelectorAll('[data-ohw-section^="scheduling-"]'));
-    anchorEl = widgets.at(-1) ?? null;
-  }
-  if (!anchorEl) return null;
-  return anchorEl.closest('[data-ohw-section-container="scheduling"]') ?? anchorEl;
+function resolveEntryAnchor(entry) {
+  if (entry.anchorId !== void 0) return { anchorId: entry.anchorId, beforeId: entry.beforeId ?? null };
+  const parsed = parseSchedulingInsertAfter(entry.insertAfter);
+  return { anchorId: parsed.anchor, beforeId: parsed.insertBefore };
 }
 function schedulingMountDepth(insertAfter) {
   if (!insertAfter.includes(INSERT_BEFORE_MARKER)) return 0;
@@ -11585,8 +12898,7 @@ function getPageSchedulingEntries(raw) {
   }
 }
 function isSchedulingWidgetMissing(entry) {
-  const { effectiveInsertAfter } = resolveSchedulingInsert(entry.insertAfter);
-  return !document.querySelector(`[data-ohw-section="${schedulingSectionId(effectiveInsertAfter)}"]`);
+  return !document.querySelector(`[data-ohw-section="${schedulingSectionId(entry.insertAfter)}"]`);
 }
 function hasMissingSchedulingWidgets(entries) {
   return entries.some(isSchedulingWidgetMissing);
@@ -11616,16 +12928,17 @@ function initSectionsFromContent(content, removeExisting = false) {
   } catch {
   }
 }
-function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId, explicitInsertBefore) {
-  const { effectiveInsertAfter, insertBefore } = resolveSchedulingInsert(insertAfter, explicitInsertBefore);
-  const sectionId = schedulingSectionId(effectiveInsertAfter);
+function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, beforeId, existingWidgetId) {
+  const widgetId = existingWidgetId ?? (beforeId ? `${anchorId}${INSERT_BEFORE_MARKER}${beforeId}` : anchorId);
+  const sectionId = schedulingSectionId(widgetId);
   if (document.querySelector(`[data-ohw-section="${sectionId}"]`)) return false;
-  const mountPoint = getSchedulingMountPoint(effectiveInsertAfter);
-  if (!mountPoint) return false;
+  const anchorEl = document.querySelector(`[data-ohw-section="${anchorId}"]`);
+  if (!anchorEl) return false;
+  const mountPoint = anchorEl.closest('[data-ohw-section-container="scheduling"]') ?? anchorEl;
   const container = document.createElement("div");
   container.dataset.ohwSectionContainer = "scheduling";
-  if (insertBefore) {
-    const beforeAnchor = document.querySelector(`[data-ohw-section="${insertBefore}"]`);
+  if (beforeId) {
+    const beforeAnchor = document.querySelector(`[data-ohw-section="${beforeId}"]`);
     const beforePoint = beforeAnchor?.closest('[data-ohw-section-container="scheduling"]') ?? beforeAnchor;
     if (!beforePoint) return false;
     beforePoint.insertAdjacentElement("beforebegin", container);
@@ -11636,19 +12949,25 @@ function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId,
     }
     tail.insertAdjacentElement("afterend", container);
   }
-  const root = createRoot2(container);
-  flushSync2(() => {
-    root.render(
-      /* @__PURE__ */ jsx30(
-        SchedulingWidget,
-        {
-          notifyOnConnect,
-          initialScheduleId: scheduleId,
-          insertAfter: effectiveInsertAfter
-        }
-      )
-    );
-  });
+  try {
+    const root = createRoot2(container);
+    flushSync2(() => {
+      root.render(
+        /* @__PURE__ */ jsx33(
+          SchedulingWidget,
+          {
+            notifyOnConnect,
+            initialScheduleId: scheduleId,
+            insertAfter: widgetId
+          }
+        )
+      );
+    });
+  } catch (err) {
+    console.error("[ow:scheduling] render threw", err);
+    container.remove();
+    return false;
+  }
   const tracker = getSectionsTracker();
   let sections = [];
   try {
@@ -11656,10 +12975,12 @@ function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId,
   } catch {
   }
   const inEditor = typeof window !== "undefined" && window.self !== window.top;
-  if (inEditor && !sections.find((s) => s.type === "scheduling" && s.insertAfter === effectiveInsertAfter)) {
+  if (inEditor && !sections.find((s) => s.type === "scheduling" && s.insertAfter === widgetId)) {
     sections.push({
       type: "scheduling",
-      insertAfter: effectiveInsertAfter,
+      insertAfter: widgetId,
+      anchorId,
+      beforeId: beforeId ?? null,
       pagePath: window.location.pathname,
       ...scheduleId ? { scheduleId } : {}
     });
@@ -11673,7 +12994,8 @@ function mountSchedulingEntries(entries, notifyOnConnect = false) {
     for (let i = pending.length - 1; i >= 0; i--) {
       const entry = pending[i];
       const shouldNotify = typeof notifyOnConnect === "function" ? notifyOnConnect(entry) : notifyOnConnect;
-      if (mountSchedulingWidget(entry.insertAfter, shouldNotify, entry.scheduleId)) {
+      const { anchorId, beforeId } = resolveEntryAnchor(entry);
+      if (mountSchedulingWidget(anchorId, shouldNotify, entry.scheduleId ?? null, beforeId, entry.insertAfter)) {
         pending.splice(i, 1);
       }
     }
@@ -11687,6 +13009,17 @@ function applyLinkHref(el, val) {
   const anchor = el instanceof HTMLAnchorElement ? el : el.querySelector("a");
   if (anchor) anchor.setAttribute("href", val);
 }
+function currentIconRef(el) {
+  const uploaded = el instanceof HTMLImageElement ? el : el.querySelector("img");
+  if (uploaded?.getAttribute("src")) {
+    return uploaded.getAttribute("src") ?? "";
+  }
+  const svg = el instanceof SVGElement ? el : el.querySelector("svg");
+  const named = Array.from(svg?.classList ?? []).find(
+    (c) => c.startsWith("lucide-") && c !== "lucide-icon"
+  );
+  return named ? `lucide:${named.slice("lucide-".length)}` : "";
+}
 function getEditMeasureEl(editable) {
   return editable.closest("[data-ohw-href-key]") ?? editable;
 }
@@ -11731,8 +13064,11 @@ function isMediaEditable(el) {
   const t = el.dataset.ohwEditable;
   return t === "image" || t === "bg-image" || t === "video";
 }
+function isIconEditable(el) {
+  return el.dataset.ohwEditable === "icon";
+}
 var MEDIA_SELECTOR = '[data-ohw-editable="image"], [data-ohw-editable="bg-image"], [data-ohw-editable="video"]';
-var NON_MEDIA_SELECTOR = '[data-ohw-editable]:not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]):not([data-ohw-editable="video"])';
+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"])';
 function getVideoEl2(el) {
   return el instanceof HTMLVideoElement ? el : el.querySelector("video");
 }
@@ -11803,6 +13139,13 @@ function isInsideLinkEditor(target) {
     target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest("[data-ohw-link-page-dropdown]") || target.closest("[data-ohw-section-picker]") || target.closest("[data-ohw-navbar-container-chrome]") || target.closest("[data-ohw-navbar-add-button]") || target.closest("[data-ohw-footer-container-chrome]") || target.closest("[data-ohw-footer-add-button]") || target.closest("[data-ohw-more-menu]") || target.closest('[data-slot="dropdown-menu-content"]') || target.closest('[data-slot="popover-content"]') || target.closest('[data-slot="dialog-content"]') || target.closest('[data-slot="dialog-overlay"]')
   );
 }
+function isInsideFloatingPanel(target) {
+  return Boolean(target.closest("[data-ohw-floating-panel]"));
+}
+function isPointOverFloatingPanel(clientX, clientY) {
+  const el = document.elementFromPoint(clientX, clientY);
+  return Boolean(el instanceof Element && el.closest("[data-ohw-floating-panel]"));
+}
 function getHrefKeyFromElement(el) {
   if (!el) return null;
   const anchor = el.closest("[data-ohw-href-key]");
@@ -11850,13 +13193,29 @@ function isNavItemPointerTarget(el) {
 function getNavigationItemAnchor(el) {
   const anchor = el.matches("[data-ohw-href-key]") ? el : el.closest("[data-ohw-href-key]");
   if (!anchor) return null;
-  if (!anchor.querySelector('[data-ohw-editable="text"]')) return null;
+  if (!anchor.querySelector('[data-ohw-editable="text"]') && !getSocialItem(anchor)) return null;
   if (!isNavItemPointerTarget(anchor)) return null;
   return anchor;
 }
 function isNavigationItem2(el) {
   return getNavigationItemAnchor(el) !== null;
 }
+function requestSocialDialog(anchor, post, content) {
+  const item = getSocialItem(anchor);
+  if (!item) return false;
+  const iconKey = item.querySelector('[data-ohw-editable="icon"]')?.dataset.ohwKey ?? "";
+  post({
+    type: "ow:social-pick",
+    hrefKey: item.getAttribute("data-ohw-href-key") ?? "",
+    iconKey,
+    url: getLinkHref4(item),
+    iconStyle: detectIconStyle(item),
+    // What was chosen last time. Guessing from the address instead reads as "Website" for anything
+    // unrecognised, and for an item with no address at all — so a deliberate choice looked lost.
+    platformId: content[socialPlatformKey(iconKey)] ?? ""
+  });
+  return true;
+}
 function listNavigationItems() {
   return Array.from(
     document.querySelectorAll("nav [data-ohw-href-key], footer [data-ohw-href-key]")
@@ -11891,7 +13250,7 @@ function getNavigationRoot(el) {
   return el.closest("nav, footer, aside");
 }
 function countFooterNavItems(el) {
-  return Array.from(el.querySelectorAll("[data-ohw-href-key]")).filter(isNavigationItem2).length;
+  return Array.from(el.querySelectorAll("[data-ohw-href-key]")).filter((item) => isNavigationItem2(item) && !getSocialItem(item)).length;
 }
 function findFooterItemGroup2(item) {
   const explicit = item.closest("[data-ohw-footer-col], [data-ohw-footer-column]");
@@ -11912,10 +13271,11 @@ function isInferredFooterGroup2(el) {
   const footer = el.closest("footer");
   if (!footer || el === footer) return false;
   if (el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column")) return true;
+  if (isSocialsRow(el)) return false;
   return countFooterNavItems(el) >= 2;
 }
 function isNavigationContainer(el) {
-  return el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-drawer") || isFooterLinksContainer(el) || el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isNavigationRoot(el) || isInferredFooterGroup2(el);
+  return el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-drawer") || isFooterLinksContainer(el) || el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isNavigationRoot(el) || isSocialsRow(el) || isInferredFooterGroup2(el);
 }
 function isNavbarLinksContainer2(el) {
   return el.hasAttribute("data-ohw-nav-container");
@@ -11998,6 +13358,8 @@ function resolveNavContainerSelectionTarget(target, clientX, clientY) {
   return null;
 }
 function getNavigationSelectionParent(el) {
+  const socialsRow = findSocialsRow(el);
+  if (socialsRow) return socialsRow;
   if (isNavigationItem2(el)) {
     const childrenRoot = el.closest("[data-ohw-nav-children]");
     if (childrenRoot) {
@@ -12016,13 +13378,17 @@ function getNavigationSelectionParent(el) {
   if (!isFooterLinksContainer(el) && (el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isInferredFooterGroup2(el))) {
     return getFooterLinksContainer();
   }
-  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-drawer") || isFooterLinksContainer(el)) {
+  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-drawer") || el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isFooterLinksContainer(el) || isInferredFooterGroup2(el)) {
     return getNavigationRoot(el);
   }
   return null;
 }
 function collectNavigationItemSiblingHintRects(selected) {
   if (!isNavigationItem2(selected)) return [];
+  const socialsRow = findSocialsRow(selected);
+  if (socialsRow) {
+    return listSocialItems(socialsRow).filter((item) => item !== selected).map((item) => item.getBoundingClientRect());
+  }
   const footerColumn = getFooterColumn(selected);
   if (footerColumn) {
     return listFooterLinksInColumn(footerColumn).filter((link) => link !== selected).map((link) => link.getBoundingClientRect());
@@ -12255,7 +13621,7 @@ function EditGlowChrome({
   hideHandle = false
 }) {
   const GAP = SELECTION_CHROME_GAP2;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       ref: elRef,
@@ -12270,7 +13636,7 @@ function EditGlowChrome({
         zIndex: 2147483646
       },
       children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx33(
           "div",
           {
             style: {
@@ -12283,7 +13649,7 @@ function EditGlowChrome({
             }
           }
         ),
-        reorderHrefKey && !hideHandle && /* @__PURE__ */ jsx30(
+        reorderHrefKey && !hideHandle && /* @__PURE__ */ jsx33(
           "div",
           {
             "data-ohw-drag-handle-container": "",
@@ -12295,7 +13661,7 @@ function EditGlowChrome({
               transform: "translate(calc(-100% - 7px), -50%)",
               pointerEvents: dragDisabled ? "none" : "auto"
             },
-            children: /* @__PURE__ */ jsx30(
+            children: /* @__PURE__ */ jsx33(
               DragHandle,
               {
                 "aria-label": `Reorder ${reorderHrefKey}`,
@@ -12505,7 +13871,7 @@ function FloatingToolbar({
     return () => ro.disconnect();
   }, [showEditLink, activeCommands]);
   const { top, left, transform } = calcToolbarPos(rect, parentScroll, measuredW);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       ref: setRefs,
@@ -12517,12 +13883,12 @@ function FloatingToolbar({
         zIndex: 2147483647,
         pointerEvents: "auto"
       },
-      children: /* @__PURE__ */ jsxs17(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ jsxs17(React11.Fragment, { children: [
-          gi > 0 && /* @__PURE__ */ jsx30(CustomToolbarDivider, {}),
+      children: /* @__PURE__ */ jsxs20(CustomToolbar, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ jsxs20(React11.Fragment, { children: [
+          gi > 0 && /* @__PURE__ */ jsx33(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
-            return /* @__PURE__ */ jsx30(
+            return /* @__PURE__ */ jsx33(
               CustomToolbarButton,
               {
                 title: btn.title,
@@ -12531,7 +13897,7 @@ function FloatingToolbar({
                   e.preventDefault();
                   onCommand(btn.cmd);
                 },
-                children: /* @__PURE__ */ jsx30(
+                children: /* @__PURE__ */ jsx33(
                   "svg",
                   {
                     width: "16",
@@ -12552,7 +13918,7 @@ function FloatingToolbar({
             );
           })
         ] }, gi)),
-        showEditLink ? /* @__PURE__ */ jsx30(
+        showEditLink ? /* @__PURE__ */ jsx33(
           CustomToolbarButton,
           {
             type: "button",
@@ -12566,7 +13932,7 @@ function FloatingToolbar({
               e.preventDefault();
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ jsx30(Link2, { className: "size-4 shrink-0", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx33(Link3, { className: "size-4 shrink-0", "aria-hidden": true })
           }
         ) : null
       ] })
@@ -12583,7 +13949,7 @@ function StateToggle({
   states,
   onStateChange
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx33(
     ToggleGroup,
     {
       "data-ohw-state-toggle": "",
@@ -12597,11 +13963,12 @@ function StateToggle({
         left: rect.right - 8,
         transform: "translateX(-100%)"
       },
-      children: states.map((state) => /* @__PURE__ */ jsx30(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
+      children: states.map((state) => /* @__PURE__ */ jsx33(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
     }
   );
 }
 var contentCache = /* @__PURE__ */ new Map();
+var fetchedContentPaths = /* @__PURE__ */ new Set();
 function resolveSubdomain(subdomainFromQuery) {
   if (subdomainFromQuery) return subdomainFromQuery;
   if (typeof window !== "undefined") {
@@ -12624,8 +13991,8 @@ function OhhwellsBridge() {
   const router = useRouter3();
   const searchParams = useSearchParams();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = useState10(null);
-  useEffect11(() => {
+  const [bridgeRoot, setBridgeRoot] = useState11(null);
+  useEffect12(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -12654,110 +14021,137 @@ function OhhwellsBridge() {
   const subdomain = resolveSubdomain(subdomainFromQuery);
   useLinkHrefGuardian(pathname, subdomain, isEditMode);
   useSavedLinkNavigation(isEditMode);
-  const postToParent2 = useCallback6((data) => {
+  const postToParent2 = useCallback7((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = useState10("idle");
-  const autoSaveTimers = useRef8(/* @__PURE__ */ new Map());
-  const activeElRef = useRef8(null);
-  const pointerHeldRef = useRef8(false);
-  const selectedElRef = useRef8(null);
-  const selectedHrefKeyRef = useRef8(null);
-  const selectedFooterColAttrRef = useRef8(null);
-  const originalContentRef = useRef8(null);
-  const activeStateElRef = useRef8(null);
-  const parentScrollRef = useRef8(null);
-  const visibleViewportRef = useRef8(null);
-  const [dialogPortalContainer, setDialogPortalContainer] = useState10(null);
-  const attachVisibleViewport = useCallback6((node) => {
+  const [fetchState, setFetchState] = useState11("idle");
+  const autoSaveTimers = useRef9(/* @__PURE__ */ new Map());
+  const activeElRef = useRef9(null);
+  const pointerHeldRef = useRef9(false);
+  const selectedElRef = useRef9(null);
+  const selectedHrefKeyRef = useRef9(null);
+  const selectedFooterColAttrRef = useRef9(null);
+  const originalContentRef = useRef9(null);
+  const activeStateElRef = useRef9(null);
+  const parentScrollRef = useRef9(null);
+  const visibleViewportRef = useRef9(null);
+  const [dialogPortalContainer, setDialogPortalContainer] = useState11(null);
+  const attachVisibleViewport = useCallback7((node) => {
     visibleViewportRef.current = node;
     setDialogPortalContainer(node);
     if (node) applyVisibleViewport(node, parentScrollRef.current);
   }, []);
-  const toolbarElRef = useRef8(null);
-  const glowElRef = useRef8(null);
-  const hoveredImageRef = useRef8(null);
-  const hoveredImageHasTextOverlapRef = useRef8(false);
-  const dragOverElRef = useRef8(null);
-  const [mediaHover, setMediaHover] = useState10(null);
-  const [carouselHover, setCarouselHover] = useState10(null);
-  const [uploadingRects, setUploadingRects] = useState10({});
-  const hoveredGapRef = useRef8(null);
-  const imageUnhoverTimerRef = useRef8(null);
-  const imageShowTimerRef = useRef8(null);
-  const editStylesRef = useRef8(null);
-  const activateRef = useRef8(() => {
+  const toolbarElRef = useRef9(null);
+  const glowElRef = useRef9(null);
+  const hoveredImageRef = useRef9(null);
+  const hoveredImageHasTextOverlapRef = useRef9(false);
+  const dragOverElRef = useRef9(null);
+  const [mediaHover, setMediaHover] = useState11(null);
+  const [carouselHover, setCarouselHover] = useState11(null);
+  const [uploadingRects, setUploadingRects] = useState11({});
+  const hoveredGapRef = useRef9(null);
+  const imageUnhoverTimerRef = useRef9(null);
+  const imageShowTimerRef = useRef9(null);
+  const editStylesRef = useRef9(null);
+  const activateRef = useRef9(() => {
+  });
+  const deactivateRef = useRef9(() => {
+  });
+  const selectRef = useRef9(() => {
+  });
+  const selectFrameRef = useRef9(() => {
   });
-  const deactivateRef = useRef8(() => {
+  const selectLogoRef = useRef9(() => {
   });
-  const selectRef = useRef8(() => {
+  const openLogoSizePanelRef = useRef9(() => {
   });
-  const selectFrameRef = useRef8(() => {
+  const deselectRef = useRef9(() => {
   });
-  const deselectRef = useRef8(() => {
+  const closeFloatingPanelOnlyRef = useRef9(() => {
   });
-  const reselectNavigationItemRef = useRef8(() => {
+  const reselectNavigationItemRef = useRef9(() => {
   });
-  const commitNavigationTextEditRef = useRef8(() => {
+  const commitNavigationTextEditRef = useRef9(() => {
   });
-  const handleDeleteSelectedRef = useRef8(() => false);
-  const runPendingDeleteUndoRef = useRef8(() => false);
-  const isFooterFrameSelectionRef = useRef8(false);
-  const refreshActiveCommandsRef = useRef8(() => {
+  const handleDeleteSelectedRef = useRef9(() => false);
+  const runPendingDeleteUndoRef = useRef9(() => false);
+  const isFooterFrameSelectionRef = useRef9(false);
+  const refreshActiveCommandsRef = useRef9(() => {
   });
-  const postToParentRef = useRef8(postToParent2);
+  const postToParentRef = useRef9(postToParent2);
   postToParentRef.current = postToParent2;
-  const aiSectionApiRef = useRef8(null);
-  const sectionsLoadedRef = useRef8(false);
-  const pendingScheduleConfigRequests = useRef8([]);
-  const [toolbarRect, setToolbarRect] = useState10(null);
-  const [toolbarVariant, setToolbarVariant] = useState10("none");
-  const toolbarVariantRef = useRef8("none");
+  const aiSectionApiRef = useRef9(null);
+  const sectionsLoadedRef = useRef9(false);
+  const pendingScheduleConfigRequests = useRef9([]);
+  const [toolbarRect, setToolbarRect] = useState11(null);
+  const [toolbarVariant, setToolbarVariant] = useState11("none");
+  const toolbarVariantRef = useRef9("none");
   toolbarVariantRef.current = toolbarVariant;
-  const [selectedIsCta, setSelectedIsCta] = useState10(false);
-  const [reorderHrefKey, setReorderHrefKey] = useState10(null);
-  const [reorderDragDisabled, setReorderDragDisabled] = useState10(false);
-  const [toggleState, setToggleState] = useState10(null);
-  const [maxBadge, setMaxBadge] = useState10(null);
-  const [activeCommands, setActiveCommands] = useState10(/* @__PURE__ */ new Set());
-  const [sectionGap, setSectionGap] = useState10(null);
-  const [toolbarShowEditLink, setToolbarShowEditLink] = useState10(false);
-  const hoveredNavContainerRef = useRef8(null);
-  const [hoveredNavContainerRect, setHoveredNavContainerRect] = useState10(null);
-  const hoveredItemElRef = useRef8(null);
-  const [hoveredItemRect, setHoveredItemRect] = useState10(null);
-  const siblingHintElRef = useRef8(null);
-  const [siblingHintRect, setSiblingHintRect] = useState10(null);
-  const [siblingHintRects, setSiblingHintRects] = useState10([]);
-  const [isItemDragging, setIsItemDragging] = useState10(false);
-  const [isFooterFrameSelection, setIsFooterFrameSelection] = useState10(false);
+  const [selectedIsCta, setSelectedIsCta] = useState11(false);
+  const [selectedIsSocial, setSelectedIsSocial] = useState11(false);
+  const [selectedIsSocialsRow, setSelectedIsSocialsRow] = useState11(false);
+  const [reorderHrefKey, setReorderHrefKey] = useState11(null);
+  const [reorderDragDisabled, setReorderDragDisabled] = useState11(false);
+  const [toggleState, setToggleState] = useState11(null);
+  const [maxBadge, setMaxBadge] = useState11(null);
+  const [activeCommands, setActiveCommands] = useState11(/* @__PURE__ */ new Set());
+  const [sectionGap, setSectionGap] = useState11(null);
+  const [toolbarShowEditLink, setToolbarShowEditLink] = useState11(false);
+  const hoveredNavContainerRef = useRef9(null);
+  const [hoveredNavContainerRect, setHoveredNavContainerRect] = useState11(null);
+  const hoveredItemElRef = useRef9(null);
+  const [hoveredItemRect, setHoveredItemRect] = useState11(null);
+  const siblingHintElRef = useRef9(null);
+  const [siblingHintRect, setSiblingHintRect] = useState11(null);
+  const [siblingHintRects, setSiblingHintRects] = useState11([]);
+  const [isItemDragging, setIsItemDragging] = useState11(false);
+  const [isFooterFrameSelection, setIsFooterFrameSelection] = useState11(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
-  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = useState10(null);
-  const [footerHeadingVisible, setFooterHeadingVisible] = useState10(null);
-  const footerDragRef = useRef8(null);
-  const [footerDropSlots, setFooterDropSlots] = useState10([]);
-  const [activeFooterDropIndex, setActiveFooterDropIndex] = useState10(null);
-  const [draggedItemRect, setDraggedItemRect] = useState10(null);
-  const footerPointerDragRef = useRef8(null);
-  const suppressNextClickRef = useRef8(false);
-  const suppressClickUntilRef = useRef8(0);
-  const [linkPopover, setLinkPopover] = useState10(null);
-  const linkPopoverSessionRef = useRef8(null);
-  const addNavAfterAnchorRef = useRef8(null);
-  const editContentRef = useRef8({});
-  const aiSectionsRef = useRef8("");
-  const pendingDeleteUndoRef = useRef8(null);
-  const [sitePages, setSitePages] = useState10([]);
-  const [sectionsByPath, setSectionsByPath] = useState10({});
-  const sectionsPrefetchGenRef = useRef8(0);
-  const setLinkPopoverRef = useRef8(setLinkPopover);
-  const linkPopoverPanelRef = useRef8(null);
-  const linkPopoverOpenRef = useRef8(false);
-  const linkPopoverGraceUntilRef = useRef8(0);
+  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = useState11(null);
+  const [footerHeadingVisible, setFooterHeadingVisible] = useState11(null);
+  const footerDragRef = useRef9(null);
+  const [footerDropSlots, setFooterDropSlots] = useState11([]);
+  const [activeFooterDropIndex, setActiveFooterDropIndex] = useState11(null);
+  const [draggedItemRect, setDraggedItemRect] = useState11(null);
+  const footerPointerDragRef = useRef9(null);
+  const suppressNextClickRef = useRef9(false);
+  const suppressClickUntilRef = useRef9(0);
+  const [linkPopover, setLinkPopover] = useState11(null);
+  const linkPopoverSessionRef = useRef9(null);
+  const addNavAfterAnchorRef = useRef9(null);
+  const editContentRef = useRef9({});
+  const aiSectionsRef = useRef9("");
+  const brandKitRef = useRef9("");
+  const pendingDeleteUndoRef = useRef9(null);
+  const [floatingPanel, setFloatingPanel] = useState11(null);
+  const floatingPanelOpenRef = useRef9(false);
+  const setFloatingPanelRef = useRef9(setFloatingPanel);
+  const [floatingPanelPos, setFloatingPanelPos] = useState11(null);
+  const [logoSizeDraft, setLogoSizeDraft] = useState11(null);
+  const [editorViewport, setEditorViewport] = useState11("desktop");
+  const [parentScrollSnap, setParentScrollSnap] = useState11(null);
+  const [sitePages, setSitePages] = useState11([]);
+  const [sectionsByPath, setSectionsByPath] = useState11({});
+  const sectionsPrefetchGenRef = useRef9(0);
+  const setLinkPopoverRef = useRef9(setLinkPopover);
+  const linkPopoverPanelRef = useRef9(null);
+  const linkPopoverOpenRef = useRef9(false);
+  const linkPopoverGraceUntilRef = useRef9(0);
   setLinkPopoverRef.current = setLinkPopover;
+  setFloatingPanelRef.current = setFloatingPanel;
   linkPopoverSessionRef.current = linkPopover;
+  floatingPanelOpenRef.current = Boolean(floatingPanel);
+  useEffect12(() => {
+    const syncViewport = () => {
+      const next = window.innerWidth <= 480 ? "mobile" : "desktop";
+      setEditorViewport((prev) => prev === next ? prev : next);
+    };
+    syncViewport();
+    window.addEventListener("resize", syncViewport);
+    return () => window.removeEventListener("resize", syncViewport);
+  }, []);
   const {
     navDragRef,
     navDropSlots,
@@ -12793,7 +14187,7 @@ function OhhwellsBridge() {
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
   };
-  const runSectionsPrefetch = useCallback6((pages) => {
+  const runSectionsPrefetch = useCallback7((pages) => {
     if (!isEditMode || shouldUseDevFixtures() || pages.length === 0) return;
     const gen = ++sectionsPrefetchGenRef.current;
     const paths = pages.map((p) => p.path);
@@ -12812,9 +14206,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = useRef8(runSectionsPrefetch);
+  const runSectionsPrefetchRef = useRef9(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  useEffect11(() => {
+  useEffect12(() => {
     if (!linkPopover) {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
       return;
@@ -12842,7 +14236,7 @@ function OhhwellsBridge() {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
     };
   }, [linkPopover, postToParent2]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -12866,14 +14260,14 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent2({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent2]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  useEffect11(() => {
+  useEffect12(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
@@ -12897,10 +14291,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = useCallback6(() => {
+  const refreshStateRules = useCallback7(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = useCallback6((insertAfterVal) => {
+  const processConfigRequest = useCallback7((insertAfterVal) => {
     const tracker = getSectionsTracker();
     let entries = [];
     try {
@@ -12923,7 +14317,7 @@ function OhhwellsBridge() {
     }
     window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
   }, [isEditMode]);
-  const deactivate = useCallback6(() => {
+  const deactivate = useCallback7(() => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -12956,17 +14350,19 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     postToParent2({ type: "ow:exit-edit" });
   }, [postToParent2]);
-  const clearSelectedAttr = useCallback6(() => {
+  const clearSelectedAttr = useCallback7(() => {
     document.querySelectorAll("[data-ohw-selected]").forEach((el) => {
       el.removeAttribute("data-ohw-selected");
     });
   }, []);
-  const deselect = useCallback6(() => {
+  const deselect = useCallback7(() => {
     clearSelectedAttr();
     selectedElRef.current = null;
     selectedHrefKeyRef.current = null;
     selectedFooterColAttrRef.current = null;
     setSelectedIsCta(false);
+    setSelectedIsSocial(false);
+    setSelectedIsSocialsRow(false);
     setReorderHrefKey(null);
     setReorderDragDisabled(false);
     setIsFooterFrameSelection(false);
@@ -12978,17 +14374,21 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     hoveredNavContainerRef.current = null;
     setHoveredNavContainerRect(null);
+    hoveredItemElRef.current = null;
+    setHoveredItemRect(null);
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
     if (!activeElRef.current) {
       setNavGroupForceOpen(null, false);
       setToolbarRect(null);
       setToolbarVariant("none");
     }
   }, [clearSelectedAttr]);
-  const markSelected = useCallback6((el) => {
+  const markSelected = useCallback7((el) => {
     clearSelectedAttr();
     el.setAttribute("data-ohw-selected", "");
   }, [clearSelectedAttr]);
-  const resolveHrefKeyElement = useCallback6((hrefKey) => {
+  const resolveHrefKeyElement = useCallback7((hrefKey) => {
     if (isFooterHrefKey(hrefKey)) {
       return document.querySelector(
         `footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`
@@ -13003,7 +14403,7 @@ function OhhwellsBridge() {
       `[data-ohw-href-key="${CSS.escape(hrefKey)}"]`
     );
   }, []);
-  const resyncSelectedNavigationItem = useCallback6(() => {
+  const resyncSelectedNavigationItem = useCallback7(() => {
     const hrefKey = selectedHrefKeyRef.current;
     if (hrefKey) {
       const link = resolveHrefKeyElement(hrefKey);
@@ -13041,12 +14441,14 @@ function OhhwellsBridge() {
       );
     }
   }, [resolveHrefKeyElement]);
-  const reselectNavigationItem = useCallback6((navAnchor) => {
+  const reselectNavigationItem = useCallback7((navAnchor) => {
     selectedElRef.current = navAnchor;
     selectedHrefKeyRef.current = navAnchor.getAttribute("data-ohw-href-key");
     selectedFooterColAttrRef.current = null;
     markSelected(navAnchor);
     setSelectedIsCta(isCtaButton(navAnchor));
+    setSelectedIsSocial(Boolean(getSocialItem(navAnchor)));
+    setSelectedIsSocialsRow(false);
     const isDropdownTrigger = !isNestedNavChild(navAnchor) && (navItemHasDropdownChildren(navAnchor) || navItemOwnsDropdownPanel(navAnchor));
     if (isNestedNavChild(navAnchor)) {
       setNavGroupForceOpen(navAnchor, true);
@@ -13070,7 +14472,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [markSelected]);
-  const commitNavigationTextEdit = useCallback6((navAnchor) => {
+  const commitNavigationTextEdit = useCallback7((navAnchor) => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -13097,7 +14499,7 @@ function OhhwellsBridge() {
     postToParent2({ type: "ow:exit-edit" });
     reselectNavigationItem(navAnchor);
   }, [postToParent2, reselectNavigationItem]);
-  const handleAddTopLevelNavItem = useCallback6(() => {
+  const handleAddTopLevelNavItem = useCallback7(() => {
     const items = listNavbarRootItems();
     addNavAfterAnchorRef.current = items[items.length - 1] ?? null;
     deselectRef.current();
@@ -13109,7 +14511,7 @@ function OhhwellsBridge() {
       intent: "add-nav"
     });
   }, []);
-  const maybeWarnNavLinkDropdownConflict = useCallback6(
+  const maybeWarnNavLinkDropdownConflict = useCallback7(
     (anchor) => {
       if (!isNavbarHrefKey(anchor.getAttribute("data-ohw-href-key"))) return;
       if (!navDropdownsOpenOnClick()) return;
@@ -13122,7 +14524,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const handleNavDropdownOpenChange = useCallback6((open) => {
+  const handleNavDropdownOpenChange = useCallback7((open) => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     setNavGroupForceOpen(selected, open);
@@ -13134,7 +14536,7 @@ function OhhwellsBridge() {
       }
     });
   }, []);
-  const handleFooterHeadingVisibleChange = useCallback6(
+  const handleFooterHeadingVisibleChange = useCallback7(
     (visible) => {
       const selected = selectedElRef.current;
       if (!selected || !isFooterFrameSelectionRef.current) return;
@@ -13158,7 +14560,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const enterEditOnNewItem = useCallback6((anchor) => {
+  const enterEditOnNewItem = useCallback7((anchor) => {
     const label = anchor.querySelector('[data-ohw-editable="text"]');
     if (!label) {
       selectRef.current(anchor);
@@ -13167,9 +14569,31 @@ function OhhwellsBridge() {
     setNavGroupForceOpen(anchor, true);
     activateRef.current(label);
   }, []);
-  const handleAddChildItem = useCallback6(() => {
+  const handleAddChildItem = useCallback7(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
+    const socialsRow = isSocialsRow(selected) ? selected : findSocialsRow(selected);
+    if (socialsRow) {
+      const after = getSocialItem(selected);
+      const result2 = insertSocialItem(socialsRow, after, editContentRef.current);
+      if (!result2) return;
+      const orderJson = JSON.stringify(result2.order);
+      applySocialsDisplayToRow(socialsRow, socialsDisplayFor(socialsRow, editContentRef.current));
+      editContentRef.current = { ...editContentRef.current, [SOCIALS_ORDER_KEY]: orderJson };
+      postToParent2({ type: "ow:change", nodes: [{ key: SOCIALS_ORDER_KEY, text: orderJson }] });
+      postToParentRef.current({
+        type: "ow:social-pick",
+        hrefKey: result2.hrefKey,
+        iconKey: result2.iconKey,
+        url: "",
+        iconStyle: detectIconStyle(result2.item),
+        platformId: "",
+        // Lets the editor undo the insert if the dialog is dismissed: an item that was never given
+        // an address should not survive a Cancel.
+        isNew: true
+      });
+      return;
+    }
     if (toolbarVariantRef.current === "select-frame" && isFooterFrameSelection) {
       if (!selected.hasAttribute("data-ohw-footer-col") && !selected.closest("[data-ohw-footer-col]")) {
       }
@@ -13243,7 +14667,7 @@ function OhhwellsBridge() {
       enterEditOnNewItem(result.anchor);
     });
   }, [enterEditOnNewItem, isFooterFrameSelection, maybeWarnNavLinkDropdownConflict, postToParent2]);
-  const handleAddFooterColumn = useCallback6(() => {
+  const handleAddFooterColumn = useCallback7(() => {
     if (!canAddFooterColumn()) {
       postToParent2({
         type: "ow:toast",
@@ -13264,7 +14688,7 @@ function OhhwellsBridge() {
       selectRef.current(result.firstLink);
     });
   }, [postToParent2]);
-  const clearFooterDragVisuals = useCallback6(() => {
+  const clearFooterDragVisuals = useCallback7(() => {
     footerDragRef.current = null;
     setSiblingHintRects([]);
     setFooterDropSlots([]);
@@ -13273,7 +14697,7 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     unlockFooterDragInteraction();
   }, []);
-  const refreshFooterDragVisuals = useCallback6((session, activeSlot, clientX, clientY) => {
+  const refreshFooterDragVisuals = useCallback7((session, activeSlot, clientX, clientY) => {
     const dragged = session.draggedEl;
     setDraggedItemRect(dragged.getBoundingClientRect());
     if (typeof clientX === "number" && typeof clientY === "number") {
@@ -13282,6 +14706,13 @@ function OhhwellsBridge() {
     }
     session.activeSlot = activeSlot;
     setSiblingHintRects([]);
+    if (session.kind === "social") {
+      const slots2 = session.hrefKey ? buildSocialDropSlotsForKey(session.hrefKey) : [];
+      setFooterDropSlots(slots2);
+      const activeIdx2 = activeSlot ? slots2.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
+      setActiveFooterDropIndex(activeIdx2 >= 0 ? activeIdx2 : null);
+      return;
+    }
     if (session.kind === "link") {
       const columns = listFooterColumns();
       const slots2 = [];
@@ -13298,13 +14729,13 @@ function OhhwellsBridge() {
     const activeIdx = activeSlot ? slots.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
     setActiveFooterDropIndex(activeIdx >= 0 ? activeIdx : null);
   }, []);
-  const refreshFooterDragVisualsRef = useRef8(refreshFooterDragVisuals);
+  const refreshFooterDragVisualsRef = useRef9(refreshFooterDragVisuals);
   refreshFooterDragVisualsRef.current = refreshFooterDragVisuals;
-  const commitFooterDragRef = useRef8(() => {
+  const commitFooterDragRef = useRef9(() => {
   });
-  const beginFooterDragRef = useRef8(() => {
+  const beginFooterDragRef = useRef9(() => {
   });
-  const beginFooterDrag = useCallback6(
+  const beginFooterDrag = useCallback7(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -13318,13 +14749,13 @@ function OhhwellsBridge() {
       if (session.wasSelected && selectedElRef.current === session.draggedEl) {
         setToolbarRect(rect);
       }
-      const initialSlot = session.kind === "link" && session.hrefKey ? hitTestLinkDropSlot(session.lastClientX, session.lastClientY, session.hrefKey) : hitTestColumnDropSlot(session.lastClientX, session.lastClientY);
+      const initialSlot = session.kind === "social" && session.hrefKey ? hitTestSocialDropSlot(session.lastClientX, session.lastClientY, session.hrefKey) : session.kind === "link" && session.hrefKey ? hitTestLinkDropSlot(session.lastClientX, session.lastClientY, session.hrefKey) : hitTestColumnDropSlot(session.lastClientX, session.lastClientY);
       refreshFooterDragVisuals(session, initialSlot, session.lastClientX, session.lastClientY);
     },
     [refreshFooterDragVisuals]
   );
   beginFooterDragRef.current = beginFooterDrag;
-  const commitFooterDrag = useCallback6(
+  const commitFooterDrag = useCallback7(
     (clientX, clientY) => {
       const session = footerDragRef.current;
       if (!session) {
@@ -13334,8 +14765,11 @@ function OhhwellsBridge() {
       const x = typeof clientX === "number" && (clientX !== 0 || clientY !== 0) ? clientX : session.lastClientX;
       const y = typeof clientY === "number" && (clientX !== 0 || clientY !== 0) ? clientY : session.lastClientY;
       let nextOrder = null;
-      const slot = session.activeSlot ?? (session.kind === "link" && session.hrefKey ? hitTestLinkDropSlot(x, y, session.hrefKey) : session.kind === "column" ? hitTestColumnDropSlot(x, y) : null);
-      if (session.kind === "link" && session.hrefKey && slot) {
+      let nextSocialsOrder = null;
+      const slot = session.activeSlot ?? (session.kind === "social" && session.hrefKey ? hitTestSocialDropSlot(x, y, session.hrefKey) : session.kind === "link" && session.hrefKey ? hitTestLinkDropSlot(x, y, session.hrefKey) : session.kind === "column" ? hitTestColumnDropSlot(x, y) : null);
+      if (session.kind === "social" && session.hrefKey && slot) {
+        nextSocialsOrder = planSocialMove(session.hrefKey, slot.insertIndex);
+      } else if (session.kind === "link" && session.hrefKey && slot) {
         nextOrder = planFooterLinkMove(session.hrefKey, slot.columnIndex, slot.insertIndex);
       } else if (session.kind === "column" && slot) {
         nextOrder = planFooterColumnMove(session.sourceColumnIndex, slot.insertIndex);
@@ -13393,6 +14827,27 @@ function OhhwellsBridge() {
         }
         deselectRef.current();
       };
+      if (nextSocialsOrder) {
+        const orderJson = JSON.stringify(nextSocialsOrder);
+        editContentRef.current = { ...editContentRef.current, [SOCIALS_ORDER_KEY]: orderJson };
+        applySocialsOrder(nextSocialsOrder);
+        postToParentRef.current({
+          type: "ow:change",
+          nodes: [{ key: SOCIALS_ORDER_KEY, text: orderJson }]
+        });
+        applySelectionAfterDrop();
+        clearFooterDragVisuals();
+        const reapply = nextSocialsOrder;
+        requestAnimationFrame(() => {
+          if (editContentRef.current[SOCIALS_ORDER_KEY] === orderJson) applySocialsOrder(reapply);
+          applySelectionAfterDrop();
+          requestAnimationFrame(() => {
+            if (editContentRef.current[SOCIALS_ORDER_KEY] === orderJson) applySocialsOrder(reapply);
+            resyncSelectedNavigationItem();
+          });
+        });
+        return;
+      }
       if (nextOrder) {
         const orderJson = JSON.stringify(nextOrder);
         editContentRef.current = {
@@ -13428,10 +14883,25 @@ function OhhwellsBridge() {
     [clearFooterDragVisuals, resolveHrefKeyElement, resyncSelectedNavigationItem]
   );
   commitFooterDragRef.current = commitFooterDrag;
-  const startFooterLinkDrag = useCallback6(
+  const startFooterLinkDrag = useCallback7(
     (anchor, clientX, clientY, wasSelected) => {
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
-      if (!hrefKey || !isFooterHrefKey(hrefKey)) return false;
+      if (!hrefKey) return false;
+      if (getSocialItem(anchor)) {
+        beginFooterDrag({
+          kind: "social",
+          hrefKey,
+          columnEl: null,
+          sourceColumnIndex: 0,
+          wasSelected,
+          draggedEl: anchor,
+          lastClientX: clientX,
+          lastClientY: clientY,
+          activeSlot: null
+        });
+        return true;
+      }
+      if (!isFooterHrefKey(hrefKey)) return false;
       const column = findFooterColumnForLink(anchor);
       const columns = listFooterColumns();
       beginFooterDrag({
@@ -13449,7 +14919,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const startFooterColumnDrag = useCallback6(
+  const startFooterColumnDrag = useCallback7(
     (columnEl, clientX, clientY, wasSelected) => {
       const columns = listFooterColumns();
       const idx = columns.indexOf(columnEl);
@@ -13469,7 +14939,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const handleItemDragStart = useCallback6(
+  const handleItemDragStart = useCallback7(
     (e) => {
       const selected = selectedElRef.current;
       if (!selected) {
@@ -13489,7 +14959,7 @@ function OhhwellsBridge() {
     },
     [startFooterColumnDrag, startFooterLinkDrag, startNavLinkDrag]
   );
-  const handleItemDragEnd = useCallback6(
+  const handleItemDragEnd = useCallback7(
     (e) => {
       if (footerDragRef.current) {
         const x = e?.clientX;
@@ -13515,7 +14985,7 @@ function OhhwellsBridge() {
     },
     [commitFooterDrag, commitNavDrag, navDragRef]
   );
-  const handleItemChromePointerDown = useCallback6((e) => {
+  const handleItemChromePointerDown = useCallback7((e) => {
     if (e.button !== 0) return;
     const selected = selectedElRef.current;
     if (!selected) return;
@@ -13546,7 +15016,7 @@ function OhhwellsBridge() {
     }
     if (armNavPressFromChrome(selected, e.clientX, e.clientY, e.pointerId)) return;
   }, [armNavPressFromChrome]);
-  const handleItemChromeClick = useCallback6((clientX, clientY) => {
+  const handleItemChromeClick = useCallback7((clientX, clientY) => {
     if (suppressNextClickRef.current || Date.now() < suppressClickUntilRef.current) {
       suppressNextClickRef.current = false;
       return;
@@ -13559,7 +15029,7 @@ function OhhwellsBridge() {
   }, []);
   reselectNavigationItemRef.current = reselectNavigationItem;
   commitNavigationTextEditRef.current = commitNavigationTextEdit;
-  const select = useCallback6((anchor) => {
+  const select = useCallback7((anchor) => {
     if (!isNavigationItem2(anchor)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(anchor);
@@ -13568,6 +15038,8 @@ function OhhwellsBridge() {
     selectedFooterColAttrRef.current = null;
     markSelected(anchor);
     setSelectedIsCta(isCtaButton(anchor));
+    setSelectedIsSocial(Boolean(getSocialItem(anchor)));
+    setSelectedIsSocialsRow(false);
     clearHrefKeyHover(anchor);
     const isDropdownTrigger = !isNestedNavChild(anchor) && (navItemHasDropdownChildren(anchor) || navItemOwnsDropdownPanel(anchor));
     if (isNestedNavChild(anchor)) {
@@ -13597,8 +15069,10 @@ function OhhwellsBridge() {
     setToolbarRect(anchor.getBoundingClientRect());
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
   }, [deactivate, markSelected]);
-  const selectFrame = useCallback6((el) => {
+  const selectFrame = useCallback7((el) => {
     if (!isNavigationContainer(el)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(el);
@@ -13608,6 +15082,8 @@ function OhhwellsBridge() {
     selectedFooterColAttrRef.current = isFooterColumn ? el.getAttribute("data-ohw-footer-col") ?? String(listFooterColumns().indexOf(el)) : null;
     markSelected(el);
     setSelectedIsCta(false);
+    setSelectedIsSocial(false);
+    setSelectedIsSocialsRow(isSocialsRow(el));
     clearHrefKeyHover(el);
     setNavGroupForceOpen(null, false);
     hoveredNavContainerRef.current = null;
@@ -13644,14 +15120,145 @@ function OhhwellsBridge() {
     setToolbarRect(el.getBoundingClientRect());
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
   }, [deactivate, markSelected, postToParent2]);
-  const activate = useCallback6((el, options) => {
+  const selectLogo = useCallback7(
+    (logoEl) => {
+      if (activeElRef.current) deactivate();
+      selectedElRef.current = logoEl;
+      selectedHrefKeyRef.current = null;
+      selectedFooterColAttrRef.current = null;
+      markSelected(logoEl);
+      setSelectedIsCta(false);
+      setSelectedIsSocial(false);
+      setSelectedIsSocialsRow(false);
+      setSelectedIsSocialsRow(false);
+      clearHrefKeyHover(logoEl);
+      hoveredNavContainerRef.current = null;
+      setHoveredNavContainerRect(null);
+      setHoveredItemRect(null);
+      hoveredItemElRef.current = null;
+      siblingHintElRef.current = null;
+      setSiblingHintRect(null);
+      setSiblingHintRects([]);
+      setIsItemDragging(false);
+      setReorderHrefKey(null);
+      setReorderDragDisabled(false);
+      setIsFooterFrameSelection(false);
+      setToolbarVariant("logo");
+      setToolbarRect(getLogoInteractionRect(logoEl));
+      setToolbarShowEditLink(false);
+      setActiveCommands(/* @__PURE__ */ new Set());
+    },
+    [deactivate, markSelected]
+  );
+  const openLogoSizePanel = useCallback7((logoEl) => {
+    const placement = getLogoPlacement(logoEl);
+    const draft = readLogoSizeState(editContentRef.current, placement);
+    setLogoSizeDraft(draft);
+    setParentScrollSnap(parentScrollRef.current);
+    setFloatingPanel({
+      key: `logo-size:${placement}`,
+      title: "Logo",
+      context: placement === "navbar" ? "Navbar" : "Footer",
+      kind: "logo-size",
+      placement
+    });
+  }, []);
+  const openSocialsDisplayPanel = useCallback7((row) => {
+    setParentScrollSnap(parentScrollRef.current);
+    setFloatingPanel({
+      key: "socials-display",
+      title: "Style",
+      context: "Socials \xB7 Footer",
+      kind: "socials-display",
+      row
+    });
+  }, []);
+  const changeSocialsDisplay = useCallback7(
+    (row, next) => {
+      if (next.icon) {
+        const missing = socialsMissingIcons(row);
+        listSocialItems(row).forEach((item) => ensureIconSlot(item));
+        if (missing.length) {
+          postToParentRef.current({ type: "ow:social-icons-needed", items: missing });
+        }
+      }
+      applySocialsDisplayToRow(row, next);
+      requestAnimationFrame(() => {
+        if (selectedElRef.current === row && row.isConnected) setToolbarRect(row.getBoundingClientRect());
+      });
+      const displayJson = JSON.stringify(socialsDisplayWith(row, next, editContentRef.current));
+      editContentRef.current = { ...editContentRef.current, [SOCIALS_DISPLAY_KEY]: displayJson };
+      postToParentRef.current({
+        type: "ow:change",
+        nodes: [{ key: SOCIALS_DISPLAY_KEY, text: displayJson }],
+        flush: true
+      });
+    },
+    []
+  );
+  const closeFloatingPanelOnly = useCallback7(() => {
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
+  }, []);
+  const closeFloatingPanelAndDeselect = useCallback7(() => {
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
+    deselectRef.current();
+  }, []);
+  const persistLogoSizeDraft = useCallback7(
+    (placement, draft) => {
+      const desktopKey = LOGO_SIZE_DESKTOP_KEYS[placement];
+      const mobileKey = LOGO_SIZE_MOBILE_KEYS[placement];
+      const nodes = [
+        { key: desktopKey, text: String(draft.desktopPx) }
+      ];
+      if (draft.mobileFollowing) {
+        nodes.push({ key: mobileKey, text: "" });
+      } else {
+        nodes.push({ key: mobileKey, text: String(draft.mobilePx) });
+      }
+      editContentRef.current = {
+        ...editContentRef.current,
+        [desktopKey]: String(draft.desktopPx),
+        [mobileKey]: draft.mobileFollowing ? "" : String(draft.mobilePx)
+      };
+      applyLogoSizeToPlacement(
+        placement,
+        draft.desktopPx,
+        draft.mobileFollowing ? draft.desktopPx : draft.mobilePx,
+        draft.mobileFollowing
+      );
+      postToParent2({ type: "ow:change", nodes });
+      requestAnimationFrame(() => {
+        const selected = selectedElRef.current;
+        if (!selected || toolbarVariantRef.current !== "logo") return;
+        const rect = getLogoInteractionRect(selected);
+        setToolbarRect(rect);
+        if (glowElRef.current) {
+          const GAP = SELECTION_CHROME_GAP2;
+          glowElRef.current.style.top = `${rect.top - GAP}px`;
+          glowElRef.current.style.left = `${rect.left - GAP}px`;
+          glowElRef.current.style.width = `${rect.width + GAP * 2}px`;
+          glowElRef.current.style.height = `${rect.height + GAP * 2}px`;
+        }
+      });
+    },
+    [postToParent2]
+  );
+  const activate = useCallback7((el, options) => {
     if (activeElRef.current === el) return;
+    if (isIconEditable(el)) return;
+    if (el.hasAttribute("data-ohw-social-label")) return;
     clearSelectedAttr();
     selectedElRef.current = null;
     selectedHrefKeyRef.current = null;
     selectedFooterColAttrRef.current = null;
     setSelectedIsCta(false);
+    setSelectedIsSocial(false);
+    setSelectedIsSocialsRow(false);
     deactivate();
     if (hoveredImageRef.current) {
       hoveredImageRef.current = null;
@@ -13721,8 +15328,38 @@ function OhhwellsBridge() {
   deactivateRef.current = deactivate;
   selectRef.current = select;
   selectFrameRef.current = selectFrame;
+  selectLogoRef.current = selectLogo;
+  openLogoSizePanelRef.current = openLogoSizePanel;
   deselectRef.current = deselect;
-  useLayoutEffect3(() => {
+  closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
+  const lastSiteWideScopeRef = useRef9(null);
+  useEffect12(() => {
+    if (!isEditMode) {
+      if (lastSiteWideScopeRef.current !== false) {
+        lastSiteWideScopeRef.current = false;
+        postToParent2({ type: "ow:site-wide-scope", active: false });
+      }
+      return;
+    }
+    const active = isSiteWideScopeActive({
+      selected: selectedElRef.current,
+      hoveredItem: hoveredItemElRef.current,
+      hoveredNavContainer: hoveredNavContainerRef.current,
+      active: activeElRef.current
+    });
+    if (lastSiteWideScopeRef.current === active) return;
+    lastSiteWideScopeRef.current = active;
+    postToParent2({ type: "ow:site-wide-scope", active });
+  }, [
+    isEditMode,
+    hoveredItemRect,
+    hoveredNavContainerRect,
+    toolbarVariant,
+    toolbarRect,
+    isFooterFrameSelection,
+    postToParent2
+  ]);
+  useLayoutEffect4(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -13733,9 +15370,18 @@ function OhhwellsBridge() {
         aiSectionsRef.current = content[AI_SECTIONS_KEY];
         applyAiSectionsToDom(parseAiSectionsState(content[AI_SECTIONS_KEY]));
       }
+      if (typeof content[BRAND_KIT_KEY] === "string") {
+        brandKitRef.current = content[BRAND_KIT_KEY];
+        applyBrandToDom(parseBrandKit(content[BRAND_KIT_KEY]));
+      }
+      applyBrandChrome(content);
       for (const [key, val] of Object.entries(content)) {
         if (key === "__ohw_sections") continue;
         if (key === AI_SECTIONS_KEY) continue;
+        if (key === LOGO_PLACEHOLDER_KEY) continue;
+        if (LOGO_IMAGE_KEYS.includes(key)) continue;
+        if (key === BRAND_KIT_KEY) continue;
+        if (BRAND_CHROME_KEYS.has(key)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -13762,14 +15408,20 @@ function OhhwellsBridge() {
             }
           } else if (el.dataset.ohwEditable === "link") {
             applyLinkHref(el, val);
+          } else if (el.dataset.ohwEditable === "icon") {
+            applyIconMarkup(el, val);
           } else if (el.innerHTML !== val) {
             el.innerHTML = val;
           }
         });
         applyLinkByKey(key, val);
       }
+      applyLogoFromContent(content);
+      applyLogoSizes(content);
       reconcileNavbarItemsFromContent(content);
       reconcileFooterOrderFromContent(content);
+      reconcileSocialsFromContent(content);
+      applySocialsDisplayFromContent(content);
       enforceLinkHrefs();
       initSectionsFromContent(content, true);
       sectionsLoadedRef.current = true;
@@ -13785,7 +15437,9 @@ function OhhwellsBridge() {
     let cancelled = false;
     setFetchState("loading");
     const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
-    fetch(`${apiUrl}/api/public/sites/${subdomain}/content`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
+    const initialPath = pathname;
+    fetchedContentPaths.add(`${subdomain}::${initialPath}`);
+    fetch(`${apiUrl}/api/public/sites/${subdomain}/content?path=${encodeURIComponent(initialPath)}`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
       if (cancelled) return;
       const content = data?.content ?? {};
       contentCache.set(subdomain, content);
@@ -13798,7 +15452,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     let observer = null;
@@ -13808,8 +15462,16 @@ function OhhwellsBridge() {
       retryMissingSchedulingMounts(getPageSchedulingEntries(content["__ohw_sections"]), false);
       observer?.disconnect();
       try {
+        applyBrandChrome(content);
+        if (typeof content[BRAND_KIT_KEY] === "string") {
+          applyBrandToDom(parseBrandKit(content[BRAND_KIT_KEY]));
+        }
         for (const [key, val] of Object.entries(content)) {
           if (key === "__ohw_sections") continue;
+          if (key === LOGO_PLACEHOLDER_KEY) continue;
+          if (LOGO_IMAGE_KEYS.includes(key)) continue;
+          if (key === BRAND_KIT_KEY) continue;
+          if (BRAND_CHROME_KEYS.has(key)) continue;
           if (applyVideoSettingNode(key, val)) continue;
           if (applyCarouselNode(key, val)) continue;
           document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -13830,8 +15492,11 @@ function OhhwellsBridge() {
           });
           applyLinkByKey(key, val);
         }
+        applyLogoFromContent(content);
         reconcileNavbarItemsFromContent(content);
         reconcileFooterOrderFromContent(content);
+        reconcileSocialsFromContent(content);
+        applySocialsDisplayFromContent(content);
       } finally {
         observer?.observe(document.body, { childList: true, subtree: true });
       }
@@ -13842,6 +15507,17 @@ function OhhwellsBridge() {
       debounceTimer = setTimeout(applyFromCache, 150);
     };
     applyFromCache();
+    const pathCacheKey = `${subdomain}::${pathname}`;
+    if (!fetchedContentPaths.has(pathCacheKey)) {
+      fetchedContentPaths.add(pathCacheKey);
+      const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
+      fetch(`${apiUrl}/api/public/sites/${subdomain}/content?path=${encodeURIComponent(pathname)}`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
+        if (!data?.content) return;
+        contentCache.set(subdomain, data.content);
+        applyFromCache();
+      }).catch(() => {
+      });
+    }
     observer = new MutationObserver(scheduleApply);
     observer.observe(document.body, { childList: true, subtree: true });
     return () => {
@@ -13849,16 +15525,16 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     const el = document.getElementById("ohw-loader");
     if (!el) return;
     const visible = Boolean(subdomain) && fetchState !== "done";
     el.style.display = visible ? "flex" : "none";
   }, [subdomain, fetchState]);
-  useEffect11(() => {
+  useEffect12(() => {
     postToParent2({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent2]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     if (linkPopoverSessionRef.current?.intent === "add-nav") return;
     if (document.querySelector("[data-ohw-section-picker]")) return;
@@ -13866,7 +15542,7 @@ function OhhwellsBridge() {
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  useEffect11(() => {
+  useEffect12(() => {
     const contentForNav = () => {
       if (isEditMode) return editContentRef.current;
       if (!subdomain) return {};
@@ -13898,6 +15574,8 @@ function OhhwellsBridge() {
         const content = contentForNav();
         reconcileNavbarItemsFromContent(content);
         reconcileFooterOrderFromContent(content);
+        reconcileSocialsFromContent(content);
+        applySocialsDisplayFromContent(content);
         document.querySelectorAll("footer [data-ohw-href-key]").forEach((el) => {
           if (isFooterHrefKey(el.getAttribute("data-ohw-href-key"))) {
             disableNativeHrefDrag(el);
@@ -13931,31 +15609,36 @@ function OhhwellsBridge() {
       observer?.disconnect();
     };
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
+    let lastPosted = 0;
     const measure = () => {
       const h = document.body.scrollHeight;
-      if (h > 50) postToParent2({ type: "ow:height", height: h });
+      if (h > 50 && Math.abs(h - lastPosted) > 1) {
+        lastPosted = h;
+        postToParent2({ type: "ow:height", height: h });
+      }
+    };
+    let raf = null;
+    const schedule = () => {
+      if (raf != null) return;
+      raf = requestAnimationFrame(() => {
+        raf = null;
+        measure();
+      });
     };
     const t1 = setTimeout(measure, 50);
     const t2 = setTimeout(measure, 500);
-    let lastWidth = window.innerWidth;
-    let resizeTimer = null;
-    const handleResize = () => {
-      if (window.innerWidth === lastWidth) return;
-      lastWidth = window.innerWidth;
-      if (resizeTimer) clearTimeout(resizeTimer);
-      resizeTimer = setTimeout(measure, 150);
-    };
-    window.addEventListener("resize", handleResize);
+    const ro = new ResizeObserver(schedule);
+    ro.observe(document.body);
     return () => {
       clearTimeout(t1);
       clearTimeout(t2);
-      if (resizeTimer) clearTimeout(resizeTimer);
-      window.removeEventListener("resize", handleResize);
+      if (raf != null) cancelAnimationFrame(raf);
+      ro.disconnect();
     };
   }, [pathname, isEditMode, postToParent2]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!subdomainFromQuery || isEditMode) return;
     const handleClick = (e) => {
       const anchor = e.target.closest("a");
@@ -13971,7 +15654,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [subdomainFromQuery, isEditMode, router]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -14100,6 +15783,7 @@ function OhhwellsBridge() {
       if (target.closest("[data-ohw-state-toggle]")) return;
       if (target.closest("[data-ohw-max-badge]")) return;
       if (isInsideLinkEditor(target)) return;
+      if (isInsideFloatingPanel(target)) return;
       if (target.closest('[data-ohw-edit-chrome], [data-ohw-item-interaction], [data-ohw-drag-handle-container], [data-slot="drag-handle"]')) {
         const beneath = document.elementsFromPoint(e.clientX, e.clientY).find(
           (el) => el instanceof HTMLElement && !el.closest("[data-ohw-bridge-root]") && el.closest("[data-ohw-section]") != null
@@ -14163,6 +15847,21 @@ function OhhwellsBridge() {
           return;
         }
       }
+      const logoEl = getLogoElement(target);
+      if (logoEl) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!logoHasUploadedImage(logoEl)) {
+          deselectRef.current();
+          deactivateRef.current();
+          const identity = readLogoIdentityFromDom();
+          postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
+          return;
+        }
+        selectLogoRef.current(logoEl);
+        openLogoSizePanelRef.current(logoEl);
+        return;
+      }
       const editable = target.closest("[data-ohw-editable]");
       if (editable) {
         if (editable.dataset.ohwEditable === "link") {
@@ -14179,6 +15878,17 @@ function OhhwellsBridge() {
           });
           return;
         }
+        if (isIconEditable(editable) && !getSocialItem(editable)) {
+          e.preventDefault();
+          e.stopPropagation();
+          aiSectionApiRef.current?.selectFromElement(editable);
+          postToParentRef.current({
+            type: "ow:icon-pick",
+            key: editable.dataset.ohwKey ?? "",
+            current: currentIconRef(editable)
+          });
+          return;
+        }
         if (isMediaEditable(editable)) {
           e.preventDefault();
           e.stopPropagation();
@@ -14193,6 +15903,7 @@ function OhhwellsBridge() {
           e.stopPropagation();
           if (selectedElRef.current === navAnchor) {
             if (e.detail >= 2) return;
+            if (requestSocialDialog(navAnchor, postToParentRef.current, editContentRef.current)) return;
             activateRef.current(editable, { caretX: e.clientX, caretY: e.clientY });
             return;
           }
@@ -14209,6 +15920,7 @@ function OhhwellsBridge() {
         e.preventDefault();
         e.stopPropagation();
         if (selectedElRef.current === hrefAnchor) {
+          if (requestSocialDialog(hrefAnchor, postToParentRef.current, editContentRef.current)) return;
           const textEditable = hrefAnchor.querySelector('[data-ohw-editable="text"]') ?? hrefAnchor.querySelector("[data-ohw-editable]");
           if (textEditable) {
             activateRef.current(textEditable, {
@@ -14247,6 +15959,13 @@ function OhhwellsBridge() {
         selectFrameRef.current(navContainerToSelect);
         return;
       }
+      const socialsRowToSelect = isSocialsRow(target) ? target : null;
+      if (socialsRowToSelect && !getSocialItem(target)) {
+        e.preventDefault();
+        e.stopPropagation();
+        selectFrameRef.current(socialsRowToSelect);
+        return;
+      }
       const footerColumnToSelect = resolveFooterColumnSelectionTarget(target, e.clientX, e.clientY);
       if (footerColumnToSelect) {
         e.preventDefault();
@@ -14295,9 +16014,11 @@ function OhhwellsBridge() {
       if (target.closest("[data-ohw-state-toggle]")) return;
       if (target.closest("[data-ohw-max-badge]")) return;
       if (isInsideLinkEditor(target)) return;
+      if (isInsideFloatingPanel(target)) return;
       if (target.closest('[data-ohw-edit-chrome], [data-ohw-item-interaction], [data-ohw-drag-handle-container], [data-slot="drag-handle"]')) {
         return;
       }
+      if (getSocialItem(target)) return;
       const navLabel = getNavigationLabelEditable(target);
       const editable = navLabel?.editable ?? target.closest('[data-ohw-editable="text"], [data-ohw-editable="plain"]');
       if (!editable || isMediaEditable(editable) || editable.dataset.ohwEditable === "link") return;
@@ -14321,6 +16042,16 @@ function OhhwellsBridge() {
         setHoveredNavContainerRect(null);
         return;
       }
+      if (isInsideFloatingPanel(target) || isPointOverFloatingPanel(e.clientX, e.clientY)) {
+        hoveredItemElRef.current = null;
+        setHoveredItemRect(null);
+        hoveredNavContainerRef.current = null;
+        setHoveredNavContainerRect(null);
+        siblingHintElRef.current = null;
+        setSiblingHintRect(null);
+        setSiblingHintRects([]);
+        return;
+      }
       {
         const selected2 = selectedElRef.current;
         const selectedIsFooterColumn = Boolean(selected2) && !isFooterLinksContainer(selected2) && (selected2.hasAttribute("data-ohw-footer-col") || selected2.hasAttribute("data-ohw-footer-column") || Boolean(selected2.closest("footer") && isInferredFooterGroup2(selected2)));
@@ -14328,7 +16059,7 @@ function OhhwellsBridge() {
         const allowFooterLinksHover = toolbarVariantRef.current !== "select-frame" || selectedIsFooterColumn;
         if (allowNavContainerHover) {
           const navContainer = target.closest("[data-ohw-nav-container]");
-          if (navContainer && !getNavigationItemAnchor(target)) {
+          if (navContainer && !getNavigationItemAnchor(target) && !getLogoElement(target)) {
             hoveredNavContainerRef.current = navContainer;
             setHoveredNavContainerRect(navContainer.getBoundingClientRect());
             hoveredItemElRef.current = null;
@@ -14357,6 +16088,15 @@ function OhhwellsBridge() {
           setHoveredNavContainerRect(null);
         }
       }
+      const logoEl = getLogoElement(target);
+      if (logoEl) {
+        hoveredNavContainerRef.current = null;
+        setHoveredNavContainerRect(null);
+        if (selectedElRef.current === logoEl) return;
+        hoveredItemElRef.current = logoEl;
+        setHoveredItemRect(getLogoInteractionRect(logoEl));
+        return;
+      }
       const navAnchor = getNavigationItemAnchor(target);
       if (navAnchor) {
         hoveredNavContainerRef.current = null;
@@ -14382,6 +16122,11 @@ function OhhwellsBridge() {
       const selected = selectedElRef.current;
       if (selected && (selected === editable || selected.contains(editable))) return;
       if (!isMediaEditable(editable) && !editable.hasAttribute("contenteditable")) {
+        if (isIconEditable(editable) && !getSocialItem(editable)) {
+          hoveredItemElRef.current = editable;
+          setHoveredItemRect(editable.getBoundingClientRect());
+          return;
+        }
         const hoverTarget = editable.closest("[data-ohw-href-key]") ?? editable;
         if (hoverTarget.hasAttribute("data-ohw-href-key")) {
           clearHrefKeyHover(hoverTarget);
@@ -14389,6 +16134,12 @@ function OhhwellsBridge() {
           setHoveredItemRect(hoverTarget.getBoundingClientRect());
         } else if (!isInsideNavigationItem(editable)) {
           hoverTarget.setAttribute("data-ohw-hovered", "");
+          if (editable.closest("footer") || editable.closest('[data-ohw-section="footer"]')) {
+            hoveredNavContainerRef.current = null;
+            setHoveredNavContainerRect(null);
+            hoveredItemElRef.current = editable;
+            setHoveredItemRect(editable.getBoundingClientRect());
+          }
         }
       }
     };
@@ -14424,11 +16175,30 @@ function OhhwellsBridge() {
         }
         return;
       }
+      const logoEl = getLogoElement(target);
+      if (logoEl) {
+        const related2 = e.relatedTarget instanceof Element ? e.relatedTarget : null;
+        if (related2 && (logoEl === related2 || logoEl.contains(related2) || related2.closest?.('[data-ohw-role="logo"], [data-ohw-logo]'))) {
+          return;
+        }
+        if (hoveredItemElRef.current === logoEl) {
+          hoveredItemElRef.current = null;
+          setHoveredItemRect(null);
+        }
+        return;
+      }
       const editable = target.closest("[data-ohw-editable]");
       if (!editable) return;
       const related = e.relatedTarget instanceof Element ? e.relatedTarget : null;
       if (related?.closest("[data-ohw-drag-handle-container], [data-ohw-item-interaction]")) return;
       if (!isMediaEditable(editable)) {
+        if (isIconEditable(editable) && !getSocialItem(editable) && hoveredItemElRef.current === editable) {
+          if (!related?.closest("[data-ohw-item-interaction]")) {
+            hoveredItemElRef.current = null;
+            setHoveredItemRect(null);
+          }
+          return;
+        }
         const hoverTarget = editable.closest("[data-ohw-href-key]") ?? editable;
         if (hoverTarget.hasAttribute("data-ohw-href-key")) {
           if (!related?.closest("[data-ohw-href-key]")) {
@@ -14437,6 +16207,13 @@ function OhhwellsBridge() {
           }
         } else {
           hoverTarget.removeAttribute("data-ohw-hovered");
+          if (hoveredItemElRef.current === editable) {
+            const stillOnEditable = related instanceof Element && related.closest("[data-ohw-editable]") === editable;
+            if (!stillOnEditable) {
+              hoveredItemElRef.current = null;
+              setHoveredItemRect(null);
+            }
+          }
         }
       }
     };
@@ -14553,6 +16330,26 @@ function OhhwellsBridge() {
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
       }
+      const logoCandidates = [
+        ...document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]'),
+        ...document.querySelectorAll("nav a:not([data-ohw-href-key]), [data-ohw-nav-root] a:not([data-ohw-href-key])"),
+        ...document.querySelectorAll("footer img")
+      ];
+      const seenLogos = /* @__PURE__ */ new Set();
+      for (const candidate of logoCandidates) {
+        const logo = getLogoElement(candidate);
+        if (!logo || seenLogos.has(logo)) continue;
+        seenLogos.add(logo);
+        const r2 = logo.getBoundingClientRect();
+        if (x < r2.left || x > r2.right || y < r2.top || y > r2.bottom) continue;
+        hoveredNavContainerRef.current = null;
+        setHoveredNavContainerRect(null);
+        if (selectedElRef.current !== logo) {
+          hoveredItemElRef.current = logo;
+          setHoveredItemRect(getLogoInteractionRect(logo));
+        }
+        return;
+      }
       const navContainers = Array.from(
         document.querySelectorAll("[data-ohw-nav-container]")
       );
@@ -14638,7 +16435,7 @@ function OhhwellsBridge() {
       }
     };
     const probeImageAt = (clientX, clientY, isDragOver = false, fromParentViewport = false) => {
-      if (linkPopoverOpenRef.current) {
+      if (linkPopoverOpenRef.current || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
         if (hoveredImageRef.current) {
           hoveredImageRef.current = null;
           hoveredImageHasTextOverlapRef.current = false;
@@ -14892,7 +16689,7 @@ function OhhwellsBridge() {
       }
     };
     const probeHoverCardsAt = (clientX, clientY, fromParentViewport = false) => {
-      if (linkPopoverOpenRef.current || document.documentElement.hasAttribute("data-ohw-section-picking")) {
+      if (linkPopoverOpenRef.current || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY) || document.documentElement.hasAttribute("data-ohw-section-picking")) {
         if (activeStateElRef.current) {
           activeStateElRef.current.removeAttribute("data-ohw-state-hovered");
           activeStateElRef.current = null;
@@ -14960,6 +16757,19 @@ function OhhwellsBridge() {
     };
     const handleMouseMove = (e) => {
       const { clientX, clientY } = e;
+      if (floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
+        hoveredItemElRef.current = null;
+        setHoveredItemRect(null);
+        hoveredNavContainerRef.current = null;
+        setHoveredNavContainerRect(null);
+        siblingHintElRef.current = null;
+        setSiblingHintRect(null);
+        setSiblingHintRects([]);
+        dismissImageHover();
+        clearImageHover();
+        setSectionGap(null);
+        return;
+      }
       probeSectionGapAt(clientX, clientY);
       probeImageAt(clientX, clientY);
       probeHoverCardsAt(clientX, clientY);
@@ -14968,6 +16778,11 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:pointer-sync") return;
       const { clientX, clientY } = e.data;
       if (typeof clientX !== "number" || typeof clientY !== "number") return;
+      if (floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
+        dismissImageHover();
+        clearImageHover();
+        return;
+      }
       probeSectionGapAt(clientX, clientY);
       probeImageAt(clientX, clientY);
       probeHoverCardsAt(clientX, clientY);
@@ -14977,7 +16792,7 @@ function OhhwellsBridge() {
       if (footerSession) {
         e.preventDefault();
         if (e.dataTransfer) e.dataTransfer.dropEffect = "move";
-        const slot = footerSession.kind === "link" && footerSession.hrefKey ? hitTestLinkDropSlot(e.clientX, e.clientY, footerSession.hrefKey) : hitTestColumnDropSlot(e.clientX, e.clientY);
+        const slot = footerSession.kind === "social" && footerSession.hrefKey ? hitTestSocialDropSlot(e.clientX, e.clientY, footerSession.hrefKey) : footerSession.kind === "link" && footerSession.hrefKey ? hitTestLinkDropSlot(e.clientX, e.clientY, footerSession.hrefKey) : hitTestColumnDropSlot(e.clientX, e.clientY);
         refreshFooterDragVisualsRef.current(footerSession, slot, e.clientX, e.clientY);
         return;
       }
@@ -15029,6 +16844,62 @@ function OhhwellsBridge() {
       resumeAnimTracks();
       clearImageHover();
     };
+    const handleSocialCancel = (e) => {
+      if (e.data?.type !== "ow:social-cancel") return;
+      const { hrefKey } = e.data;
+      const item = hrefKey ? findSocialByHrefKey(hrefKey) : null;
+      if (!item) return;
+      const removed = removeSocialItem(item, editContentRef.current);
+      if (!removed) return;
+      const orderJson = JSON.stringify(removed.order);
+      editContentRef.current = { ...editContentRef.current, [SOCIALS_ORDER_KEY]: orderJson };
+      postToParentRef.current({ type: "ow:change", nodes: [{ key: SOCIALS_ORDER_KEY, text: orderJson }] });
+      deselectRef.current();
+    };
+    const handleSocialUpdate = (e) => {
+      if (e.data?.type !== "ow:social-update") return;
+      const updates = Array.isArray(e.data.items) ? e.data.items : [e.data];
+      const nodes = [];
+      for (const { hrefKey, iconKey, url, iconMarkup, platformId, label } of updates) {
+        if (hrefKey) {
+          document.querySelectorAll(`[data-ohw-href-key="${hrefKey}"]`).forEach((el) => applyLinkHref(el, url));
+          nodes.push({ key: hrefKey, text: url });
+        }
+        if (iconKey && typeof iconMarkup === "string" && iconMarkup) {
+          document.querySelectorAll(`[data-ohw-key="${iconKey}"][data-ohw-editable="icon"]`).forEach((el) => {
+            applyIconMarkup(el, iconMarkup);
+          });
+          nodes.push({ key: iconKey, text: iconMarkup });
+        }
+        if (iconKey && platformId) nodes.push({ key: socialPlatformKey(iconKey), text: platformId });
+        if (iconKey && label) {
+          const labelKey = socialLabelKey(iconKey);
+          document.querySelectorAll(`[data-ohw-key="${labelKey}"]`).forEach((el) => {
+            el.textContent = label;
+          });
+          nodes.push({ key: labelKey, text: label });
+        }
+      }
+      if (!nodes.length) return;
+      editContentRef.current = {
+        ...editContentRef.current,
+        ...Object.fromEntries(nodes.map((node) => [node.key, node.text]))
+      };
+      postToParentRef.current({ type: "ow:change", nodes, flush: true });
+    };
+    const handleIconMarkup = (e) => {
+      if (e.data?.type !== "ow:icon-markup") return;
+      const { key, markup } = e.data;
+      if (!key || typeof markup !== "string") return;
+      const targets = document.querySelectorAll(
+        `[data-ohw-key="${key}"][data-ohw-editable="icon"]`
+      );
+      if (!targets.length) return;
+      targets.forEach((el) => {
+        applyIconMarkup(el, markup);
+      });
+      postToParentRef.current({ type: "ow:change", nodes: [{ key, text: markup }], flush: true });
+    };
     const handleImageUrl = (e) => {
       if (e.data?.type !== "ow:image-url") return;
       const { key, url } = e.data;
@@ -15161,6 +17032,11 @@ function OhhwellsBridge() {
         aiSectionsRef.current = content[AI_SECTIONS_KEY];
         applyAiSectionsToDom(parseAiSectionsState(content[AI_SECTIONS_KEY]));
       }
+      if (typeof content[BRAND_KIT_KEY] === "string") {
+        brandKitRef.current = content[BRAND_KIT_KEY];
+        applyBrandToDom(parseBrandKit(content[BRAND_KIT_KEY]));
+      }
+      applyBrandChrome(content);
       let sectionsJson = null;
       for (const [key, val] of Object.entries(content)) {
         if (key === "__ohw_sections") {
@@ -15168,6 +17044,10 @@ function OhhwellsBridge() {
           continue;
         }
         if (key === AI_SECTIONS_KEY) continue;
+        if (key === LOGO_PLACEHOLDER_KEY) continue;
+        if (LOGO_IMAGE_KEYS.includes(key) && !String(val ?? "").trim()) continue;
+        if (key === BRAND_KIT_KEY) continue;
+        if (BRAND_CHROME_KEYS.has(key)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -15187,6 +17067,8 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      applyLogoFromContent(content);
+      applyLogoSizes(content);
       if (sectionsJson) {
         initSectionsFromContent({ __ohw_sections: sectionsJson }, true);
         sectionsLoadedRef.current = true;
@@ -15201,6 +17083,58 @@ function OhhwellsBridge() {
       if (hydratedHeight > 50) postToParentRef.current({ type: "ow:height", height: hydratedHeight });
       postToParentRef.current({ type: "ow:hydrate-done" });
     };
+    const handleUpdateLogoIdentity = (e) => {
+      if (e.data?.type !== "ow:update-logo-identity") return;
+      const rawText = typeof e.data.text === "string" ? e.data.text : "";
+      const alt = typeof e.data.alt === "string" ? e.data.alt : rawText;
+      const href = typeof e.data.href === "string" ? e.data.href : void 0;
+      const imageProvided = "image" in e.data;
+      const imageUrl = imageProvided && typeof e.data.image === "string" && e.data.image.trim() ? e.data.image.trim() : imageProvided ? null : void 0;
+      let isPlaceholder = e.data.isPlaceholder !== false;
+      if (imageUrl) isPlaceholder = false;
+      else if (imageProvided && imageUrl === null) {
+        isPlaceholder = e.data.isPlaceholder === true || !rawText.trim() || resolveLogoDisplayText(rawText) === PLACEHOLDER_BUSINESS_NAME;
+      }
+      const display = applyLogoIdentity(rawText, isPlaceholder);
+      const displayAlt = resolveLogoDisplayText(alt || display);
+      if (imageUrl !== void 0) {
+        applyLogoImage(imageUrl, displayAlt);
+      } else {
+        for (const key of LOGO_IMAGE_KEYS) {
+          document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
+            const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
+            if (img) img.alt = displayAlt;
+          });
+        }
+      }
+      if (href !== void 0) {
+        applyLogoHref(href);
+        applyLinkByKey("nav-logo-href", href);
+        applyLinkByKey("footer-logo-href", href);
+        applyLinkByKey("logo-href", href);
+      }
+      const nodes = [
+        ...LOGO_TEXT_KEYS.map((key) => ({ key, text: display })),
+        { key: LOGO_PLACEHOLDER_KEY, text: isPlaceholder ? "true" : "false" },
+        { key: LOGO_ALT_KEY, text: displayAlt }
+      ];
+      if (imageUrl !== void 0) {
+        if (imageUrl) {
+          for (const key of LOGO_IMAGE_KEYS) nodes.push({ key, text: imageUrl });
+        } else {
+          for (const key of LOGO_IMAGE_KEYS) nodes.push({ key, text: "" });
+        }
+      }
+      if (href !== void 0) {
+        for (const key of LOGO_HREF_KEYS) nodes.push({ key, text: href.trim() || "/" });
+      }
+      editContentRef.current = {
+        ...editContentRef.current,
+        ...Object.fromEntries(nodes.map(({ key, text }) => [key, text]))
+      };
+      applyLogoSizes(editContentRef.current);
+      postToParentRef.current({ type: "ow:change", nodes });
+    };
     window.addEventListener("message", handleHydrate);
     const postAiSectionsChanged = () => {
       postToParentRef.current({
@@ -15257,6 +17191,17 @@ function OhhwellsBridge() {
       postAiSectionsChanged();
     };
     window.addEventListener("message", handleAiSetSections);
+    const handleAiSetBrand = (e) => {
+      if (e.data?.type !== "ow:ai-set-brand") return;
+      const value = typeof e.data.value === "string" ? e.data.value : "";
+      const previous = brandKitRef.current;
+      brandKitRef.current = value;
+      applyBrandToDom(parseBrandKit(value));
+      if (aiSectionsRef.current) applyAiSectionsToDom(parseAiSectionsState(aiSectionsRef.current));
+      postToParentRef.current({ type: "ow:change", nodes: [{ key: BRAND_KIT_KEY, text: value }] });
+      postToParentRef.current({ type: "ow:ai-brand-applied", previous, value });
+    };
+    window.addEventListener("message", handleAiSetBrand);
     const handleDeactivate = (e) => {
       if (e.data?.type !== "ow:deactivate") return;
       if (Date.now() < linkPopoverGraceUntilRef.current) return;
@@ -15265,6 +17210,12 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
+      if (floatingPanelOpenRef.current) {
+        setFloatingPanelRef.current(null);
+        deselectRef.current();
+        deactivateRef.current();
+        return;
+      }
       deselectRef.current();
       deactivateRef.current();
     };
@@ -15284,6 +17235,10 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
+      if (floatingPanelOpenRef.current) {
+        closeFloatingPanelOnlyRef.current();
+        return;
+      }
       if (activeElRef.current) {
         const hrefCtx = getHrefKeyFromElement(activeElRef.current);
         const navAnchor = hrefCtx ? getNavigationItemAnchor(hrefCtx.anchor) : null;
@@ -15314,6 +17269,10 @@ function OhhwellsBridge() {
         return;
       }
       if (selectedElRef.current) {
+        if (toolbarVariantRef.current === "logo") {
+          deselectRef.current();
+          return;
+        }
         if (toolbarVariantRef.current === "select-frame") {
           const parent2 = getNavigationSelectionParent(selectedElRef.current);
           if (parent2 && isNavigationContainer(parent2) && isFooterLinksContainer(parent2) && !isFooterLinksContainer(selectedElRef.current)) {
@@ -15347,7 +17306,16 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
+      if (e.key === "Escape" && floatingPanelOpenRef.current) {
+        e.preventDefault();
+        closeFloatingPanelOnlyRef.current();
+        return;
+      }
       if (e.key === "Escape" && selectedElRef.current && !activeElRef.current) {
+        if (toolbarVariantRef.current === "logo") {
+          deselectRef.current();
+          return;
+        }
         if (toolbarVariantRef.current === "select-frame") {
           const parent2 = getNavigationSelectionParent(selectedElRef.current);
           if (parent2 && isNavigationContainer(parent2) && isFooterLinksContainer(parent2) && !isFooterLinksContainer(selectedElRef.current)) {
@@ -15425,7 +17393,8 @@ function OhhwellsBridge() {
     const handleScroll = () => {
       const focusEl = activeElRef.current ?? selectedElRef.current;
       if (focusEl) {
-        const r2 = activeElRef.current ? getEditMeasureEl(activeElRef.current).getBoundingClientRect() : focusEl.getBoundingClientRect();
+        const measureEl = activeElRef.current ? getEditMeasureEl(activeElRef.current) : toolbarVariantRef.current === "logo" ? null : focusEl;
+        const r2 = measureEl ? measureEl.getBoundingClientRect() : toolbarVariantRef.current === "logo" ? getLogoInteractionRect(focusEl) : focusEl.getBoundingClientRect();
         applyToolbarPos(r2);
         setToolbarRect(r2);
         setMaxBadge((prev) => prev && activeElRef.current ? { ...prev, rect: r2 } : prev);
@@ -15435,7 +17404,9 @@ function OhhwellsBridge() {
         setToggleState((prev) => prev ? { ...prev, rect } : null);
       }
       if (hoveredItemElRef.current) {
-        setHoveredItemRect(hoveredItemElRef.current.getBoundingClientRect());
+        const hoverEl = hoveredItemElRef.current;
+        const logo = getLogoElement(hoverEl);
+        setHoveredItemRect(logo ? getLogoInteractionRect(logo) : hoverEl.getBoundingClientRect());
       }
       if (hoveredNavContainerRef.current) {
         setHoveredNavContainerRect(hoveredNavContainerRef.current.getBoundingClientRect());
@@ -15455,7 +17426,7 @@ function OhhwellsBridge() {
       }
       if (footerDragRef.current) {
         const session = footerDragRef.current;
-        const slot = session.kind === "link" && session.hrefKey ? hitTestLinkDropSlot(session.lastClientX, session.lastClientY, session.hrefKey) : hitTestColumnDropSlot(session.lastClientX, session.lastClientY);
+        const slot = session.kind === "social" && session.hrefKey ? hitTestSocialDropSlot(session.lastClientX, session.lastClientY, session.hrefKey) : session.kind === "link" && session.hrefKey ? hitTestLinkDropSlot(session.lastClientX, session.lastClientY, session.hrefKey) : hitTestColumnDropSlot(session.lastClientX, session.lastClientY);
         refreshFooterDragVisualsRef.current(session, slot, session.lastClientX, session.lastClientY);
       }
       if (navDragRef.current) {
@@ -15479,6 +17450,9 @@ function OhhwellsBridge() {
       if (aiSectionsRef.current) {
         nodes.push({ key: AI_SECTIONS_KEY, type: "sections", text: aiSectionsRef.current });
       }
+      if (brandKitRef.current) {
+        nodes.push({ key: BRAND_KIT_KEY, type: "brand", text: brandKitRef.current });
+      }
       postToParentRef.current({ type: "ow:save-result", nodes });
     };
     const handleInsertSection = (e) => {
@@ -15489,8 +17463,12 @@ function OhhwellsBridge() {
       if (inserted) {
         const tracker = getSectionsTracker();
         postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text: tracker.textContent ?? "[]" }] });
-        const h = document.documentElement.scrollHeight;
-        if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
+        const reportHeight = () => {
+          const h = document.body.scrollHeight;
+          if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
+        };
+        reportHeight();
+        setTimeout(reportHeight, 500);
       }
     };
     const handleSwitchSchedule = (e) => {
@@ -15683,13 +17661,17 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:parent-scroll") return;
       const { iframeOffsetTop, headerH, canvasH } = e.data;
       parentScrollRef.current = { iframeOffsetTop, headerH, canvasH };
+      if (floatingPanelOpenRef.current) {
+        setParentScrollSnap({ iframeOffsetTop, headerH, canvasH });
+      }
       if (visibleViewportRef.current) {
         applyVisibleViewport(visibleViewportRef.current, parentScrollRef.current);
       }
       const focusEl = activeElRef.current ?? selectedElRef.current;
       if (focusEl) {
-        const measureEl = activeElRef.current ? getEditMeasureEl(activeElRef.current) : focusEl;
-        applyToolbarPos(measureEl.getBoundingClientRect());
+        const measureEl = activeElRef.current ? getEditMeasureEl(activeElRef.current) : toolbarVariantRef.current === "logo" ? null : focusEl;
+        const r2 = measureEl ? measureEl.getBoundingClientRect() : toolbarVariantRef.current === "logo" ? getLogoInteractionRect(focusEl) : focusEl.getBoundingClientRect();
+        applyToolbarPos(r2);
       }
     };
     const handleClickAt = (e) => {
@@ -15714,6 +17696,25 @@ function OhhwellsBridge() {
         postToParentRef.current({ type: "ow:image-pick", key: stateCardImage.dataset.ohwKey ?? "", elementType: stateCardImage.dataset.ohwEditable ?? "image" });
         return;
       }
+      const logoAtPoint = Array.from(
+        document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]')
+      ).map((el) => getLogoElement(el)).find((logo) => {
+        if (!logo) return false;
+        const r2 = logo.getBoundingClientRect();
+        return clientX >= r2.left && clientX <= r2.right && clientY >= r2.top && clientY <= r2.bottom;
+      });
+      if (logoAtPoint) {
+        if (!logoHasUploadedImage(logoAtPoint)) {
+          deselectRef.current();
+          deactivateRef.current();
+          const identity = readLogoIdentityFromDom();
+          postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
+          return;
+        }
+        selectLogoRef.current(logoAtPoint);
+        openLogoSizePanelRef.current(logoAtPoint);
+        return;
+      }
       const textEditable = Array.from(
         document.querySelectorAll(NON_MEDIA_SELECTOR)
       ).find((el) => {
@@ -15775,6 +17776,9 @@ function OhhwellsBridge() {
     window.addEventListener("message", handleClearSchedulingWidget);
     window.addEventListener("message", handleRemoveSchedulingSection);
     window.addEventListener("message", handleCollectSection);
+    window.addEventListener("message", handleSocialCancel);
+    window.addEventListener("message", handleSocialUpdate);
+    window.addEventListener("message", handleIconMarkup);
     window.addEventListener("message", handleImageUrl);
     window.addEventListener("message", handleImageUploading);
     window.addEventListener("message", handleCarouselChange);
@@ -15782,6 +17786,14 @@ function OhhwellsBridge() {
     window.addEventListener("message", handleParentScroll);
     window.addEventListener("message", handlePointerSync);
     window.addEventListener("message", handleClickAt);
+    window.addEventListener("message", handleUpdateLogoIdentity);
+    const handleViewMode = (e) => {
+      if (e.data?.type !== "ow:view-mode") return;
+      const mode = e.data.mode === "Mobile" || e.data.mode === "mobile" ? "mobile" : "desktop";
+      setEditorViewport(mode);
+      applyLogoSizes(editContentRef.current);
+    };
+    window.addEventListener("message", handleViewMode);
     const handleViewportResize = () => {
       if (visibleViewportRef.current) {
         applyVisibleViewport(visibleViewportRef.current, parentScrollRef.current);
@@ -15826,6 +17838,9 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleClearSchedulingWidget);
       window.removeEventListener("message", handleRemoveSchedulingSection);
       window.removeEventListener("message", handleCollectSection);
+      window.removeEventListener("message", handleSocialCancel);
+      window.removeEventListener("message", handleSocialUpdate);
+      window.removeEventListener("message", handleIconMarkup);
       window.removeEventListener("message", handleImageUrl);
       window.removeEventListener("message", handleImageUploading);
       window.removeEventListener("message", handleCarouselChange);
@@ -15834,10 +17849,13 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleViewportResize);
       window.removeEventListener("message", handlePointerSync);
       window.removeEventListener("message", handleClickAt);
+      window.removeEventListener("message", handleUpdateLogoIdentity);
+      window.removeEventListener("message", handleViewMode);
       window.removeEventListener("message", handleHydrate);
       window.removeEventListener("message", handleAiApplyTree);
       window.removeEventListener("message", handleAiDeleteSection);
       window.removeEventListener("message", handleAiSetSections);
+      window.removeEventListener("message", handleAiSetBrand);
       window.removeEventListener("message", handleDeactivate);
       window.removeEventListener("message", handleToastAction);
       window.removeEventListener("message", handleUiEscape);
@@ -15847,7 +17865,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -15867,9 +17885,9 @@ function OhhwellsBridge() {
         return;
       }
       if (target.closest("[data-ohw-item-drag-surface]")) return;
-      const anchor = getNavigationItemAnchor(target);
+      const anchor = getNavigationItemAnchor(target) ?? (document.elementsFromPoint(e.clientX, e.clientY).map((el) => el instanceof HTMLElement ? getNavigationItemAnchor(el) : null).find((found) => found !== null) ?? null);
       const hrefKey = anchor?.getAttribute("data-ohw-href-key") ?? null;
-      if (anchor && isFooterHrefKey(hrefKey)) {
+      if (anchor && (isFooterHrefKey(hrefKey) || getSocialItem(anchor))) {
         footerPointerDragRef.current = {
           el: anchor,
           kind: "link",
@@ -15902,7 +17920,7 @@ function OhhwellsBridge() {
         clearTextSelection();
         const session = footerDragRef.current;
         if (!session) return;
-        const slot = session.kind === "link" && session.hrefKey ? hitTestLinkDropSlot(e.clientX, e.clientY, session.hrefKey) : hitTestColumnDropSlot(e.clientX, e.clientY);
+        const slot = session.kind === "social" && session.hrefKey ? hitTestSocialDropSlot(e.clientX, e.clientY, session.hrefKey) : session.kind === "link" && session.hrefKey ? hitTestLinkDropSlot(e.clientX, e.clientY, session.hrefKey) : hitTestColumnDropSlot(e.clientX, e.clientY);
         refreshFooterDragVisualsRef.current(session, slot, e.clientX, e.clientY);
         return;
       }
@@ -15929,7 +17947,7 @@ function OhhwellsBridge() {
         const column = findFooterColumnForLink(pending.el);
         const columns2 = listFooterColumns();
         beginFooterDragRef.current({
-          kind: "link",
+          kind: getSocialItem(pending.el) ? "social" : "link",
           hrefKey: key,
           columnEl: column,
           sourceColumnIndex: column ? columns2.indexOf(column) : 0,
@@ -16001,7 +18019,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  useEffect11(() => {
+  useEffect12(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -16017,7 +18035,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -16041,7 +18059,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.54",
+        bridgeVersion: "0.1.55",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -16053,13 +18071,13 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent2]);
-  useEffect11(() => {
+  useEffect12(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [pathname]);
-  const handleCommand = useCallback6((cmd) => {
+  const handleCommand = useCallback7((cmd) => {
     const el = activeElRef.current;
     const selBefore = window.getSelection();
     let savedOffsets = null;
@@ -16095,7 +18113,7 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  const handleStateChange = useCallback6((state) => {
+  const handleStateChange = useCallback7((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -16108,7 +18126,7 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
-  const reselectAfterLinkPopover = useCallback6(
+  const reselectAfterLinkPopover = useCallback7(
     (hrefKey) => {
       requestAnimationFrame(() => {
         const el = resolveHrefKeyElement(hrefKey);
@@ -16117,7 +18135,7 @@ function OhhwellsBridge() {
     },
     [resolveHrefKeyElement]
   );
-  const closeLinkPopover = useCallback6(() => {
+  const closeLinkPopover = useCallback7(() => {
     const session = linkPopoverSessionRef.current;
     addNavAfterAnchorRef.current = null;
     setLinkPopover(null);
@@ -16125,9 +18143,9 @@ function OhhwellsBridge() {
       reselectAfterLinkPopover(session.key);
     }
   }, [reselectAfterLinkPopover]);
-  const closeLinkPopoverRef = useRef8(closeLinkPopover);
+  const closeLinkPopoverRef = useRef9(closeLinkPopover);
   closeLinkPopoverRef.current = closeLinkPopover;
-  const openLinkPopoverForActive = useCallback6(() => {
+  const openLinkPopoverForActive = useCallback7(() => {
     const hrefCtx = getHrefKeyFromElement(activeElRef.current);
     if (!hrefCtx) return;
     bumpLinkPopoverGrace();
@@ -16138,11 +18156,15 @@ function OhhwellsBridge() {
     });
     deactivate();
   }, [deactivate]);
-  const openLinkPopoverForSelected = useCallback6(() => {
+  const openLinkPopoverForSelected = useCallback7(() => {
     const anchor = selectedElRef.current;
     if (!anchor) return;
     const key = anchor.getAttribute("data-ohw-href-key");
     if (!key) return;
+    if (requestSocialDialog(anchor, postToParentRef.current, editContentRef.current)) {
+      deselect();
+      return;
+    }
     bumpLinkPopoverGrace();
     setLinkPopover({
       key,
@@ -16151,7 +18173,7 @@ function OhhwellsBridge() {
     });
     deselect();
   }, [deselect]);
-  const handleSelectParent = useCallback6(() => {
+  const handleSelectParent = useCallback7(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame") {
@@ -16178,11 +18200,37 @@ function OhhwellsBridge() {
     }
     deselectRef.current();
   }, []);
-  const handleDuplicateSelected = useCallback6(() => {
+  const handleDuplicateSelected = useCallback7(() => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     const hrefKey = selected.getAttribute("data-ohw-href-key");
     if (!hrefKey) return;
+    const social = getSocialItem(selected);
+    if (social) {
+      const result = duplicateSocialItem(social, editContentRef.current);
+      if (!result) return;
+      const orderJson = JSON.stringify(result.order);
+      const carried = [
+        { from: result.copiedFrom?.href, to: result.hrefKey },
+        { from: result.copiedFrom?.icon, to: result.iconKey },
+        { from: result.copiedFrom?.icon ? socialPlatformKey(result.copiedFrom.icon) : null, to: socialPlatformKey(result.iconKey) }
+      ];
+      const nodes = [{ key: SOCIALS_ORDER_KEY, text: orderJson }];
+      for (const { from, to } of carried) {
+        const value = from ? editContentRef.current[from] : void 0;
+        if (value) nodes.push({ key: to, text: value });
+      }
+      editContentRef.current = {
+        ...editContentRef.current,
+        ...Object.fromEntries(nodes.map((node) => [node.key, node.text]))
+      };
+      postToParent2({ type: "ow:change", nodes });
+      enforceLinkHrefs();
+      const copyRow = findSocialsRow(result.item);
+      if (copyRow) applySocialsDisplayToRow(copyRow, socialsDisplayFor(copyRow, editContentRef.current));
+      requestAnimationFrame(() => selectRef.current(result.item));
+      return;
+    }
     if (isNavbarHrefKey(hrefKey)) {
       const result = duplicateNavbarItem(selected);
       if (!result) return;
@@ -16268,7 +18316,7 @@ function OhhwellsBridge() {
       });
     }
   }, [postToParent2]);
-  const runPendingDeleteUndo = useCallback6(() => {
+  const runPendingDeleteUndo = useCallback7(() => {
     const pending = pendingDeleteUndoRef.current;
     if (!pending) return false;
     pendingDeleteUndoRef.current = null;
@@ -16276,7 +18324,7 @@ function OhhwellsBridge() {
     enforceLinkHrefs();
     return true;
   }, []);
-  const handleDeleteSelected = useCallback6(() => {
+  const handleDeleteSelected = useCallback7(() => {
     const selected = selectedElRef.current;
     if (!selected) return false;
     return deleteSelectedNavFooterItem({
@@ -16297,7 +18345,7 @@ function OhhwellsBridge() {
   }, [postToParent2]);
   handleDeleteSelectedRef.current = handleDeleteSelected;
   runPendingDeleteUndoRef.current = runPendingDeleteUndo;
-  const handleLinkPopoverSubmit = useCallback6(
+  const handleLinkPopoverSubmit = useCallback7(
     (target) => {
       const session = linkPopoverSessionRef.current;
       if (!session) return;
@@ -16363,19 +18411,19 @@ function OhhwellsBridge() {
   const showEditLink = toolbarShowEditLink;
   const currentSections = sectionsByPath[pathname] ?? [];
   linkPopoverOpenRef.current = linkPopover !== null;
-  const handleMediaReplace = useCallback6(
+  const handleMediaReplace = useCallback7(
     (key) => {
       postToParent2({ type: "ow:image-pick", key, elementType: mediaHover?.elementType ?? "image" });
     },
     [postToParent2, mediaHover?.elementType]
   );
-  const handleEditCarousel = useCallback6(
+  const handleEditCarousel = useCallback7(
     (key) => {
       postToParent2({ type: "ow:carousel-open", key, images: readCarouselValue(key) });
     },
     [postToParent2]
   );
-  const handleMediaFadeOutComplete = useCallback6((key) => {
+  const handleMediaFadeOutComplete = useCallback7((key) => {
     setUploadingRects((prev) => {
       if (!(key in prev)) return prev;
       const next = { ...prev };
@@ -16383,7 +18431,7 @@ function OhhwellsBridge() {
       return next;
     });
   }, []);
-  const handleVideoSettingsChange = useCallback6(
+  const handleVideoSettingsChange = useCallback7(
     (key, settings) => {
       document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
         const video = getVideoEl2(el);
@@ -16406,10 +18454,10 @@ function OhhwellsBridge() {
     [postToParent2]
   );
   return bridgeRoot ? createPortal2(
-    /* @__PURE__ */ jsxs17(Fragment8, { children: [
-      /* @__PURE__ */ jsx30("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
-      isEditMode && /* @__PURE__ */ jsx30(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
-      Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsxs20(Fragment8, { children: [
+      /* @__PURE__ */ jsx33("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
+      isEditMode && /* @__PURE__ */ jsx33(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
+      Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ jsx33(
         MediaOverlay,
         {
           hover: { key, rect, elementType: "image", isDragOver: false, hasTextOverlap: false },
@@ -16420,7 +18468,7 @@ function OhhwellsBridge() {
         },
         `uploading-${key}`
       )),
-      mediaHover && !(mediaHover.key in uploadingRects) && /* @__PURE__ */ jsx30(
+      mediaHover && !(mediaHover.key in uploadingRects) && /* @__PURE__ */ jsx33(
         MediaOverlay,
         {
           hover: mediaHover,
@@ -16429,11 +18477,11 @@ function OhhwellsBridge() {
           onVideoSettingsChange: handleVideoSettingsChange
         }
       ),
-      carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx30(CarouselOverlay, { hover: carouselHover, onEdit: handleEditCarousel }),
-      siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ jsx30(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
-      siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ jsx30(ItemInteractionLayer, { rect, state: "sibling-hint" }, `sibling-hint-${i}`)),
-      isItemDragging && draggedItemRect && selectedElRef.current !== footerDragRef.current?.draggedEl && selectedElRef.current !== navDragRef.current?.draggedEl && /* @__PURE__ */ jsx30(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
-      isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ jsx30(
+      carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx33(CarouselOverlay, { hover: carouselHover, onEdit: handleEditCarousel }),
+      siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
+      siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect, state: "sibling-hint" }, `sibling-hint-${i}`)),
+      isItemDragging && draggedItemRect && selectedElRef.current !== footerDragRef.current?.draggedEl && selectedElRef.current !== navDragRef.current?.draggedEl && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
+      isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
         "div",
         {
           className: "pointer-events-none fixed z-2147483646",
@@ -16443,7 +18491,7 @@ function OhhwellsBridge() {
             width: slot.width,
             height: slot.height
           },
-          children: /* @__PURE__ */ jsx30(
+          children: /* @__PURE__ */ jsx33(
             DropIndicator,
             {
               direction: slot.direction,
@@ -16454,7 +18502,7 @@ function OhhwellsBridge() {
         },
         `footer-drop-${slot.direction}-${slot.columnIndex}-${slot.insertIndex}-${i}`
       )),
-      isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ jsx30(
+      isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
         "div",
         {
           className: "pointer-events-none fixed z-2147483646",
@@ -16464,7 +18512,7 @@ function OhhwellsBridge() {
             width: slot.width,
             height: slot.height
           },
-          children: /* @__PURE__ */ jsx30(
+          children: /* @__PURE__ */ jsx33(
             DropIndicator,
             {
               direction: slot.direction,
@@ -16475,10 +18523,10 @@ function OhhwellsBridge() {
         },
         `nav-drop-${slot.direction}-${slot.parentId ?? "root"}-${slot.insertIndex}-${i}`
       )),
-      hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx30(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
-      hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ jsx30(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
-      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ jsx30(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
-      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ jsx30(
+      hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
+      hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
+      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ jsx33(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
+      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ jsx33(
         FooterContainerChrome,
         {
           rect: toolbarRect,
@@ -16486,7 +18534,7 @@ function OhhwellsBridge() {
           addDisabled: !canAddFooterColumn()
         }
       ),
-      toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame") && /* @__PURE__ */ jsx30(
+      toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ jsx33(
         ItemInteractionLayer,
         {
           rect: isItemDragging && draggedItemRect && (footerDragRef.current?.wasSelected || navDragRef.current?.wasSelected) ? draggedItemRect : toolbarRect,
@@ -16498,13 +18546,21 @@ function OhhwellsBridge() {
           dragHandleLabel: reorderHrefKey ? `Reorder ${reorderHrefKey}` : "Reorder item",
           onDragHandleDragStart: handleItemDragStart,
           onDragHandleDragEnd: handleItemDragEnd,
-          onItemPointerDown: handleItemChromePointerDown,
-          onItemClick: handleItemChromeClick,
-          itemDragSurface: !isFooterFrameSelection,
-          toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && isFooterFrameSelection && !isItemDragging ? /* @__PURE__ */ jsx30(
+          onItemPointerDown: toolbarVariant === "logo" ? void 0 : handleItemChromePointerDown,
+          onItemClick: toolbarVariant === "logo" ? void 0 : handleItemChromeClick,
+          itemDragSurface: toolbarVariant !== "logo" && !isFooterFrameSelection,
+          toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && (isFooterFrameSelection || selectedIsSocialsRow) && !isItemDragging ? /* @__PURE__ */ jsx33(
             ItemActionToolbar,
             {
               onEditLink: openLinkPopoverForSelected,
+              onStyle: () => {
+                const row = selectedElRef.current;
+                if (!row) return;
+                if (floatingPanel?.kind === "socials-display") closeFloatingPanelOnly();
+                else openSocialsDisplayPanel(row);
+              },
+              showStyle: selectedIsSocialsRow,
+              styleActive: floatingPanel?.kind === "socials-display",
               onAddItem: handleAddChildItem,
               onSelectParent: handleSelectParent,
               onDuplicate: handleDuplicateSelected,
@@ -16512,12 +18568,12 @@ function OhhwellsBridge() {
               addItemDisabled: false,
               editLinkDisabled: false,
               moreDisabled: false,
-              duplicateDisabled: isFooterFrameSelection,
-              showEditLink: !isFooterFrameSelection && navDropdownPreviewOpen === null,
-              showAddItem: isFooterFrameSelection || !selectedIsCta && Boolean(
+              duplicateDisabled: isFooterFrameSelection || selectedIsSocialsRow,
+              showEditLink: !isFooterFrameSelection && !selectedIsSocialsRow && navDropdownPreviewOpen === null,
+              showAddItem: isFooterFrameSelection || selectedIsSocialsRow || !selectedIsCta && Boolean(
                 selectedElRef.current && isNavbarHrefKey(selectedElRef.current.getAttribute("data-ohw-href-key")) && !isNestedNavChild(selectedElRef.current)
               ),
-              showMore: !selectedIsCta || isFooterFrameSelection,
+              showMore: (!selectedIsCta || isFooterFrameSelection) && !selectedIsSocialsRow,
               dropdownOpen: navDropdownPreviewOpen,
               onDropdownOpenChange: handleNavDropdownOpenChange,
               headingVisible: footerHeadingVisible,
@@ -16526,8 +18582,8 @@ function OhhwellsBridge() {
           ) : void 0
         }
       ),
-      toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ jsxs17(Fragment8, { children: [
-        /* @__PURE__ */ jsx30(
+      toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ jsxs20(Fragment8, { children: [
+        /* @__PURE__ */ jsx33(
           EditGlowChrome,
           {
             rect: toolbarRect,
@@ -16537,7 +18593,7 @@ function OhhwellsBridge() {
             hideHandle: isItemDragging
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx33(
           FloatingToolbar,
           {
             rect: toolbarRect,
@@ -16550,7 +18606,7 @@ function OhhwellsBridge() {
           }
         )
       ] }),
-      maxBadge && /* @__PURE__ */ jsxs17(
+      maxBadge && /* @__PURE__ */ jsxs20(
         "div",
         {
           "data-ohw-max-badge": "",
@@ -16576,7 +18632,7 @@ function OhhwellsBridge() {
           ]
         }
       ),
-      toggleState && !linkPopover && /* @__PURE__ */ jsx30(
+      toggleState && !linkPopover && /* @__PURE__ */ jsx33(
         StateToggle,
         {
           rect: toggleState.rect,
@@ -16585,15 +18641,15 @@ function OhhwellsBridge() {
           onStateChange: handleStateChange
         }
       ),
-      sectionGap && !linkPopover && /* @__PURE__ */ jsxs17(
+      sectionGap && !linkPopover && /* @__PURE__ */ jsxs20(
         "div",
         {
           "data-ohw-section-insert-line": "",
           className: "fixed left-0 w-full z-2147483646 flex items-center pointer-events-none",
           style: { top: sectionGap.y, transform: "translateY(-50%)" },
           children: [
-            /* @__PURE__ */ jsx30("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx33("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
+            /* @__PURE__ */ jsx33(
               Badge,
               {
                 className: "px-8 py-1 bg-primary hover:bg-primary text-primary-foreground text-xs font-medium shrink-0 rounded-full cursor-pointer pointer-events-auto",
@@ -16610,11 +18666,11 @@ function OhhwellsBridge() {
                 children: "Add Section"
               }
             ),
-            /* @__PURE__ */ jsx30("div", { className: "flex-1 bg-primary", style: { height: 3 } })
+            /* @__PURE__ */ jsx33("div", { className: "flex-1 bg-primary", style: { height: 3 } })
           ]
         }
       ),
-      linkPopover && dialogPortalContainer ? /* @__PURE__ */ jsx30(
+      linkPopover && dialogPortalContainer ? /* @__PURE__ */ jsx33(
         LinkPopover,
         {
           panelRef: linkPopoverPanelRef,
@@ -16630,11 +18686,137 @@ function OhhwellsBridge() {
           onSubmit: handleLinkPopoverSubmit
         },
         linkPopover.key
+      ) : null,
+      floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ jsx33(
+        FloatingPanel,
+        {
+          open: true,
+          title: floatingPanel.title,
+          context: floatingPanel.context,
+          position: floatingPanelPos,
+          onPositionChange: setFloatingPanelPos,
+          parentScroll: parentScrollSnap ?? parentScrollRef.current,
+          onClose: closeFloatingPanelOnly,
+          children: /* @__PURE__ */ jsx33(
+            SocialsDisplayPanel,
+            {
+              display: socialsDisplayFor(floatingPanel.row, editContentRef.current),
+              onChange: (next) => {
+                changeSocialsDisplay(floatingPanel.row, next);
+                setFloatingPanel({ ...floatingPanel });
+              }
+            }
+          )
+        }
+      ) : null,
+      floatingPanel && floatingPanel.kind === "logo-size" && logoSizeDraft ? /* @__PURE__ */ jsx33(
+        FloatingPanel,
+        {
+          open: true,
+          title: floatingPanel.title,
+          context: floatingPanel.context,
+          position: floatingPanelPos,
+          onPositionChange: setFloatingPanelPos,
+          parentScroll: parentScrollSnap ?? parentScrollRef.current,
+          onClose: closeFloatingPanelAndDeselect,
+          children: /* @__PURE__ */ jsx33(
+            LogoSizePanel,
+            {
+              viewport: editorViewport,
+              sizePx: editorViewport === "mobile" && !logoSizeDraft.mobileFollowing ? logoSizeDraft.mobilePx : logoSizeDraft.desktopPx,
+              mobileFollowing: logoSizeDraft.mobileFollowing,
+              onSizeChange: (px) => {
+                const next = editorViewport === "mobile" ? { ...logoSizeDraft, mobilePx: px, mobileFollowing: false } : {
+                  ...logoSizeDraft,
+                  desktopPx: px,
+                  mobilePx: logoSizeDraft.mobileFollowing ? px : logoSizeDraft.mobilePx
+                };
+                setLogoSizeDraft(next);
+                persistLogoSizeDraft(floatingPanel.placement, next);
+              },
+              onCustomizeMobile: () => {
+                const next = {
+                  ...logoSizeDraft,
+                  mobileFollowing: false,
+                  mobilePx: logoSizeDraft.desktopPx
+                };
+                setLogoSizeDraft(next);
+                persistLogoSizeDraft(floatingPanel.placement, next);
+              },
+              onResetMobile: () => {
+                const next = {
+                  ...logoSizeDraft,
+                  mobileFollowing: true,
+                  mobilePx: logoSizeDraft.desktopPx
+                };
+                setLogoSizeDraft(next);
+                persistLogoSizeDraft(floatingPanel.placement, next);
+              },
+              onUpdateEverywhere: () => {
+                const identity = readLogoIdentityFromDom();
+                postToParent2({ type: "ow:open-logo-settings", ...identity });
+              }
+            }
+          )
+        }
       ) : null
     ] }),
     bridgeRoot
   ) : null;
 }
+
+// src/ui/EmptySection.tsx
+import Link4 from "next/link";
+import { Fragment as Fragment9, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
+  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    /* @__PURE__ */ jsx34(
+      "p",
+      {
+        style: {
+          fontFamily: "var(--brand-font-body)",
+          fontSize: "0.75rem",
+          fontWeight: 500,
+          letterSpacing: "0.15em",
+          textTransform: "uppercase",
+          color: "var(--brand-accent)",
+          marginBottom: "1.5rem"
+        },
+        children: /* @__PURE__ */ jsx34(Link4, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ jsx34("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
+      }
+    ),
+    /* @__PURE__ */ jsx34(
+      "h1",
+      {
+        style: {
+          fontFamily: "var(--brand-font-heading)",
+          fontSize: "clamp(2rem, 3.5vw, 2.75rem)",
+          lineHeight: 1.1,
+          letterSpacing: "-0.025em",
+          color: "var(--brand-text)",
+          marginBottom: "1rem"
+        },
+        ...titleKey ? { "data-ohw-editable": "text", "data-ohw-key": titleKey, "data-ohw-max-length": 80 } : {},
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsx34(
+      "p",
+      {
+        style: {
+          fontFamily: "var(--brand-font-body)",
+          fontSize: "1rem",
+          lineHeight: 1.7,
+          fontWeight: 300,
+          color: "var(--brand-text-muted)",
+          maxWidth: "340px"
+        },
+        ...subtitleKey ? { "data-ohw-editable": "text", "data-ohw-key": subtitleKey, "data-ohw-max-length": 160 } : {},
+        children: "This page doesn't have any content yet."
+      }
+    )
+  ] });
+}
 export {
   AI_DEFAULT_BRAND,
   AI_TREE_SCHEMA_VERSIONS,
@@ -16651,6 +18833,7 @@ export {
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
+  EmptySection,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,