@drawnagency/primitives 0.1.86 → 0.1.87

package/dist/{chunk-665DW3HR.js → chunk-6VOIZP2O.js}

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

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

@@ -229,6 +229,19 @@ function rebindImageRef(ref, imageId) {
   for (const key of BAKED_MEDIA_KEYS) delete fresh[key];
   return fresh;
 }
+function resolveLogo(logo, manifest, provider) {
+  if (!logo) return null;
+  const light = resolveMedia({ imageId: logo.light.imageId }, manifest, [1], provider);
+  if (!light?.src || light.tag === "video") return null;
+  const dark = logo.dark ? resolveMedia({ imageId: logo.dark.imageId }, manifest, [1], provider) : null;
+  const darkUrl = dark && dark.tag !== "video" ? dark.src : null;
+  return {
+    lightUrl: light.src,
+    darkUrl,
+    invertInDark: logo.invertInDark,
+    showInNav: logo.showInNav
+  };
+}
 
 // src/media/videoPoster.ts
 function generateVideoPoster(blob, quality) {
@@ -324,6 +337,7 @@ export {
   resolveManifestReferences,
   BAKED_MEDIA_KEYS,
   rebindImageRef,
+  resolveLogo,
   generateVideoPoster,
   setMediaProvider,
   getMediaProvider

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

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

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

@@ -6,10 +6,10 @@ import {
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-MBJUWOM2.js";
+} from "./chunk-EO7K45GV.js";
 import {
   rebindImageRef
-} from "./chunk-YKOLOZB2.js";
+} from "./chunk-DRCPDOW3.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";

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

@@ -9,7 +9,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   IndexSchema
-} from "./chunk-E3MTIMOG.js";
+} from "./chunk-XPUBUR64.js";
 import {
   getAllSchemas
 } from "./chunk-VKAGMEKE.js";

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

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

package/dist/{chunk-2CVP2AGK.js → chunk-VY5V4HBV.js}

@@ -3,7 +3,7 @@ import {
   pluralize,
   stripHtmlToPlainText,
   truncate
-} from "./chunk-665DW3HR.js";
+} from "./chunk-6VOIZP2O.js";
 import {
   DeleteButton,
   DragHandle,
@@ -15,11 +15,11 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "./chunk-YAPG44NS.js";
+} from "./chunk-XDG2K6UT.js";
 import {
   EditableRichText,
   defineHeadingSection
-} from "./chunk-FDBZZ4AT.js";
+} from "./chunk-PTVY3Q7P.js";
 import {
   EditablePlainText,
   ImageDropZone,
@@ -28,11 +28,11 @@ import {
   colSpanClass,
   containerGridClass,
   spacerHiddenClass
-} from "./chunk-DKXISNJ2.js";
+} from "./chunk-NEDOJHHR.js";
 import {
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-MBJUWOM2.js";
+} from "./chunk-EO7K45GV.js";
 import {
   embedUrl
 } from "./chunk-Y4JQGO6G.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   SingleMediaReferenceSchema
-} from "./chunk-E3MTIMOG.js";
+} from "./chunk-XPUBUR64.js";
 import {
   defineSection,
   getSection

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

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

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

@@ -14,7 +14,7 @@ import {
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-MBJUWOM2.js";
+} from "./chunk-EO7K45GV.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";

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

@@ -277,6 +277,16 @@ var SiteConfigSchema = z3.object({
   // Favicon stored as a data URL (SVG/PNG, small) so it travels with
   // site-config.json — no media manifest or CDN round-trip needed.
   favicon: z3.string().refine((v) => v.startsWith("data:image/"), "Favicon must be an image data URL").nullable().default(null),
+  // Optional site logo, stored as media-library references (so it participates
+  // in usage tracking + GC protection, and its resolved URL is reusable for the
+  // Phase 3 social-preview image). Every field defaults so pre-existing
+  // site-config.json files keep parsing.
+  logo: z3.object({
+    light: z3.object({ imageId: z3.string() }),
+    dark: z3.object({ imageId: z3.string() }).nullable().default(null),
+    invertInDark: z3.boolean().default(false),
+    showInNav: z3.boolean().default(true)
+  }).nullable().default(null),
   media: MediaConfigSchema.default(MediaConfigSchema.parse({})),
   // Brand chatbot config (editor-owned; the platform kill switch lives in the
   // sites table, not here). Every field defaults so pre-existing

package/dist/components/editor/index.js

@@ -11,20 +11,20 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "../../chunk-YAPG44NS.js";
+} from "../../chunk-XDG2K6UT.js";
 import "../../chunk-5THS4K5D.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   AddIcon,
   IconButton
-} from "../../chunk-MBJUWOM2.js";
-import "../../chunk-YKOLOZB2.js";
+} from "../../chunk-EO7K45GV.js";
+import "../../chunk-DRCPDOW3.js";
 import "../../chunk-677NTHAZ.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-E3MTIMOG.js";
+import "../../chunk-XPUBUR64.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";
 

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-FDBZZ4AT.js";
+} from "../../chunk-PTVY3Q7P.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,20 +10,20 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-DKXISNJ2.js";
+} from "../../chunk-NEDOJHHR.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   DeleteIcon,
   DragHandle,
   IconButton
-} from "../../chunk-MBJUWOM2.js";
-import "../../chunk-YKOLOZB2.js";
+} from "../../chunk-EO7K45GV.js";
+import "../../chunk-DRCPDOW3.js";
 import "../../chunk-53DKVAB6.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-E3MTIMOG.js";
+import "../../chunk-XPUBUR64.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";

package/dist/components/sections/brand-guide.js

@@ -2,16 +2,16 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-665DW3HR.js";
+} from "../../chunk-6VOIZP2O.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-DKXISNJ2.js";
-import "../../chunk-MBJUWOM2.js";
-import "../../chunk-YKOLOZB2.js";
+import "../../chunk-NEDOJHHR.js";
+import "../../chunk-EO7K45GV.js";
+import "../../chunk-DRCPDOW3.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-E3MTIMOG.js";
+import "../../chunk-XPUBUR64.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";

package/dist/components/sections/register-schemas.js

@@ -1,22 +1,22 @@
 import {
   allSectionDefs
-} from "../../chunk-2CVP2AGK.js";
-import "../../chunk-665DW3HR.js";
-import "../../chunk-YAPG44NS.js";
+} from "../../chunk-VY5V4HBV.js";
+import "../../chunk-6VOIZP2O.js";
+import "../../chunk-XDG2K6UT.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-FDBZZ4AT.js";
-import "../../chunk-DKXISNJ2.js";
+import "../../chunk-PTVY3Q7P.js";
+import "../../chunk-NEDOJHHR.js";
 import "../../chunk-ZSPCE6MZ.js";
-import "../../chunk-MBJUWOM2.js";
+import "../../chunk-EO7K45GV.js";
 import "../../chunk-Y4JQGO6G.js";
-import "../../chunk-YKOLOZB2.js";
+import "../../chunk-DRCPDOW3.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-E3MTIMOG.js";
+import "../../chunk-XPUBUR64.js";
 import {
   registerRichText,
   registerSchema

package/dist/components/sections/register.js

@@ -1,22 +1,22 @@
 import {
   allSectionDefs
-} from "../../chunk-2CVP2AGK.js";
-import "../../chunk-665DW3HR.js";
-import "../../chunk-YAPG44NS.js";
+} from "../../chunk-VY5V4HBV.js";
+import "../../chunk-6VOIZP2O.js";
+import "../../chunk-XDG2K6UT.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-FDBZZ4AT.js";
-import "../../chunk-DKXISNJ2.js";
+import "../../chunk-PTVY3Q7P.js";
+import "../../chunk-NEDOJHHR.js";
 import "../../chunk-ZSPCE6MZ.js";
-import "../../chunk-MBJUWOM2.js";
+import "../../chunk-EO7K45GV.js";
 import "../../chunk-Y4JQGO6G.js";
-import "../../chunk-YKOLOZB2.js";
+import "../../chunk-DRCPDOW3.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-E3MTIMOG.js";
+import "../../chunk-XPUBUR64.js";
 import {
   registerSection
 } from "../../chunk-VKAGMEKE.js";

package/dist/components/shared/Navigation.d.ts

@@ -4,8 +4,13 @@ interface Props {
     siteName: string;
     darkMode: "light" | "dark" | "optional";
     lastUpdated: string | null;
+    logo?: {
+        lightUrl: string;
+        darkUrl: string | null;
+        invertInDark: boolean;
+    } | null;
     onPageSelect?: (pageId: string) => void;
 }
-export default function Navigation({ siteNav: initialNav, siteName, darkMode, lastUpdated, onPageSelect }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Navigation({ siteNav: initialNav, siteName, darkMode, lastUpdated, logo, onPageSelect }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Navigation.d.ts.map

package/dist/components/shared/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAOtD,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAG3B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,2CAwO/G"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAOtD,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,YAAY,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IAGlF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,2CAyPrH"}

package/dist/components/shell/EditorShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAmCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CAshDP;AAuED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAmCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CA0hDP;AAuED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}

package/dist/components/shell/SiteSettingsDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SiteSettingsDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsDisplay.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAkBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA6KlE"}
+{"version":3,"file":"SiteSettingsDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsDisplay.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AA4BD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA2QlE"}

package/dist/hooks/useMediaPipeline.d.ts

@@ -15,8 +15,9 @@ interface UseMediaPipelineInput {
     markSectionDirty: (sectionId: string, content: SectionContent) => void;
     onUploadError?: (message: string) => void;
     onUploadNotice?: (message: string) => void;
+    onSiteConfigChange?: (updater: (prev: SiteConfig) => SiteConfig) => void;
 }
-export declare function useMediaPipeline({ siteConfig, mediaManifest, setMediaManifest, sections, setSections, setLocalChangesExist, setDirtySectionIds, markSectionDirty, onUploadError, onUploadNotice, }: UseMediaPipelineInput): {
+export declare function useMediaPipeline({ siteConfig, mediaManifest, setMediaManifest, sections, setSections, setLocalChangesExist, setDirtySectionIds, markSectionDirty, onUploadError, onUploadNotice, onSiteConfigChange, }: UseMediaPipelineInput): {
     processingItems: QueueItem[];
     pendingMediaItems: {
         id: string;

package/dist/hooks/useMediaPipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaPipeline.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaPipeline.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAmB,MAAM,gBAAgB,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAiC,MAAM,gBAAgB,CAAC;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAexF,UAAU,qBAAqB;IAC7B,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IACtE,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACnE,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACpE,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACtE,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAIvE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAG1C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,cAAc,GACf,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAkS8B,IAAI,EAAE,mBAAkB,MAAM,GAAG,IAAI;6BAyDvC,MAAM,EAAE;+BA+CZ,MAAM,OAAO,MAAM;+BAiBnB,MAAM,YAAY,MAAM,GAAG,IAAI,KAAG,MAAM;6BAW1C,MAAM,QAAQ,MAAM;2BAWtB,MAAM,YAAY,MAAM,GAAG,IAAI;6BA4BvB,MAAM,YAAY,MAAM,GAAG,QAAQ;2BAd3C,MAAM,EAAE,YAAY,MAAM,GAAG,IAAI;kCA4DhE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,EAAE,mBAC9B,MAAM,GAAG,IAAI;;;wBAiCO,IAAI,eAAe,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;EAoFpF"}
+{"version":3,"file":"useMediaPipeline.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaPipeline.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAmB,MAAM,gBAAgB,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAiC,MAAM,gBAAgB,CAAC;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAexF,UAAU,qBAAqB;IAC7B,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IACtE,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACnE,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACpE,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACtE,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAIvE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAG1C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAI3C,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,UAAU,KAAK,IAAI,CAAC;CAC1E;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAkS8B,IAAI,EAAE,mBAAkB,MAAM,GAAG,IAAI;6BAyDvC,MAAM,EAAE;+BAsDZ,MAAM,OAAO,MAAM;+BAiBnB,MAAM,YAAY,MAAM,GAAG,IAAI,KAAG,MAAM;6BAW1C,MAAM,QAAQ,MAAM;2BAWtB,MAAM,YAAY,MAAM,GAAG,IAAI;6BA4BvB,MAAM,YAAY,MAAM,GAAG,QAAQ;2BAd3C,MAAM,EAAE,YAAY,MAAM,GAAG,IAAI;kCA4DhE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,EAAE,mBAC9B,MAAM,GAAG,IAAI;;;wBAkCO,IAAI,eAAe,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;EAoFpF"}

package/dist/index.js

@@ -26,11 +26,12 @@ import {
   hashFileBuffer,
   mimeToExt,
   rebindImageRef,
+  resolveLogo,
   resolveManifestReferences,
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "./chunk-YKOLOZB2.js";
+} from "./chunk-DRCPDOW3.js";
 import {
   CollabPeerSchema,
   HEARTBEAT_INTERVAL_MS,
@@ -49,7 +50,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-EP3LVOXZ.js";
+} from "./chunk-WA3HFN54.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -71,7 +72,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "./chunk-DO3ZENLN.js";
+} from "./chunk-OEL57NYV.js";
 import {
   curatedIcons,
   getIcon
@@ -124,7 +125,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "./chunk-E3MTIMOG.js";
+} from "./chunk-XPUBUR64.js";
 import {
   clearRegistry,
   createRegistry,
@@ -243,6 +244,7 @@ export {
   registerSchema,
   registerSection,
   requireSessionSecret,
+  resolveLogo,
   resolveManifestReferences,
   resolveMedia,
   safeNextPath,

package/dist/lib/image-refs.d.ts

@@ -1,3 +1,4 @@
+import type { SiteConfig } from "../schemas/site-config";
 /**
  * Structural walkers over section content for `imageId` references.
  *
@@ -18,4 +19,12 @@ export declare function collectImageIds(value: unknown): Set<string>;
  * including arrays and nesting, is preserved unchanged.
  */
 export declare function clearImageIds(value: unknown, ids: Set<string>): unknown;
+/**
+ * Applies a media-deletion id set to a site logo config, granularly: deleting
+ * the light variant's backing asset removes the logo entirely (no light = no
+ * logo to show), while deleting only the dark variant's asset keeps the
+ * light logo + flags and drops just the dark override. Returns the same
+ * `logo` reference unchanged when neither id was deleted.
+ */
+export declare function applyLogoDeletion(logo: SiteConfig["logo"], deletedIds: Set<string>): SiteConfig["logo"];
 //# sourceMappingURL=image-refs.d.ts.map

package/dist/lib/image-refs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-refs.d.ts","sourceRoot":"","sources":["../../src/lib/image-refs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,GAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAa,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAa1G;AAED,uEAAuE;AACvE,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,CAE3D;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO,CAevE"}
+{"version":3,"file":"image-refs.d.ts","sourceRoot":"","sources":["../../src/lib/image-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,GAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAa,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAa1G;AAED,uEAAuE;AACvE,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,CAE3D;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO,CAevE;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,UAAU,CAAC,MAAM,CAAC,CAKpB"}

package/dist/lib/index.js

@@ -7,7 +7,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "../chunk-DO3ZENLN.js";
+} from "../chunk-OEL57NYV.js";
 import {
   curatedIcons,
   getIcon
@@ -33,7 +33,7 @@ import {
 } from "../chunk-YBVK254P.js";
 import "../chunk-75P6HWPN.js";
 import "../chunk-TZQPOR5A.js";
-import "../chunk-E3MTIMOG.js";
+import "../chunk-XPUBUR64.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/media/index.js

@@ -12,11 +12,12 @@ import {
   hashFileBuffer,
   mimeToExt,
   rebindImageRef,
+  resolveLogo,
   resolveManifestReferences,
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "../chunk-YKOLOZB2.js";
+} from "../chunk-DRCPDOW3.js";
 import "../chunk-YBVK254P.js";
 import {
   ImageManifestSchema,
@@ -24,7 +25,7 @@ import {
   MediaFolderSchema,
   MediaItemSchema,
   VariantSchema
-} from "../chunk-E3MTIMOG.js";
+} from "../chunk-XPUBUR64.js";
 import "../chunk-FM4M4Q2W.js";
 import "../chunk-JSBRDJBE.js";
 export {
@@ -46,6 +47,7 @@ export {
   hashFileBuffer,
   mimeToExt,
   rebindImageRef,
+  resolveLogo,
   resolveManifestReferences,
   resolveMedia,
   sanitizeMediaName,

package/dist/media/resolve.d.ts

@@ -26,4 +26,29 @@ export declare const BAKED_MEDIA_KEYS: readonly ["src", "srcset", "alt", "width"
 export declare function rebindImageRef<T extends {
     imageId?: string;
 }>(ref: T, imageId: string): T;
+export interface ResolvedLogo {
+    lightUrl: string;
+    darkUrl: string | null;
+    invertInDark: boolean;
+    showInNav: boolean;
+}
+/**
+ * Resolves a SiteConfig["logo"] entry into concrete URLs. Returns null when
+ * there is no logo configured, when the light variant's imageId can't be
+ * resolved against the manifest, or when the light variant resolves to a
+ * video (an `<img>` can't render mp4/webm) — callers should fall back to
+ * rendering the site name as text rather than a broken image. Still-image and
+ * animated (gif) picks are both fine — only a video pick is rejected, since
+ * both those tags resolve to `tag: "img"`.
+ */
+export declare function resolveLogo(logo: {
+    light: {
+        imageId: string;
+    };
+    dark: {
+        imageId: string;
+    } | null;
+    invertInDark: boolean;
+    showInNav: boolean;
+} | null, manifest: MediaManifest, provider: MediaProvider): ResolvedLogo | null;
 //# sourceMappingURL=resolve.d.ts.map

package/dist/media/resolve.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolve.d.ts","sourceRoot":"","sources":["../../src/media/resolve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,YAAY,CAC1B,IAAI,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,EACxC,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,aAAa,GACtB,aAAa,GAAG,IAAI,CAKtB;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,aAAa,GACtB,OAAO,CA0CT;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,gEAAiE,CAAC;AAE/F;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC,CAIzF"}
+{"version":3,"file":"resolve.d.ts","sourceRoot":"","sources":["../../src/media/resolve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,YAAY,CAC1B,IAAI,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,EACxC,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,aAAa,GACtB,aAAa,GAAG,IAAI,CAKtB;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,aAAa,GACtB,OAAO,CA0CT;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,gEAAiE,CAAC;AAE/F;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC,CAIzF;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE;IAAE,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,EACxH,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,aAAa,GACtB,YAAY,GAAG,IAAI,CAYrB"}

package/dist/schemas/index.js

@@ -3,7 +3,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "../chunk-EP3LVOXZ.js";
+} from "../chunk-WA3HFN54.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -40,7 +40,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "../chunk-E3MTIMOG.js";
+} from "../chunk-XPUBUR64.js";
 import "../chunk-VKAGMEKE.js";
 import "../chunk-FM4M4Q2W.js";
 import "../chunk-NSCT3AMV.js";

package/dist/schemas/site-config.d.ts

@@ -456,6 +456,16 @@ export declare const SiteConfigSchema: z.ZodObject<{
     uppercaseNavHeadings: z.ZodDefault<z.ZodBoolean>;
     googleFontsUrl: z.ZodDefault<z.ZodNullable<z.ZodString>>;
     favicon: z.ZodDefault<z.ZodNullable<z.ZodString>>;
+    logo: z.ZodDefault<z.ZodNullable<z.ZodObject<{
+        light: z.ZodObject<{
+            imageId: z.ZodString;
+        }, z.core.$strip>;
+        dark: z.ZodDefault<z.ZodNullable<z.ZodObject<{
+            imageId: z.ZodString;
+        }, z.core.$strip>>>;
+        invertInDark: z.ZodDefault<z.ZodBoolean>;
+        showInNav: z.ZodDefault<z.ZodBoolean>;
+    }, z.core.$strip>>>;
     media: z.ZodDefault<z.ZodObject<{
         sizes: z.ZodDefault<z.ZodArray<z.ZodNumber>>;
         maxFileSize: z.ZodDefault<z.ZodNumber>;

package/dist/schemas/site-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,8EAA+E,CAAC;AAW3G,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;iBAwB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4B3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,8EAA+E,CAAC;AAW3G,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;iBAwB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyC3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.86",
+  "version": "0.1.87",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/shared/Navigation.tsx

@@ -14,12 +14,13 @@ interface Props {
   siteName: string;
   darkMode: "light" | "dark" | "optional";
   lastUpdated: string | null;
+  logo?: { lightUrl: string; darkUrl: string | null; invertInDark: boolean } | null;
   // Optional same-island handler (tests). In production the editor nav is a
   // separate island from EditorShell, so a click dispatches pageSelectEvent.
   onPageSelect?: (pageId: string) => void;
 }
 
-export default function Navigation({ siteNav: initialNav, siteName, darkMode, lastUpdated, onPageSelect }: Props) {
+export default function Navigation({ siteNav: initialNav, siteName, darkMode, lastUpdated, logo, onPageSelect }: Props) {
   const [isOpen, setIsOpen] = useState(false);
   const [isEditMode, setIsEditMode] = useState(false);
   const [currentDarkMode, setCurrentDarkMode] = useState(darkMode);
@@ -135,6 +136,19 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
     </ul>
   );
 
+  const logoMark = logo ? (
+    <>
+      <img
+        src={logo.lightUrl}
+        alt={currentSiteName}
+        className={logo.darkUrl ? "block h-8 w-auto object-contain dark:hidden" : logo.invertInDark ? "h-8 w-auto object-contain dark:invert" : "h-8 w-auto object-contain"}
+      />
+      {logo.darkUrl && (
+        <img src={logo.darkUrl} alt={currentSiteName} className="hidden h-8 w-auto object-contain dark:block" />
+      )}
+    </>
+  ) : null;
+
   const handlePageClick = useCallback((id: string) => {
     if (onPageSelect) onPageSelect(id);
     else pageSelectEvent.dispatch(id);
@@ -193,7 +207,10 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
     <>
       <header className="fixed top-0 left-0 right-0 z-50 bg-base lg:hidden">
         <div className="mx-auto max-w-screen-xl flex h-16 items-center justify-between px-4">
-          <span className="text-lg font-bold text-primary">{currentSiteName}</span>
+          <div className="flex flex-col items-start gap-1">
+            {logoMark}
+            <span className="text-lg font-bold text-primary">{currentSiteName}</span>
+          </div>
           <button onClick={() => setIsOpen(!isOpen)} className="cursor-pointer p-2 text-base-contrast" aria-label="Toggle navigation">
             <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
               {isOpen
@@ -209,6 +226,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
       <nav className={cn("fixed top-0 left-0 lg:left-auto z-40 h-full w-64 flex flex-col overflow-y-auto border-r border-base-200 bg-base pt-16 transition-transform lg:translate-x-0 nav-sidebar",
         isOpen ? "translate-x-0" : "-translate-x-full")}>
         <div className="hidden px-4 py-4 lg:block">
+          {logoMark}
           <span className="text-lg font-bold text-primary">{currentSiteName}</span>
         </div>
 

package/src/components/shell/EditorShell.tsx

@@ -363,6 +363,10 @@ export default function EditorShell({
     markSectionDirty: persistence.markSectionDirty,
     onUploadError: (message) => setUploadErrorMessage(message),
     onUploadNotice: setUploadNotice,
+    onSiteConfigChange: (updater) => {
+      if (!siteConfig) return;
+      handleSiteConfigChange(updater(siteConfig));
+    },
   });
 
   const buildStatus = useBuildStatus();

package/src/components/shell/SiteSettingsDisplay.tsx

@@ -6,15 +6,27 @@ import { FontPicker } from "../shared/FontPicker";
 import { Input } from "../shared/Input";
 import { Select } from "../shared/Select";
 import { FormLabel } from "../shared/FormLabel";
+import { useMediaLibrary } from "./MediaLibraryContext";
 import { deriveContrast } from "../../lib/contrast";
 import { buildGoogleFontsUrl } from "../../lib/google-fonts";
 import type { SiteConfig } from "../../schemas/site-config";
+import type { MediaItem } from "../../media/types";
 
 interface Props {
   siteConfig: SiteConfig;
   onChange: (config: SiteConfig) => void;
 }
 
+// Smallest generated variant for the editor-preview thumbnail (mirrors
+// DocInspector's thumbSrc) — avoids needing a MediaProvider in this context.
+function thumbSrc(imageId: string, item: MediaItem | undefined): string | null {
+  if (!item || item.kind !== "image") return null;
+  if (item.mimeType === "image/svg+xml") return `/api/media/${imageId}/original.svg`;
+  const widths = item.variants.map((v) => v.width).sort((a, b) => a - b);
+  if (widths.length === 0) return null;
+  return `/api/media/${imageId}/${widths[0]}.webp`;
+}
+
 const darkModeOptions = [
   { label: "Light", value: "light" },
   { label: "Dark", value: "dark" },
@@ -33,11 +45,19 @@ const FAVICON_MAX_BYTES = 100 * 1024;
 
 export function SiteSettingsDisplay({ siteConfig, onChange }: Props) {
   const [faviconError, setFaviconError] = useState<string | null>(null);
+  const mediaLibrary = useMediaLibrary();
 
   function update(patch: Partial<SiteConfig>) {
     onChange({ ...siteConfig, ...patch });
   }
 
+  function pickLogo(which: "light" | "dark") {
+    mediaLibrary?.openSelectModal((imageId) => {
+      const base = siteConfig.logo ?? { light: { imageId: "" }, dark: null, invertInDark: false, showInNav: true };
+      update({ logo: { ...base, [which]: { imageId } } });
+    });
+  }
+
   function handleFaviconFile(file: File | undefined) {
     if (!file) return;
     if (!FAVICON_TYPES.includes(file.type)) {
@@ -154,6 +174,92 @@ export function SiteSettingsDisplay({ siteConfig, onChange }: Props) {
         {faviconError && <p className="mt-1 text-xs text-red-600">{faviconError}</p>}
       </div>
 
+      {(() => {
+        const logo = siteConfig.logo;
+        const lightSrc = logo ? thumbSrc(logo.light.imageId, mediaLibrary?.manifest.images[logo.light.imageId]) : null;
+        const darkSrc = logo?.dark ? thumbSrc(logo.dark.imageId, mediaLibrary?.manifest.images[logo.dark.imageId]) : null;
+        const needsDarkHint = logo != null && siteConfig.darkMode !== "light" && !logo.dark && !logo.invertInDark;
+
+        return (
+          <div>
+            <FormLabel>Logo</FormLabel>
+            <div className="flex items-center gap-3">
+              {logo && (lightSrc ? (
+                <img
+                  src={lightSrc}
+                  alt="Current logo"
+                  className="h-8 w-auto max-w-[8rem] rounded border border-base-200 bg-base-accent object-contain p-1"
+                />
+              ) : (
+                <span className="text-xs text-base-contrast-light">Logo selected</span>
+              ))}
+              <Button variant="secondary" size="sm" onClick={() => pickLogo("light")}>
+                {logo ? "Replace logo" : "Add logo"}
+              </Button>
+              {logo && (
+                <Button variant="ghost" tone="destructive" size="sm" aria-label="Remove logo" onClick={() => update({ logo: null })}>
+                  Remove logo
+                </Button>
+              )}
+            </div>
+            <p className="mt-1 text-xs text-base-contrast/70">Shown in the site navigation in place of the site name.</p>
+
+            {logo && (
+              <div className="mt-3 space-y-3 border-l-2 border-base-200 pl-3">
+                <div>
+                  <FormLabel>Dark variant</FormLabel>
+                  <div className="flex items-center gap-3">
+                    {logo.dark && (darkSrc ? (
+                      <img
+                        src={darkSrc}
+                        alt="Current dark-mode logo"
+                        className="h-8 w-auto max-w-[8rem] rounded border border-base-200 bg-base-accent object-contain p-1"
+                      />
+                    ) : (
+                      <span className="text-xs text-base-contrast-light">Dark logo selected</span>
+                    ))}
+                    <Button variant="secondary" size="sm" onClick={() => pickLogo("dark")}>
+                      {logo.dark ? "Replace dark variant" : "Add dark variant"}
+                    </Button>
+                    {logo.dark && (
+                      <Button
+                        variant="ghost"
+                        tone="destructive"
+                        size="sm"
+                        aria-label="Remove dark variant"
+                        onClick={() => update({ logo: { ...logo, dark: null } })}
+                      >
+                        Remove
+                      </Button>
+                    )}
+                  </div>
+                  <Checkbox
+                    className="mt-2"
+                    checked={logo.invertInDark}
+                    onChange={(v) => update({ logo: { ...logo, invertInDark: v } })}
+                    label="Invert in dark mode"
+                    description="Flips the light logo's colors instead of uploading a separate file."
+                    disabled={Boolean(logo.dark)}
+                  />
+                </div>
+
+                <Checkbox
+                  checked={logo.showInNav}
+                  onChange={(v) => update({ logo: { ...logo, showInNav: v } })}
+                  label="Show in navigation"
+                />
+
+                {needsDarkHint && (
+                  <p className="text-xs text-amber-600">
+                    Add a dark variant or enable invert so the logo stays legible in dark mode.
+                  </p>
+                )}
+              </div>
+            )}
+          </div>
+        );
+      })()}
+
       <Select
         label="Dark mode"
         value={siteConfig.darkMode}

package/src/hooks/useMediaPipeline.ts

@@ -13,7 +13,7 @@ import {
   removePendingMediaDeletion,
 } from "../lib/dexie";
 import { generateVideoPoster } from "../media/videoPoster";
-import { tallyImageIds, collectImageIds, clearImageIds } from "../lib/image-refs";
+import { tallyImageIds, collectImageIds, clearImageIds, applyLogoDeletion } from "../lib/image-refs";
 import {
   createFolderId, uniqueFolderName, effectiveParentId, canMoveFolder,
   descendantFolderIds, itemFolderId, planFolderUpload,
@@ -36,6 +36,10 @@ interface UseMediaPipelineInput {
   // Surfaces non-error, informational notices (e.g. "N files already exist
   // and were left where they are" on dedup skip) to the caller.
   onUploadNotice?: (message: string) => void;
+  // Lets handleMediaDelete null out siteConfig.logo when its backing asset is
+  // deleted. Updater form (not a plain setter) so the caller can adapt its own
+  // value-based site-config change handler.
+  onSiteConfigChange?: (updater: (prev: SiteConfig) => SiteConfig) => void;
 }
 
 export function useMediaPipeline({
@@ -49,6 +53,7 @@ export function useMediaPipeline({
   markSectionDirty,
   onUploadError,
   onUploadNotice,
+  onSiteConfigChange,
 }: UseMediaPipelineInput) {
   const [processingItems, setProcessingItems] = useState<QueueItem[]>([]);
   const [pendingMediaItems, setPendingMediaItems] = useState<LibraryMediaItem[]>([]);
@@ -440,8 +445,15 @@ export function useMediaPipeline({
       }),
     );
 
+    if (siteConfig?.logo && onSiteConfigChange) {
+      const logoIds = collectImageIds(siteConfig.logo);
+      if (ids.some((id) => logoIds.has(id))) {
+        onSiteConfigChange((prev) => ({ ...prev, logo: applyLogoDeletion(prev.logo, idSet) }));
+      }
+    }
+
     setLocalChangesExist(true);
-  }, [pendingMediaItems, markSectionDirty, setSections, setDirtySectionIds, setLocalChangesExist]);
+  }, [pendingMediaItems, markSectionDirty, setSections, setDirtySectionIds, setLocalChangesExist, siteConfig, onSiteConfigChange]);
 
   const handleMediaAltChange = useCallback((id: string, alt: string) => {
     setMediaManifest((prev) => {
@@ -585,8 +597,9 @@ export function useMediaPipeline({
   const referenceCountMap = useMemo((): Record<string, number> => {
     const counts = new Map<string, number>();
     for (const { section } of sections) tallyImageIds(section, counts);
+    if (siteConfig) tallyImageIds(siteConfig, counts);
     return Object.fromEntries(counts);
-  }, [sections]);
+  }, [sections, siteConfig]);
 
   // --- Unified enqueue ---
 

package/src/lib/image-refs.ts

@@ -1,3 +1,5 @@
+import type { SiteConfig } from "../schemas/site-config";
+
 /**
  * Structural walkers over section content for `imageId` references.
  *
@@ -51,3 +53,20 @@ export function clearImageIds(value: unknown, ids: Set<string>): unknown {
   }
   return value;
 }
+
+/**
+ * Applies a media-deletion id set to a site logo config, granularly: deleting
+ * the light variant's backing asset removes the logo entirely (no light = no
+ * logo to show), while deleting only the dark variant's asset keeps the
+ * light logo + flags and drops just the dark override. Returns the same
+ * `logo` reference unchanged when neither id was deleted.
+ */
+export function applyLogoDeletion(
+  logo: SiteConfig["logo"],
+  deletedIds: Set<string>,
+): SiteConfig["logo"] {
+  if (!logo) return logo;
+  if (deletedIds.has(logo.light.imageId)) return null;
+  if (logo.dark && deletedIds.has(logo.dark.imageId)) return { ...logo, dark: null };
+  return logo;
+}

package/src/media/resolve.ts

@@ -86,3 +86,37 @@ export function rebindImageRef<T extends { imageId?: string }>(ref: T, imageId:
   for (const key of BAKED_MEDIA_KEYS) delete fresh[key];
   return fresh as T;
 }
+
+export interface ResolvedLogo {
+  lightUrl: string;
+  darkUrl: string | null;
+  invertInDark: boolean;
+  showInNav: boolean;
+}
+
+/**
+ * Resolves a SiteConfig["logo"] entry into concrete URLs. Returns null when
+ * there is no logo configured, when the light variant's imageId can't be
+ * resolved against the manifest, or when the light variant resolves to a
+ * video (an `<img>` can't render mp4/webm) — callers should fall back to
+ * rendering the site name as text rather than a broken image. Still-image and
+ * animated (gif) picks are both fine — only a video pick is rejected, since
+ * both those tags resolve to `tag: "img"`.
+ */
+export function resolveLogo(
+  logo: { light: { imageId: string }; dark: { imageId: string } | null; invertInDark: boolean; showInNav: boolean } | null,
+  manifest: MediaManifest,
+  provider: MediaProvider,
+): ResolvedLogo | null {
+  if (!logo) return null;
+  const light = resolveMedia({ imageId: logo.light.imageId }, manifest, [1], provider);
+  if (!light?.src || light.tag === "video") return null;
+  const dark = logo.dark ? resolveMedia({ imageId: logo.dark.imageId }, manifest, [1], provider) : null;
+  const darkUrl = dark && dark.tag !== "video" ? dark.src : null;
+  return {
+    lightUrl: light.src,
+    darkUrl,
+    invertInDark: logo.invertInDark,
+    showInNav: logo.showInNav,
+  };
+}

package/src/schemas/site-config.ts

@@ -211,6 +211,19 @@ export const SiteConfigSchema = z.object({
     .refine((v) => v.startsWith("data:image/"), "Favicon must be an image data URL")
     .nullable()
     .default(null),
+  // Optional site logo, stored as media-library references (so it participates
+  // in usage tracking + GC protection, and its resolved URL is reusable for the
+  // Phase 3 social-preview image). Every field defaults so pre-existing
+  // site-config.json files keep parsing.
+  logo: z
+    .object({
+      light: z.object({ imageId: z.string() }),
+      dark: z.object({ imageId: z.string() }).nullable().default(null),
+      invertInDark: z.boolean().default(false),
+      showInNav: z.boolean().default(true),
+    })
+    .nullable()
+    .default(null),
   media: MediaConfigSchema.default(MediaConfigSchema.parse({})),
   // Brand chatbot config (editor-owned; the platform kill switch lives in the
   // sites table, not here). Every field defaults so pre-existing