@drawnagency/primitives 0.1.39 → 0.1.41

package/dist/{chunk-GQV2554Z.js → chunk-62OWSJ7V.js}

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

package/dist/{chunk-LW5EGJFM.js → chunk-A4RARGF2.js}

@@ -180,6 +180,7 @@ var SiteConfigSchema = z3.object({
   darkMode: z3.enum(["light", "dark", "optional"]).default("light"),
   headingFont: z3.string().default("system-ui"),
   bodyFont: z3.string().default("system-ui"),
+  uppercaseHeadings: z3.boolean().default(true),
   googleFontsUrl: z3.string().refine((url) => url.startsWith("https://fonts.googleapis.com/"), "Must be a Google Fonts URL").nullable().default(null),
   media: MediaConfigSchema.default(MediaConfigSchema.parse({}))
 });

package/dist/{chunk-I6ZPOEK2.js → chunk-BU52OBPW.js}

@@ -3,7 +3,7 @@ import {
   getAllSchemas,
   getSection,
   getSectionSchema
-} from "./chunk-LW5EGJFM.js";
+} from "./chunk-A4RARGF2.js";
 import {
   safeNextPath
 } from "./chunk-S2L3BPLS.js";

package/dist/{chunk-TNHX35TE.js → chunk-VY67DS3O.js}

@@ -44,6 +44,13 @@ function displayFilenameExt(mime) {
   const ext = MIME_TO_EXT[mime];
   return ext ? `.${ext}` : "";
 }
+function displayFilename(originalName, mimeType) {
+  const ext = MIME_TO_EXT[mimeType];
+  if (!ext) return originalName;
+  const suffix = `.${ext}`;
+  if (originalName.endsWith(suffix)) return originalName;
+  return `${originalName}${suffix}`;
+}
 
 // src/media/queue.ts
 var ProcessingQueue = class {
@@ -287,6 +294,7 @@ export {
   EXT_TO_MIME,
   mimeToExt,
   displayFilenameExt,
+  displayFilename,
   ProcessingQueue,
   resolveMedia,
   resolveManifestReferences,

package/dist/components/primitives/MediaSettingsForms.d.ts

@@ -1,18 +1,22 @@
-export declare function ImageSettingsForm({ border, objectFit, onChange, }: {
+export declare function ImageSettingsForm({ border, objectFit, invertFrom: initialInvertFrom, onChange, }: {
     border?: boolean;
     objectFit?: "cover" | "contain";
+    invertFrom?: string;
     onChange: (update: {
         border?: boolean;
         objectFit?: "cover" | "contain";
+        invertFrom?: string;
     }) => void;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function DoDontImageSettingsForm({ border, objectFit, doDont: initialDoDont, onChange, }: {
+export declare function DoDontImageSettingsForm({ border, objectFit, invertFrom, doDont: initialDoDont, onChange, }: {
     border?: boolean;
     objectFit?: "cover" | "contain";
+    invertFrom?: string;
     doDont: "do" | "dont";
     onChange: (update: {
         border?: boolean;
         objectFit?: "cover" | "contain";
+        invertFrom?: string;
         doDont: "do" | "dont";
     }) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/primitives/MediaSettingsForms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaSettingsForms.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/MediaSettingsForms.tsx"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,KAAK,IAAI,CAAC;CACnF,2CA+BA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,SAAS,EACT,MAAM,EAAE,aAAa,EACrB,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,MAAM,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1G,2CAmDA"}
+{"version":3,"file":"MediaSettingsForms.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/MediaSettingsForms.tsx"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,UAAU,EAAE,iBAAiB,EAC7B,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACxG,2CA6CA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,SAAS,EACT,UAAU,EACV,MAAM,EAAE,aAAa,EACrB,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC/H,2CAoDA"}

package/dist/components/primitives/ResolvedMedia.d.ts

@@ -5,7 +5,8 @@ interface ResolvedMediaProps {
     alt?: string;
     className?: string;
     imgClassName?: string;
+    invertFrom?: string;
 }
-export declare function ResolvedMedia({ imageId, src: propSrc, srcset: propSrcset, alt: propAlt, className, imgClassName, }: ResolvedMediaProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResolvedMedia({ imageId, src: propSrc, srcset: propSrcset, alt: propAlt, className, imgClassName, invertFrom, }: ResolvedMediaProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ResolvedMedia.d.ts.map

package/dist/components/primitives/ResolvedMedia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResolvedMedia.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/ResolvedMedia.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,SAAS,EACT,YAAY,GACb,EAAE,kBAAkB,2CA0BpB"}
+{"version":3,"file":"ResolvedMedia.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/ResolvedMedia.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,kBAAkB,2CA+BpB"}

package/dist/components/shell/BugReportFAB.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    siteId: string;
+}
+export declare function BugReportFAB({ siteId }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=BugReportFAB.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BugReportFAB.d.ts","sourceRoot":"","sources":["../../../src/components/shell/BugReportFAB.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAyBD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,kDAsT7C"}

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":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqDjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,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;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,GACZ,EAAE,KAAK,2CAqoBP"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAsDjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,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;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,GACZ,EAAE,KAAK,2CAwoBP"}

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

@@ -1 +1 @@
-{"version":3,"file":"MediaLibraryModal.d.ts","sourceRoot":"","sources":["../../../src/components/shell/MediaLibraryModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,mBAAmB,CAAC;AAG9D,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA+ED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,WAAgB,EAChB,WAAW,GACZ,EAAE,sBAAsB,2CAuQxB"}
+{"version":3,"file":"MediaLibraryModal.d.ts","sourceRoot":"","sources":["../../../src/components/shell/MediaLibraryModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,mBAAmB,CAAC;AAG9D,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA4ED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,WAAgB,EAChB,WAAW,GACZ,EAAE,sBAAsB,2CAuQxB"}

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":"AAOA,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;AAQD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAyDlE"}
+{"version":3,"file":"SiteSettingsDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsDisplay.tsx"],"names":[],"mappings":"AAQA,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;AAQD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA+DlE"}

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-GQV2554Z.js";
+} from "./chunk-62OWSJ7V.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -30,7 +30,7 @@ import {
   safeRedirect,
   sanitizeHtml,
   toSectionId
-} from "./chunk-I6ZPOEK2.js";
+} from "./chunk-BU52OBPW.js";
 import {
   ColorItemSchema,
   ColorSpaceSchema,
@@ -51,7 +51,7 @@ import {
   getSectionSchema,
   registerSchema,
   registerSection
-} from "./chunk-LW5EGJFM.js";
+} from "./chunk-A4RARGF2.js";
 import {
   AUDIENCE_COOKIE,
   LastOwnerError,
@@ -73,6 +73,7 @@ import {
   EXT_TO_MIME,
   MIME_TO_EXT,
   ProcessingQueue,
+  displayFilename,
   displayFilenameExt,
   generateVideoPoster,
   getMediaProvider,
@@ -82,7 +83,7 @@ import {
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "./chunk-TNHX35TE.js";
+} from "./chunk-VY67DS3O.js";
 import {
   ImageManifestSchema,
   MediaConfigSchema,
@@ -125,6 +126,7 @@ export {
   darkModeEvent,
   defineSection,
   deriveContrast,
+  displayFilename,
   displayFilenameExt,
   editModeEvent,
   ensureSanitizer,

package/dist/lib/dexie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dexie.d.ts","sourceRoot":"","sources":["../../src/lib/dexie.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dexie.d.ts","sourceRoot":"","sources":["../../src/lib/dexie.ts"],"names":[],"mappings":"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"}

package/dist/lib/dexie.js

@@ -106,14 +106,13 @@ async function restoreLocalChanges() {
 }
 async function discardLocalChanges() {
   const database = getDb();
-  await database.transaction("rw", [database.sections, database.siteIndex, database.meta, database.siteConfig, database.pendingMedia, database.pendingMediaDeletions, database.mediaManifest], async () => {
+  await database.transaction("rw", [database.sections, database.siteIndex, database.meta, database.siteConfig, database.pendingMedia, database.pendingMediaDeletions], async () => {
     await database.sections.clear();
     await database.siteIndex.clear();
     await database.meta.clear();
     await database.siteConfig.clear();
     await database.pendingMedia.clear();
     await database.pendingMediaDeletions.clear();
-    await database.mediaManifest.clear();
   });
 }
 async function persistSiteIndex(index, deletedSections = []) {

package/dist/lib/index.js

@@ -18,7 +18,7 @@ import {
   safeRedirect,
   sanitizeHtml,
   toSectionId
-} from "../chunk-I6ZPOEK2.js";
+} from "../chunk-BU52OBPW.js";
 import {
   clearRegistry,
   createRegistry,
@@ -29,7 +29,7 @@ import {
   getSection,
   registerSchema,
   registerSection
-} from "../chunk-LW5EGJFM.js";
+} from "../chunk-A4RARGF2.js";
 import "../chunk-S2L3BPLS.js";
 import {
   env

package/dist/media/index.js

@@ -2,6 +2,7 @@ import {
   EXT_TO_MIME,
   MIME_TO_EXT,
   ProcessingQueue,
+  displayFilename,
   displayFilenameExt,
   generateVideoPoster,
   getMediaProvider,
@@ -11,7 +12,7 @@ import {
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "../chunk-TNHX35TE.js";
+} from "../chunk-VY67DS3O.js";
 import {
   ImageManifestSchema,
   MediaConfigSchema,
@@ -26,6 +27,7 @@ export {
   MediaItemSchema,
   ProcessingQueue,
   VariantSchema,
+  displayFilename,
   displayFilenameExt,
   generateVideoPoster,
   getMediaProvider,

package/dist/media/utils.d.ts

@@ -4,4 +4,5 @@ export declare const MIME_TO_EXT: Record<string, string>;
 export declare const EXT_TO_MIME: Record<string, string>;
 export declare function mimeToExt(mime: string): string;
 export declare function displayFilenameExt(mime: string): string;
+export declare function displayFilename(originalName: string, mimeType: string): string;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/media/utils.ts"],"names":[],"mappings":"AAAA,wBAAsB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAqBzE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI9C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGvD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/media/utils.ts"],"names":[],"mappings":"AAAA,wBAAsB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAqBzE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI9C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGvD;AAED,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAM9E"}

package/dist/schemas/index.js

@@ -3,7 +3,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "../chunk-GQV2554Z.js";
+} from "../chunk-62OWSJ7V.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -21,7 +21,7 @@ import {
   TextLineSchema,
   getSectionContentSchema,
   getSectionSchema
-} from "../chunk-LW5EGJFM.js";
+} from "../chunk-A4RARGF2.js";
 import {
   ImageManifestSchema,
   MediaConfigSchema,

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

@@ -37,6 +37,7 @@ export declare const SiteConfigSchema: z.ZodObject<{
     }>>;
     headingFont: z.ZodDefault<z.ZodString>;
     bodyFont: z.ZodDefault<z.ZodString>;
+    uppercaseHeadings: z.ZodDefault<z.ZodBoolean>;
     googleFontsUrl: z.ZodDefault<z.ZodNullable<z.ZodString>>;
     media: z.ZodDefault<z.ZodObject<{
         sizes: z.ZodDefault<z.ZodArray<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;AAQxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;iBAYvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAEpD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;iBAY3B,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;AAQxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;iBAYvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAEpD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;iBAa3B,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.39",
+  "version": "0.1.41",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/primitives/MediaSettingsForms.tsx

@@ -7,14 +7,17 @@ import { Select } from "../shared/Select";
 export function ImageSettingsForm({
   border,
   objectFit,
+  invertFrom: initialInvertFrom,
   onChange,
 }: {
   border?: boolean;
   objectFit?: "cover" | "contain";
-  onChange: (update: { border?: boolean; objectFit?: "cover" | "contain" }) => void;
+  invertFrom?: string;
+  onChange: (update: { border?: boolean; objectFit?: "cover" | "contain"; invertFrom?: string }) => void;
 }) {
   const [itemBorder, setItemBorder] = useState(border);
   const [fit, setFit] = useState(objectFit);
+  const [invertFrom, setInvertFrom] = useState(initialInvertFrom ?? "");
 
   return (
     <div className="space-y-4">
@@ -24,7 +27,7 @@ export function ImageSettingsForm({
         onChange={(v) => {
           const val = (v || undefined) as "cover" | "contain" | undefined;
           setFit(val);
-          onChange({ border: itemBorder, objectFit: val });
+          onChange({ border: itemBorder, objectFit: val, invertFrom: invertFrom || undefined });
         }}
         options={[
           { value: "", label: "Default (inherit from grid)" },
@@ -32,12 +35,25 @@ export function ImageSettingsForm({
           { value: "cover", label: "Crop to fill" },
         ]}
       />
+      <Select
+        label="Invert colors"
+        value={invertFrom}
+        onChange={(v) => {
+          setInvertFrom(v);
+          onChange({ border: itemBorder, objectFit: fit, invertFrom: v || undefined });
+        }}
+        options={[
+          { value: "", label: "None" },
+          { value: "light", label: "Invert on light theme" },
+          { value: "dark", label: "Invert on dark theme" },
+        ]}
+      />
       <Checkbox
         checked={itemBorder ?? false}
         onChange={(v) => {
           const val = v || undefined;
           setItemBorder(val);
-          onChange({ border: val, objectFit: fit });
+          onChange({ border: val, objectFit: fit, invertFrom: invertFrom || undefined });
         }}
         label="Override border settings"
       />
@@ -48,18 +64,20 @@ export function ImageSettingsForm({
 export function DoDontImageSettingsForm({
   border,
   objectFit,
+  invertFrom,
   doDont: initialDoDont,
   onChange,
 }: {
   border?: boolean;
   objectFit?: "cover" | "contain";
+  invertFrom?: string;
   doDont: "do" | "dont";
-  onChange: (update: { border?: boolean; objectFit?: "cover" | "contain"; doDont: "do" | "dont" }) => void;
+  onChange: (update: { border?: boolean; objectFit?: "cover" | "contain"; invertFrom?: string; doDont: "do" | "dont" }) => void;
 }) {
   const [doDont, setDoDont] = useState<"do" | "dont">(initialDoDont);
-  const latestRef = useRef<{ border?: boolean; objectFit?: "cover" | "contain" }>({ border, objectFit });
+  const latestRef = useRef<{ border?: boolean; objectFit?: "cover" | "contain"; invertFrom?: string }>({ border, objectFit, invertFrom });
 
-  const handleBaseChange = (updated: { border?: boolean; objectFit?: "cover" | "contain" }) => {
+  const handleBaseChange = (updated: { border?: boolean; objectFit?: "cover" | "contain"; invertFrom?: string }) => {
     latestRef.current = updated;
     onChange({ ...updated, doDont });
   };
@@ -69,6 +87,7 @@ export function DoDontImageSettingsForm({
       <ImageSettingsForm
         border={border}
         objectFit={objectFit}
+        invertFrom={invertFrom}
         onChange={handleBaseChange}
       />
       <hr className="border-base-200" />

package/src/components/primitives/ResolvedMedia.tsx

@@ -9,6 +9,7 @@ interface ResolvedMediaProps {
   alt?: string;
   className?: string;
   imgClassName?: string;
+  invertFrom?: string;
 }
 
 export function ResolvedMedia({
@@ -18,6 +19,7 @@ export function ResolvedMedia({
   alt: propAlt,
   className,
   imgClassName,
+  invertFrom,
 }: ResolvedMediaProps) {
   const resolved = useResolvedMedia(imageId);
   const src = propSrc || resolved.src;
@@ -26,7 +28,12 @@ export function ResolvedMedia({
   const alt = propAlt ?? resolved.alt;
   const kind = resolved.kind;
 
-  const mediaClass = cn("h-full w-full", imgClassName);
+  const invertClass =
+    invertFrom === "light" ? "invert dark:invert-0" :
+    invertFrom === "dark" ? "dark:invert" :
+    undefined;
+
+  const mediaClass = cn("h-full w-full", imgClassName, invertClass);
 
   return (
     <div className={className}>

package/src/components/sections/MediaGrid/MediaGrid.tsx

@@ -77,6 +77,7 @@ function MediaGridEditable({ media, columns, square, border, crop, showCaptions,
         <DoDontImageSettingsForm
           border={item.border}
           objectFit={item.objectFit}
+          invertFrom={item.invertFrom}
           doDont={item.doDont}
           onChange={(updated) => {
             const newMedia = media.map((m, i) => i === index ? { ...m, ...updated } : m);
@@ -90,6 +91,7 @@ function MediaGridEditable({ media, columns, square, border, crop, showCaptions,
         <ImageSettingsForm
           border={item.border}
           objectFit={item.objectFit}
+          invertFrom={item.invertFrom}
           onChange={(updated) => {
             const newMedia = media.map((m, i) => i === index ? { ...m, ...updated } : m);
             onChange({ type: sectionType, content: { columns, media: newMedia }, ...opts } as SectionContent);
@@ -173,6 +175,7 @@ function MediaGridItem({
       alt={itemAny.alt as string | undefined}
       className="h-full w-full"
       imgClassName={fitClass}
+      invertFrom={item.invertFrom}
     />
   );
 

package/src/components/shell/BugReportFAB.tsx

@@ -0,0 +1,344 @@
+import { useState, useCallback, useRef, useEffect } from "react";
+import { createClient } from "@supabase/supabase-js";
+import { EditorModal } from "./EditorModal";
+import { useEditorContext } from "./EditorContext";
+import { env } from "../../lib/env";
+
+interface Props {
+  siteId: string;
+}
+
+type Category = "Visual" | "Unexpected Behavior" | "Media / Media Library" | "Save / Publish" | "Other";
+
+const CATEGORIES: Category[] = [
+  "Visual",
+  "Unexpected Behavior",
+  "Media / Media Library",
+  "Save / Publish",
+  "Other",
+];
+
+interface CapturedContext {
+  url: string;
+  section_id: null;
+  user_agent: string;
+  viewport_width: number;
+  viewport_height: number;
+}
+
+interface ImagePreview {
+  dataUri: string;
+  name: string;
+}
+
+export function BugReportFAB({ siteId }: Props) {
+  const { isEditMode, historyState } = useEditorContext();
+  const [isOpen, setIsOpen] = useState(false);
+  const [category, setCategory] = useState<Category>("Visual");
+  const [isCritical, setIsCritical] = useState(false);
+  const [description, setDescription] = useState("");
+  const [images, setImages] = useState<ImagePreview[]>([]);
+  const [isDragOver, setIsDragOver] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [submitError, setSubmitError] = useState<string | null>(null);
+  const [descriptionError, setDescriptionError] = useState<string | null>(null);
+  const [toast, setToast] = useState<string | null>(null);
+  const capturedContextRef = useRef<CapturedContext | null>(null);
+  const dropZoneRef = useRef<HTMLDivElement>(null);
+
+  const resetForm = useCallback(() => {
+    setCategory("Visual");
+    setIsCritical(false);
+    setDescription("");
+    setImages([]);
+    setSubmitError(null);
+    setDescriptionError(null);
+    capturedContextRef.current = null;
+  }, []);
+
+  const handleOpen = useCallback(() => {
+    capturedContextRef.current = {
+      url: window.location.pathname,
+      section_id: null,
+      user_agent: navigator.userAgent,
+      viewport_width: window.innerWidth,
+      viewport_height: window.innerHeight,
+    };
+    setIsOpen(true);
+  }, []);
+
+  const handleClose = useCallback(() => {
+    setIsOpen(false);
+    resetForm();
+  }, [resetForm]);
+
+  const fileToDataUri = useCallback((file: File): Promise<string> => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(reader.result as string);
+      reader.onerror = reject;
+      reader.readAsDataURL(file);
+    });
+  }, []);
+
+  const addImageFiles = useCallback(async (files: File[]) => {
+    const imageFiles = files.filter((f) => f.type.startsWith("image/"));
+    if (imageFiles.length === 0) return;
+    const newPreviews = await Promise.all(
+      imageFiles.map(async (file) => ({
+        dataUri: await fileToDataUri(file),
+        name: file.name,
+      })),
+    );
+    setImages((prev) => [...prev, ...newPreviews].slice(0, 5));
+  }, [fileToDataUri]);
+
+  const handleRemoveImage = useCallback((index: number) => {
+    setImages((prev) => prev.filter((_, i) => i !== index));
+  }, []);
+
+  const handleDragOver = useCallback((e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragOver(true);
+  }, []);
+
+  const handleDragLeave = useCallback((e: React.DragEvent) => {
+    if (dropZoneRef.current && !dropZoneRef.current.contains(e.relatedTarget as Node)) {
+      setIsDragOver(false);
+    }
+  }, []);
+
+  const handleDrop = useCallback(async (e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragOver(false);
+    const files = Array.from(e.dataTransfer.files);
+    await addImageFiles(files);
+  }, [addImageFiles]);
+
+  // Document-level paste listener when modal is open
+  useEffect(() => {
+    if (!isOpen) return;
+
+    const handlePaste = async (e: ClipboardEvent) => {
+      const items = e.clipboardData?.items;
+      if (!items) return;
+      const files: File[] = [];
+      for (const item of Array.from(items)) {
+        if (item.type.startsWith("image/")) {
+          const file = item.getAsFile();
+          if (file) files.push(file);
+        }
+      }
+      if (files.length > 0) {
+        await addImageFiles(files);
+      }
+    };
+
+    document.addEventListener("paste", handlePaste);
+    return () => document.removeEventListener("paste", handlePaste);
+  }, [isOpen, addImageFiles]);
+
+  const handleSubmit = useCallback(async () => {
+    if (!description.trim()) {
+      setDescriptionError("Please describe the issue.");
+      return;
+    }
+    setDescriptionError(null);
+    setSubmitError(null);
+    setIsSubmitting(true);
+
+    try {
+      const supabase = createClient(
+        env("SUPABASE_URL"),
+        env("SUPABASE_ANON_KEY"),
+      );
+
+      const { data: userData } = await supabase.auth.getUser();
+      const userId = userData?.user?.id ?? null;
+
+      const { error } = await supabase.from("bug_reports").insert({
+        site_id: siteId,
+        user_id: userId,
+        category,
+        is_critical: isCritical,
+        description: description.trim(),
+        images: images.map((img) => img.dataUri),
+        context: capturedContextRef.current,
+      });
+
+      if (error) {
+        setSubmitError(error.message);
+        return;
+      }
+
+      handleClose();
+      setToast("Bug report submitted");
+      setTimeout(() => setToast(null), 3000);
+    } catch (err) {
+      setSubmitError(err instanceof Error ? err.message : "Submission failed");
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [siteId, category, isCritical, description, images, handleClose]);
+
+  const visible = isEditMode && historyState === null;
+
+  if (!visible && !isOpen && !toast) return null;
+
+  return (
+    <>
+      {/* FAB button */}
+      {visible && (
+        <button
+          type="button"
+          onClick={handleOpen}
+          aria-label="Report a bug"
+          className="cursor-pointer fixed bottom-16 right-4 lg:right-auto z-50 flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-contrast shadow-lg hover:opacity-90 transition-opacity fab-container-right"
+        >
+          {/* Bug / beetle SVG icon */}
+          <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+            <path d="M19 8h-1.26A6.003 6.003 0 0012 4a6.003 6.003 0 00-5.74 4H5a1 1 0 000 2h1.05A6.04 6.04 0 006 12H5a1 1 0 000 2h1c0 .34.03.67.08 1H5a1 1 0 000 2h1.26a6 6 0 0011.48 0H19a1 1 0 000-2h-1.08c.05-.33.08-.66.08-1h1a1 1 0 000-2h-1a6.04 6.04 0 00-.05-2H19a1 1 0 000-2zM12 6c1.7 0 3.16.88 4 2.19V8a1 1 0 10-2 0v.04A3.97 3.97 0 0012 8a3.97 3.97 0 00-2 .04V8a1 1 0 10-2 0v.19A4.69 4.69 0 018 6a4 4 0 014 0zm0 14a4 4 0 01-4-4v-4a4 4 0 018 0v4a4 4 0 01-4 4z"/>
+          </svg>
+        </button>
+      )}
+
+      {/* Modal */}
+      <EditorModal
+        isOpen={isOpen}
+        onClose={handleClose}
+        title="Report a Bug"
+      >
+        <div className="space-y-4">
+          {/* Category */}
+          <div>
+            <label className="mb-1 block text-sm font-medium text-base-contrast" htmlFor="bug-category">
+              Category
+            </label>
+            <select
+              id="bug-category"
+              value={category}
+              onChange={(e) => setCategory(e.target.value as Category)}
+              className="w-full rounded-md border border-base-200 bg-base px-3 py-2 text-sm text-base-contrast"
+            >
+              {CATEGORIES.map((cat) => (
+                <option key={cat} value={cat}>{cat}</option>
+              ))}
+            </select>
+          </div>
+
+          {/* Critical toggle */}
+          <div className="flex items-center gap-3">
+            <button
+              type="button"
+              role="switch"
+              aria-checked={isCritical}
+              onClick={() => setIsCritical((prev) => !prev)}
+              className={`relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ${
+                isCritical
+                  ? "bg-red-600 focus-visible:ring-red-600"
+                  : "bg-base-200 focus-visible:ring-base-200"
+              }`}
+            >
+              <span
+                className={`pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform ${
+                  isCritical ? "translate-x-5" : "translate-x-0.5"
+                } mt-0.5`}
+              />
+            </button>
+            <span className="text-sm text-base-contrast">This is blocking my work</span>
+          </div>
+
+          {/* Description */}
+          <div>
+            <label className="mb-1 block text-sm font-medium text-base-contrast" htmlFor="bug-description">
+              Description
+            </label>
+            <textarea
+              id="bug-description"
+              rows={4}
+              value={description}
+              onChange={(e) => {
+                setDescription(e.target.value);
+                if (descriptionError && e.target.value.trim()) {
+                  setDescriptionError(null);
+                }
+              }}
+              placeholder="Describe the issue..."
+              className="w-full rounded-md border border-base-200 bg-base px-3 py-2 text-sm text-base-contrast placeholder:text-base-contrast/50 resize-none"
+            />
+            {descriptionError && (
+              <p className="mt-1 text-xs text-red-600">{descriptionError}</p>
+            )}
+          </div>
+
+          {/* Screenshots drop zone */}
+          <div>
+            <label className="mb-1 block text-sm font-medium text-base-contrast">
+              Screenshots
+            </label>
+            <div
+              ref={dropZoneRef}
+              onDragOver={handleDragOver}
+              onDragLeave={handleDragLeave}
+              onDrop={handleDrop}
+              className={`rounded-md border-2 border-dashed px-4 py-6 text-center transition-colors ${
+                isDragOver
+                  ? "border-primary bg-primary/5"
+                  : "border-base-200 bg-base-accent/30"
+              }`}
+            >
+              <p className="text-sm text-base-contrast/60">
+                Drop images here or paste from clipboard
+              </p>
+            </div>
+
+            {/* Thumbnail previews */}
+            {images.length > 0 && (
+              <div className="mt-2 flex flex-wrap gap-2">
+                {images.map((img, index) => (
+                  <div key={index} className="group relative h-16 w-16">
+                    <img
+                      src={img.dataUri}
+                      alt={img.name}
+                      className="h-16 w-16 rounded object-cover border border-base-200"
+                    />
+                    <button
+                      type="button"
+                      onClick={() => handleRemoveImage(index)}
+                      aria-label={`Remove screenshot ${img.name}`}
+                      className="absolute -top-1.5 -right-1.5 hidden h-5 w-5 items-center justify-center rounded-full bg-red-600 text-white text-xs group-hover:flex"
+                    >
+                      ×
+                    </button>
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+
+          {/* Submit error */}
+          {submitError && (
+            <p className="text-sm text-red-600">{submitError}</p>
+          )}
+
+          {/* Submit button */}
+          <button
+            type="button"
+            onClick={handleSubmit}
+            disabled={isSubmitting}
+            className="w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-contrast hover:opacity-90 transition-opacity disabled:opacity-60"
+          >
+            {isSubmitting ? "Submitting..." : "Submit Report"}
+          </button>
+        </div>
+      </EditorModal>
+
+      {/* Toast */}
+      {toast && (
+        <div className="fixed bottom-4 left-1/2 z-[60] -translate-x-1/2 rounded-md bg-green-600 px-4 py-2 text-sm font-medium text-white shadow-lg">
+          {toast}
+        </div>
+      )}
+    </>
+  );
+}

package/src/components/shell/EditorShell.tsx

@@ -21,6 +21,7 @@ import { ensureSectionsRegistered } from "../sections/register";
 import { getSection, getAllSections } from "../../lib/registry";
 
 ensureSectionsRegistered();
+import { BugReportFAB } from "./BugReportFAB";
 import { SectionWrapper } from "../editor/SectionWrapper";
 import { SectionOrderingModal } from "../editor/SectionOrderingModal";
 import { SectionLayout } from "../sections/SectionLayout";
@@ -190,6 +191,7 @@ export default function EditorShell({
     root.style.setProperty("--color-primary-contrast", config.primaryContrast);
     root.style.setProperty("--font-heading", `${config.headingFont}, system-ui, sans-serif`);
     root.style.setProperty("--font-body", `${config.bodyFont}, system-ui, sans-serif`);
+    root.style.setProperty("--heading-text-transform", config.uppercaseHeadings ? "uppercase" : "none");
 
     if (config.googleFontsUrl) {
       if (fontLinkRef.current?.href !== config.googleFontsUrl) {
@@ -632,6 +634,8 @@ export default function EditorShell({
             onOrderingClick={() => setShowOrderingModal(true)}
           />
 
+          <BugReportFAB siteId={siteId} />
+
           <HistoryOrEditorContent sections={sections}>
             <EditorContent
               sections={sections}

package/src/components/shell/MediaLibraryModal.tsx

@@ -4,7 +4,7 @@ import { cn } from "../../lib/cn";
 import { Button } from "../shared/Button";
 import { Select } from "../shared/Select";
 import type { MediaItem, MediaKind } from "../../media/types";
-import { displayFilenameExt, mimeToExt } from "../../media/utils";
+import { displayFilename, mimeToExt } from "../../media/utils";
 
 export interface MediaLibraryModalProps {
   mode: "select" | "manage";
@@ -39,9 +39,6 @@ function thumbnailSrc(item: MediaItem, localUrls: Record<string, string>): strin
   return `/api/media/${item.id}/poster.webp`;
 }
 
-function displayFilename(item: MediaItem): string {
-  return `${item.originalName}${displayFilenameExt(item.mimeType)}`;
-}
 
 function UploadZone({ onUpload }: { onUpload: (files: File[]) => void }) {
   const [dragging, setDragging] = useState(false);
@@ -342,7 +339,7 @@ export function MediaLibraryModal({
                   {/* Filename overlay — bottom, visible on hover */}
                   <div className="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/60 to-transparent px-2 pb-1.5 pt-4 opacity-0 transition-opacity group-hover:opacity-100">
                     <p className="truncate text-[11px] text-white">
-                      {displayFilename(item)}
+                      {displayFilename(item.originalName, item.mimeType)}
                     </p>
                   </div>
                 </div>

package/src/components/shell/SiteSettingsDisplay.tsx

@@ -1,3 +1,4 @@
+import { Checkbox } from "../shared/Checkbox";
 import { ColorPicker } from "../shared/ColorPicker";
 import { FontPicker } from "../shared/FontPicker";
 import { Input } from "../shared/Input";
@@ -68,6 +69,12 @@ export function SiteSettingsDisplay({ siteConfig, onChange }: Props) {
         onChange={(family) => handleFontChange("headingFont", family)}
       />
 
+      <Checkbox
+        checked={siteConfig.uppercaseHeadings}
+        onChange={(v) => update({ uppercaseHeadings: v })}
+        label="Uppercase headings"
+      />
+
       <FontPicker
         label="Body font"
         value={siteConfig.bodyFont}

package/src/lib/dexie.ts

@@ -184,14 +184,13 @@ export async function restoreLocalChanges(): Promise<{
 
 export async function discardLocalChanges(): Promise<void> {
   const database = getDb();
-  await database.transaction("rw", [database.sections, database.siteIndex, database.meta, database.siteConfig, database.pendingMedia, database.pendingMediaDeletions, database.mediaManifest], async () => {
+  await database.transaction("rw", [database.sections, database.siteIndex, database.meta, database.siteConfig, database.pendingMedia, database.pendingMediaDeletions], async () => {
     await database.sections.clear();
     await database.siteIndex.clear();
     await database.meta.clear();
     await database.siteConfig.clear();
     await database.pendingMedia.clear();
     await database.pendingMediaDeletions.clear();
-    await database.mediaManifest.clear();
   });
 }
 

package/src/media/utils.ts

@@ -46,3 +46,11 @@ export function displayFilenameExt(mime: string): string {
   const ext = MIME_TO_EXT[mime];
   return ext ? `.${ext}` : "";
 }
+
+export function displayFilename(originalName: string, mimeType: string): string {
+  const ext = MIME_TO_EXT[mimeType];
+  if (!ext) return originalName;
+  const suffix = `.${ext}`;
+  if (originalName.endsWith(suffix)) return originalName;
+  return `${originalName}${suffix}`;
+}

package/src/schemas/site-config.ts

@@ -37,6 +37,7 @@ export const SiteConfigSchema = z.object({
   darkMode: z.enum(["light", "dark", "optional"]).default("light"),
   headingFont: z.string().default("system-ui"),
   bodyFont: z.string().default("system-ui"),
+  uppercaseHeadings: z.boolean().default(true),
   googleFontsUrl: z.string()
     .refine(url => url.startsWith("https://fonts.googleapis.com/"), "Must be a Google Fonts URL")
     .nullable()