@ohhwells/bridge 0.1.79-next.241 → 0.1.80-next.242

package/dist/index.cjs

@@ -407,7 +407,19 @@ var SECTION_ATTRS = {
   spacing: "data-ohw-style-spacing"
 };
 var NODE_WROTE_ATTR = "data-ohw-style-node";
-var NODE_PROPS = ["color", "font-family", "font-size", "background"];
+var NODE_PROPS = [
+  "color",
+  "font-family",
+  "font-size",
+  "background",
+  "text-align",
+  "justify-content"
+];
+var ALIGN_JUSTIFY = {
+  left: "flex-start",
+  center: "center",
+  right: "flex-end"
+};
 function saveInline(el, prop) {
   const attr = `data-ohw-style-prev-${prop}`;
   if (el.hasAttribute(attr)) return;
@@ -496,6 +508,13 @@ function applyStylesToDom(store) {
         el.style.setProperty("font-size", `${override.fontSize}px`, "important");
         el.setAttribute(NODE_WROTE_ATTR, "");
       }
+      if (override.align !== void 0) {
+        saveInline(el, "text-align");
+        saveInline(el, "justify-content");
+        el.style.setProperty("text-align", override.align, "important");
+        el.style.setProperty("justify-content", ALIGN_JUSTIFY[override.align] ?? "flex-start", "important");
+        el.setAttribute(NODE_WROTE_ATTR, "");
+      }
       if (override.buttonBackground !== void 0 || override.buttonText !== void 0) {
         const surface = buttonSurfaceOf(el);
         if (override.buttonBackground !== void 0) {
@@ -1820,6 +1839,19 @@ function AiTreeRenderer({
     }
   })();
   const distributed = !isOverlay && settings.textDistribution;
+  const rowAlignItems = (rowAlign) => {
+    if (rowAlign === "top") return "start";
+    if (rowAlign === "bottom") return "end";
+    if (rowAlign === "center" || rowAlign === "stretch") return rowAlign;
+    if (distributed === "space-between") return "stretch";
+    return (distributed ?? settings.verticalPosition) === "top" ? "start" : "center";
+  };
+  const cellAlignStyle = (blockAlign) => blockAlign ? {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: blockAlign === "left" ? "flex-start" : blockAlign === "right" ? "flex-end" : "center",
+    textAlign: blockAlign
+  } : {};
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "section",
     {
@@ -1858,7 +1890,7 @@ function AiTreeRenderer({
                   display: "grid",
                   gridTemplateColumns: "repeat(12, 1fr)",
                   gap: AI_TREE_TOKENS.spacing6,
-                  alignItems: distributed === "space-between" ? "stretch" : (distributed ?? settings.verticalPosition) === "top" ? "start" : "center",
+                  alignItems: rowAlignItems(row.align),
                   marginTop: r2 > 0 ? AI_TREE_TOKENS.spacing8 : 0
                 },
                 children: (row.blocks ?? []).map((block, b) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1868,6 +1900,8 @@ function AiTreeRenderer({
                     style: {
                       gridColumn: `span ${Math.min(12, Math.max(1, block.span))}`,
                       minWidth: 0,
+                      // Horizontal placement of the block's content within its column.
+                      ...cellAlignStyle(block.align),
                       // space-between: each column becomes a flex column whose content spreads over
                       // the full row height instead of clumping at the top.
                       ...distributed === "space-between" ? { display: "flex", flexDirection: "column", justifyContent: "space-between" } : {}
@@ -21227,7 +21261,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.79",
+        bridgeVersion: "0.1.80",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections