@drawnagency/primitives 0.1.88 → 0.1.90

package/dist/{chunk-75P6HWPN.js → chunk-5BM2Y3NJ.js}

@@ -76,7 +76,8 @@ function upgradeGrid(section) {
     type: "container",
     content: {
       columns: content.columns,
-      flow: "row",
+      layout: "grid",
+      equalizeRowHeight: false,
       children: media.map((item, i) => mapRefItem(item, id, i))
     }
   };
@@ -100,7 +101,7 @@ function upgradeSplitContent(section) {
     content: { body: content.body ?? "" }
   };
   const children = options.imagePosition === "right" ? [proseChild, mediaChild] : [mediaChild, proseChild];
-  const out = { id, type: "container", content: { columns: 2, flow: "row", children } };
+  const out = { id, type: "container", content: { columns: 2, layout: "grid", equalizeRowHeight: false, children } };
   if (section.layout !== void 0) out.layout = section.layout;
   return out;
 }
@@ -131,7 +132,8 @@ function upgradeDoDont(section) {
     type: "container",
     content: {
       columns: 2,
-      flow: "row",
+      layout: "grid",
+      equalizeRowHeight: false,
       children: [
         dodontChild(doItems, id, 0, "do", childOptions),
         dodontChild(dontItems, id, 1, "dont", childOptions)

package/dist/{chunk-OEL57NYV.js → chunk-AGWE2LJG.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-S2L3BPLS.js";
 import {
   upgradeLegacySection
-} from "./chunk-75P6HWPN.js";
+} from "./chunk-5BM2Y3NJ.js";
 import {
   getSectionSchema
 } from "./chunk-TZQPOR5A.js";
 import {
   IndexSchema
-} from "./chunk-XPUBUR64.js";
+} from "./chunk-KMQZYORS.js";
 import {
   getAllSchemas
 } from "./chunk-VKAGMEKE.js";
@@ -18,6 +18,19 @@ import {
   blockDepth
 } from "./chunk-NSCT3AMV.js";
 
+// src/lib/chatbot.ts
+var DEFAULT_CHATBOT_NAME = "Portal Assistant";
+function resolveChatbotName(chatbot, audience) {
+  const perAudience = audience !== null ? chatbot.audienceNames?.[audience] : void 0;
+  if (typeof perAudience === "string" && perAudience.trim()) return perAudience.trim();
+  if (typeof chatbot.name === "string" && chatbot.name.trim()) return chatbot.name.trim();
+  return DEFAULT_CHATBOT_NAME;
+}
+function resolveThinkingPhrases(phrases) {
+  const list = (phrases ?? []).filter((p) => typeof p === "string").map((p) => p.trim()).filter(Boolean).map((p) => `${p}\u2026`);
+  return list.length > 0 ? list : ["Thinking\u2026"];
+}
+
 // src/lib/contrast.ts
 function deriveContrast(hex) {
   const h = hex.replace("#", "");
@@ -28,6 +41,13 @@ function deriveContrast(hex) {
   const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
   return luminance >= 0.5 ? "#1a1a1a" : "#f0f0f0";
 }
+function contrastColor(hex) {
+  const h = hex.replace("#", "");
+  const r = parseInt(h.slice(0, 2), 16);
+  const g = parseInt(h.slice(2, 4), 16);
+  const b = parseInt(h.slice(4, 6), 16);
+  return (r * 299 + g * 587 + b * 114) / 1e3 > 150 ? "#1a1a1a" : "#ffffff";
+}
 
 // src/lib/grid.ts
 var gridColsClass = {
@@ -139,7 +159,11 @@ async function loadSiteContent(contentDir) {
 }
 
 export {
+  DEFAULT_CHATBOT_NAME,
+  resolveChatbotName,
+  resolveThinkingPhrases,
   deriveContrast,
+  contrastColor,
   gridColsClass,
   buildGoogleFontsUrl,
   formatTimestamp,

package/dist/{chunk-DRCPDOW3.js → chunk-CZ3YXGK5.js}

@@ -308,6 +308,64 @@ function generateVideoPoster(blob, quality) {
   });
 }
 
+// src/media/compose-preview.ts
+var WIDTH = 1200;
+var HEIGHT = 630;
+async function composePreviewImage(inputs) {
+  const canvas = document.createElement("canvas");
+  canvas.width = WIDTH;
+  canvas.height = HEIGHT;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("2D canvas context unavailable");
+  ctx.fillStyle = inputs.background;
+  ctx.fillRect(0, 0, WIDTH, HEIGHT);
+  let drewLogo = false;
+  if (inputs.mode === "logo" && inputs.logoUrl) {
+    try {
+      const img = await loadImage(inputs.logoUrl);
+      if (!(img.width > 0 && img.height > 0)) {
+        throw new Error("Logo image has no intrinsic size");
+      }
+      const maxW = WIDTH * 0.6;
+      const maxH = HEIGHT * 0.5;
+      const scale = Math.min(maxW / img.width, maxH / img.height);
+      const w = img.width * scale;
+      const h = img.height * scale;
+      ctx.filter = inputs.invertLogo ? "invert(1)" : "none";
+      ctx.drawImage(img, (WIDTH - w) / 2, (HEIGHT - h) / 2, w, h);
+      ctx.filter = "none";
+      drewLogo = true;
+    } catch {
+    }
+  }
+  if (!drewLogo) {
+    if (document.fonts?.ready) await document.fonts.ready;
+    await document.fonts.load(`600 84px ${inputs.headingFont}`).catch(() => {
+    });
+    ctx.fillStyle = inputs.textColor;
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    ctx.font = `600 84px ${inputs.headingFont}, system-ui, sans-serif`;
+    ctx.fillText(inputs.siteName, WIDTH / 2, HEIGHT / 2, WIDTH * 0.86);
+  }
+  return await new Promise((resolve, reject) => {
+    canvas.toBlob(
+      (blob) => blob ? resolve(blob) : reject(new Error("toBlob returned null")),
+      "image/webp",
+      0.9
+    );
+  });
+}
+function loadImage(url) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = () => resolve(img);
+    img.onerror = () => reject(new Error(`failed to load ${url}`));
+    img.src = url;
+  });
+}
+
 // src/media/index.ts
 var MEDIA_KEY = /* @__PURE__ */ Symbol.for("@drawnagency/primitives/media");
 var _g = globalThis;
@@ -339,6 +397,7 @@ export {
   rebindImageRef,
   resolveLogo,
   generateVideoPoster,
+  composePreviewImage,
   setMediaProvider,
   getMediaProvider
 };

package/dist/{chunk-PTVY3Q7P.js → chunk-KBQNJZUX.js}

@@ -1,6 +1,6 @@
 import {
   EditablePlainText
-} from "./chunk-NEDOJHHR.js";
+} from "./chunk-XKRQMTE4.js";
 import {
   Button,
   usePages

package/dist/{chunk-XPUBUR64.js → chunk-KMQZYORS.js}

@@ -100,7 +100,10 @@ var MediaItemSchema = z2.object({
   duration: z2.number().positive().optional(),
   // Display folder (MediaFolderSchema key). Absent = root/unfiled. NOT the
   // git storage dir — that's `folder` above, which never changes.
-  folderId: z2.string().optional()
+  folderId: z2.string().optional(),
+  // System-generated assets (e.g. the Phase 3 social-preview raster) set this
+  // so the media-library UI can exclude them. Absent on all user uploads.
+  hidden: z2.boolean().optional()
 });
 var ImageManifestSchema = z2.object({
   images: z2.record(z2.string(), MediaItemSchema),
@@ -239,6 +242,15 @@ var ChatbotTaskSchema = z3.object({
 });
 var ChatbotConfigSchema = z3.object({
   enabled: z3.boolean().default(false),
+  // Assistant display name shown in the widget header and used in the system
+  // prompt. Blank falls back to "Portal Assistant" (resolveChatbotName).
+  name: z3.string().max(60).default("Portal Assistant"),
+  // Per-audience name overrides, keyed by audience name — same inert-when-
+  // deselected semantics as audiencePrompts.
+  audienceNames: z3.record(z3.string(), z3.string().max(60)).default({}),
+  // Brand-flavored waiting phrases, shown (with "…" appended) while the
+  // assistant streams no text yet. Empty = the widget's "Thinking…" default.
+  thinkingPhrases: z3.array(z3.string().max(80)).max(30).default([]),
   systemPrompt: z3.string().max(8e3).default(""),
   // Audience names the widget is shown to — strict opt-in: [] = no viewer
   // sees it (editors always can via /edit). Gates: [...slug].astro + /api/chat.
@@ -288,10 +300,23 @@ var SiteConfigSchema = z3.object({
     showInNav: z3.boolean().default(true)
   }).nullable().default(null),
   media: MediaConfigSchema.default(MediaConfigSchema.parse({})),
+  // Composed social-preview raster, stored as a media-library reference so it
+  // participates in usage tracking + GC protection. Composed client-side at
+  // save time (Phase 3). `width`/`height` are the ACTUAL served variant size
+  // (the /api/media route only serves exact generated-variant widths), so the
+  // og:image URL + dimensions are correct. Defaults null so pre-existing
+  // configs keep parsing and sites without a preview emit no og:image tags.
+  previewImage: z3.object({
+    imageId: z3.string(),
+    width: z3.number().int().positive(),
+    height: z3.number().int().positive()
+  }).nullable().default(null),
+  // Optional site description → og:description + <meta name="description">.
+  description: z3.string().max(300).nullable().default(null),
   // Brand chatbot config (editor-owned; the platform kill switch lives in the
   // sites table, not here). Every field defaults so pre-existing
   // site-config.json files keep parsing.
-  chatbot: ChatbotConfigSchema.default({ enabled: false, systemPrompt: "", audiences: [], tasks: [], audiencePrompts: {} })
+  chatbot: ChatbotConfigSchema.default({ enabled: false, name: "Portal Assistant", audienceNames: {}, thinkingPhrases: [], systemPrompt: "", audiences: [], tasks: [], audiencePrompts: {} })
 });
 
 export {
@@ -305,6 +330,7 @@ export {
   MediaItemSchema,
   ImageManifestSchema,
   MediaConfigSchema,
+  StatusSchema,
   SectionMetaSchema,
   RESERVED_SLUGS,
   PageStatusSchema,

package/dist/{chunk-WA3HFN54.js → chunk-MK7YB2A4.js}

@@ -1,6 +1,6 @@
 import {
   HexColorSchema
-} from "./chunk-XPUBUR64.js";
+} from "./chunk-KMQZYORS.js";
 
 // src/schemas/audience.ts
 import { z } from "zod";

package/dist/{chunk-EO7K45GV.js → chunk-NV4R6VHN.js}

@@ -1,6 +1,6 @@
 import {
   getMediaProvider
-} from "./chunk-DRCPDOW3.js";
+} from "./chunk-CZ3YXGK5.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";

package/dist/{chunk-XDG2K6UT.js → chunk-SIYQ37QY.js}

@@ -14,7 +14,7 @@ import {
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-EO7K45GV.js";
+} from "./chunk-NV4R6VHN.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -24,13 +24,21 @@ import { forwardRef } from "react";
 
 // src/components/shared/Tooltip.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function Tooltip({ content, children, className }) {
+var sideClasses = {
+  bottom: "left-1/2 top-full mt-1.5 -translate-x-1/2",
+  right: "left-full top-1/2 ml-1.5 -translate-y-1/2",
+  "bottom-clamp": "top-full mt-1.5 left-1/2 -translate-x-1/2 max-xl:left-auto max-xl:right-0 max-xl:translate-x-0"
+};
+function Tooltip({ content, children, className, side = "bottom" }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("group/tooltip relative inline-flex", className), children: [
     children,
     /* @__PURE__ */ jsx(
       "span",
       {
-        className: "pointer-events-none absolute left-1/2 top-full z-50 mt-1.5 -translate-x-1/2 opacity-0 transition-opacity delay-300 group-hover/tooltip:opacity-100",
+        className: cn(
+          "pointer-events-none absolute z-50 opacity-0 transition-opacity delay-300 group-hover/tooltip:opacity-100",
+          sideClasses[side]
+        ),
         role: "tooltip",
         children: /* @__PURE__ */ jsx("span", { className: "block whitespace-nowrap rounded bg-tooltip px-2 py-1 text-center text-xs leading-relaxed text-tooltip-muted", children: content })
       }
@@ -43,8 +51,8 @@ function Kbd({ children }) {
 
 // src/components/editor/DragHandle.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var DragHandle2 = forwardRef(function DragHandle3(_, ref) {
-  return /* @__PURE__ */ jsx2(Tooltip, { content: /* @__PURE__ */ jsxs2(Fragment, { children: [
+var DragHandle2 = forwardRef(function DragHandle3({ tooltipSide }, ref) {
+  return /* @__PURE__ */ jsx2(Tooltip, { side: tooltipSide, content: /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx2(Kbd, { children: "Drag" }),
     " to move"
   ] }), children: /* @__PURE__ */ jsx2(

package/dist/{chunk-NEDOJHHR.js → chunk-XKRQMTE4.js}

@@ -6,10 +6,10 @@ import {
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-EO7K45GV.js";
+} from "./chunk-NV4R6VHN.js";
 import {
   rebindImageRef
-} from "./chunk-DRCPDOW3.js";
+} from "./chunk-CZ3YXGK5.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -340,6 +340,14 @@ var colSpanClass = {
   5: { 1: "", 2: "col-span-1 @xs:col-span-2", 3: "col-span-1 @xs:col-span-2 @md:col-span-3", 4: "col-span-1 @xs:col-span-2 @md:col-span-3 @xl:col-span-4", 5: "col-span-1 @xs:col-span-2 @md:col-span-3 @xl:col-span-5" },
   6: { 1: "", 2: "col-span-1 @xs:col-span-2", 3: "col-span-1 @xs:col-span-2 @md:col-span-3", 4: "col-span-1 @xs:col-span-2 @md:col-span-3 @2xl:col-span-4", 5: "col-span-1 @xs:col-span-2 @md:col-span-3 @2xl:col-span-5", 6: "col-span-1 @xs:col-span-2 @md:col-span-3 @2xl:col-span-6" }
 };
+var masonryColumnsClass = {
+  1: "columns-1",
+  2: "columns-1 @sm:columns-2",
+  3: "columns-1 @sm:columns-2 @lg:columns-3",
+  4: "columns-1 @xs:columns-2 @lg:columns-4",
+  5: "columns-1 @xs:columns-2 @md:columns-3 @xl:columns-5",
+  6: "columns-1 @xs:columns-2 @md:columns-3 @2xl:columns-6"
+};
 var spacerHiddenClass = {
   1: "hidden",
   2: "hidden @sm:block",
@@ -705,6 +713,7 @@ export {
   MAX_CONTAINER_COLUMNS,
   containerGridClass,
   colSpanClass,
+  masonryColumnsClass,
   spacerHiddenClass,
   useEditableCollection,
   EditableGrid

package/dist/{chunk-SK6GGTTO.js → chunk-XUIJHYKI.js}

@@ -9,13 +9,13 @@ import {
   MediaBlock,
   containerGridClass,
   useEditableCollection
-} from "./chunk-NEDOJHHR.js";
+} from "./chunk-XKRQMTE4.js";
 import {
   AddIcon,
   DeleteIcon,
   DragHandle,
   IconButton
-} from "./chunk-EO7K45GV.js";
+} from "./chunk-NV4R6VHN.js";
 import {
   DEFAULT_LINK,
   LinkValueSchema
@@ -30,7 +30,7 @@ import {
 import {
   HexColorSchema,
   SingleMediaReferenceSchema
-} from "./chunk-XPUBUR64.js";
+} from "./chunk-KMQZYORS.js";
 import {
   defineSection
 } from "./chunk-VKAGMEKE.js";