diff --git a/.gitignore b/.gitignore
index 6b5f96f5e..77b6dab89 100644
--- a/.gitignore
+++ b/.gitignore
@@ -37,4 +37,4 @@ yarn-error.log*
 
 # Local development files
 local/*
-.cursor/debug.log
+.cursor/debug.log
\ No newline at end of file
diff --git a/apps/roam/src/components/settings/AdminPanel.tsx b/apps/roam/src/components/settings/AdminPanel.tsx
index 0578b4b97..6606cf20e 100644
--- a/apps/roam/src/components/settings/AdminPanel.tsx
+++ b/apps/roam/src/components/settings/AdminPanel.tsx
@@ -381,7 +381,7 @@ const FeatureFlagsTab = (): React.ReactElement => {
         }}
         labelElement={
           <>
-            (BETA) Suggestive Mode Enabled
+            (BETA) Suggestive mode enabled
             <Description
               description={
                 "Whether or not to enable the suggestive mode, if this is first time enabling it, you will need to generate and upload all node embeddings to supabase. Go to Suggestive Mode -> Sync Config -> Click on 'Generate & Upload All Node Embeddings'"
@@ -453,7 +453,7 @@ const FeatureFlagsTab = (): React.ReactElement => {
         }}
         labelElement={
           <>
-            Reified Relation Triples
+            Reified relation triples
             <Description
               description={
                 "When ON, relations are read/written as reifiedRelationUid in [[roam/js/discourse-graph/relations]]."
@@ -525,7 +525,7 @@ const AdminPanel = (): React.ReactElement => {
       {settings.suggestiveModeEnabled.value && (
         <Tab
           id="suggestive-mode-settings"
-          title="Suggestive Mode"
+          title="Suggestive mode"
           className="overflow-y-auto"
           panel={<SuggestiveModeSettings />}
         />
diff --git a/apps/roam/src/components/settings/DiscourseNodeAttributes.tsx b/apps/roam/src/components/settings/DiscourseNodeAttributes.tsx
index 49cbc8b90..a1d6f2fb5 100644
--- a/apps/roam/src/components/settings/DiscourseNodeAttributes.tsx
+++ b/apps/roam/src/components/settings/DiscourseNodeAttributes.tsx
@@ -85,7 +85,7 @@ const NodeAttributes = ({ uid }: { uid: string }) => {
         ))}
       </div>
       <div>
-        <Label style={{ marginBottom: 8 }}>Attribute Label</Label>
+        <Label style={{ marginBottom: 8 }}>Attribute label</Label>
         <div style={{ display: "flex", alignItems: "center" }}>
           <InputGroup
             value={newAttribute}
diff --git a/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx b/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx
index d9431172a..ac39d0e15 100644
--- a/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx
+++ b/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx
@@ -46,7 +46,7 @@ const DiscourseNodeCanvasSettings = ({ uid }: { uid: string }) => {
   return (
     <div>
       <div className="mb-4">
-        <Label style={{ marginBottom: "4px" }}>Color Picker</Label>
+        <Label style={{ marginBottom: "4px" }}>Color picker</Label>
         <ControlGroup>
           <InputGroup
             style={{ width: 120 }}
@@ -78,7 +78,7 @@ const DiscourseNodeCanvasSettings = ({ uid }: { uid: string }) => {
         </ControlGroup>
       </div>
       <Label style={{ width: 240 }}>
-        Display Alias
+        Display alias
         <InputGroup
           value={alias}
           onChange={(e) => {
@@ -113,7 +113,7 @@ const DiscourseNodeCanvasSettings = ({ uid }: { uid: string }) => {
           }
         }}
       >
-        Key Image
+        Key image
         <Tooltip content={"Add an image to the discourse node"}>
           <Icon
             icon={"info-sign"}
@@ -126,7 +126,7 @@ const DiscourseNodeCanvasSettings = ({ uid }: { uid: string }) => {
       <RadioGroup
         disabled={!isKeyImage}
         selectedValue={!!keyImageOption ? keyImageOption : "first-image"}
-        label="Key Image Location"
+        label="Key image location"
         onChange={(e) => {
           const target = e.target as HTMLInputElement;
           setKeyImageOption(target.value);
@@ -139,8 +139,8 @@ const DiscourseNodeCanvasSettings = ({ uid }: { uid: string }) => {
       >
         <Radio label="First image on page" value="first-image" />
         <Radio value="query-builder">
-          Query Builder reference
-          <Tooltip content={"Use a Query Builder alias or block reference"}>
+          Query builder reference
+          <Tooltip content={"Use a query builder alias or block reference"}>
             <Icon
               icon={"info-sign"}
               iconSize={12}
diff --git a/apps/roam/src/components/settings/DiscourseNodeConfigPanel.tsx b/apps/roam/src/components/settings/DiscourseNodeConfigPanel.tsx
index 8351ced66..ea5db06cc 100644
--- a/apps/roam/src/components/settings/DiscourseNodeConfigPanel.tsx
+++ b/apps/roam/src/components/settings/DiscourseNodeConfigPanel.tsx
@@ -66,7 +66,7 @@ const DiscourseNodeConfigPanel: React.FC<DiscourseNodeConfigPanelProps> = ({
           className={"roamjs-discourse-config-label"}
         />
         <Button
-          text={"Add Node"}
+          text={"Add node"}
           intent={Intent.PRIMARY}
           icon={"plus"}
           className="select-none"
@@ -167,10 +167,10 @@ const DiscourseNodeConfigPanel: React.FC<DiscourseNodeConfigPanelProps> = ({
                       (r) => r.source === n.type || r.destination === n.type,
                     );
 
-                    let dialogMessage = `Are you sure you want to delete the Node Type "${n.text}"?`;
+                    let dialogMessage = `Are you sure you want to delete the node type "${n.text}"?`;
 
                     if (affectedRelations.length > 0) {
-                      dialogMessage = `The Node Type "${n.text}" is used by the following relations, which will also be deleted:\n\n${affectedRelations
+                      dialogMessage = `The node type "${n.text}" is used by the following relations, which will also be deleted:\n\n${affectedRelations
                         .map((r) => {
                           const sourceNodeDetails = nodes.find(
                             (s) => s.type === r.source,
diff --git a/apps/roam/src/components/settings/DiscourseNodeSuggestiveRules.tsx b/apps/roam/src/components/settings/DiscourseNodeSuggestiveRules.tsx
index ef3e6a752..988928bfb 100644
--- a/apps/roam/src/components/settings/DiscourseNodeSuggestiveRules.tsx
+++ b/apps/roam/src/components/settings/DiscourseNodeSuggestiveRules.tsx
@@ -137,7 +137,7 @@ const DiscourseNodeSuggestiveRules = ({
       />
 
       <Button
-        text="Update Embeddings"
+        text="Update embeddings"
         intent={Intent.NONE}
         onClick={() => void handleUpdateEmbeddings()}
         loading={isUpdating}
diff --git a/apps/roam/src/components/settings/DiscourseRelationConfigPanel.tsx b/apps/roam/src/components/settings/DiscourseRelationConfigPanel.tsx
index 7646350da..e86681692 100644
--- a/apps/roam/src/components/settings/DiscourseRelationConfigPanel.tsx
+++ b/apps/roam/src/components/settings/DiscourseRelationConfigPanel.tsx
@@ -877,7 +877,7 @@ export const RelationEditPanel = ({
                 />
               </Tooltip>
               {!!getSetting("discourse-relation-copy") && (
-                <Tooltip content={"Paste Relation"}>
+                <Tooltip content={"Paste relation"}>
                   <Button
                     minimal
                     icon={"clipboard"}
@@ -910,7 +910,7 @@ export const RelationEditPanel = ({
                   />
                 </Tooltip>
               )}
-              <Tooltip content={"Copy Relation"}>
+              <Tooltip content={"Copy relation"}>
                 <Button
                   minimal
                   icon={"duplicate"}
@@ -923,7 +923,7 @@ export const RelationEditPanel = ({
                     ).catch(() => undefined);
                     renderToast({
                       id: "relation-copy",
-                      content: "Copied Relation",
+                      content: "Copied relation",
                       intent: Intent.PRIMARY,
                     });
                   }}
@@ -1099,7 +1099,7 @@ const DiscourseRelationConfigPanel: CustomField["options"]["component"] = ({
         className="mb-4 select-none"
         onClick={onNewRelation}
         icon={"plus"}
-        text={"Add Relation"}
+        text={"Add relation"}
         intent={Intent.PRIMARY}
       />
 
diff --git a/apps/roam/src/components/settings/ExportSettings.tsx b/apps/roam/src/components/settings/ExportSettings.tsx
index 754e7f088..e6787af5c 100644
--- a/apps/roam/src/components/settings/ExportSettings.tsx
+++ b/apps/roam/src/components/settings/ExportSettings.tsx
@@ -13,11 +13,13 @@ const DiscourseGraphExport = () => {
   const parentUid = settings.export.exportUid;
   return (
     <div className="flex flex-col gap-4 p-1">
+      {/* TODO: Titles kept as lowercase to match legacy readers in getExportSettings.ts.
+          Update titles to Sentence case once read side is migrated to block props. */}
       <div>
         <GlobalFlagPanel
           title="remove special characters"
           description="Whether or not to remove the special characters in a file name"
-          settingKeys={["Export", "Remove Special Characters"]}
+          settingKeys={["Export", "Remove special characters"]}
           initialValue={exportSettings.removeSpecialCharacters.value}
           order={1}
           uid={exportSettings.removeSpecialCharacters.uid}
@@ -27,7 +29,7 @@ const DiscourseGraphExport = () => {
         <GlobalFlagPanel
           title="resolve block references"
           description="Replaces block references in the markdown content with the block's content"
-          settingKeys={["Export", "Resolve Block References"]}
+          settingKeys={["Export", "Resolve block references"]}
           initialValue={exportSettings.optsRefs.value}
           order={3}
           uid={exportSettings.optsRefs.uid}
@@ -36,7 +38,7 @@ const DiscourseGraphExport = () => {
         <GlobalFlagPanel
           title="resolve block embeds"
           description="Replaces block embeds in the markdown content with the block's content tree"
-          settingKeys={["Export", "Resolve Block Embeds"]}
+          settingKeys={["Export", "Resolve block embeds"]}
           initialValue={exportSettings.optsEmbeds.value}
           order={4}
           uid={exportSettings.optsEmbeds.uid}
@@ -46,7 +48,7 @@ const DiscourseGraphExport = () => {
         <GlobalFlagPanel
           title="append referenced node"
           description="If a referenced node is defined in a node's format, it will be appended to the discourse context"
-          settingKeys={["Export", "Append Referenced Node"]}
+          settingKeys={["Export", "Append referenced node"]}
           initialValue={exportSettings.appendRefNodeContext.value}
           order={6}
           uid={exportSettings.appendRefNodeContext.uid}
@@ -57,7 +59,7 @@ const DiscourseGraphExport = () => {
         <GlobalSelectPanel
           title="link type"
           description="How to format links that appear in your export."
-          settingKeys={["Export", "Link Type"]}
+          settingKeys={["Export", "Link type"]}
           initialValue={exportSettings.linkType.value || "alias"}
           order={5}
           options={["alias", "wikilinks", "roam url"]}
@@ -68,7 +70,7 @@ const DiscourseGraphExport = () => {
       <GlobalNumberPanel
         title="max filename length"
         description="Set the maximum name length for markdown file exports"
-        settingKeys={["Export", "Max Filename Length"]}
+        settingKeys={["Export", "Max filename length"]}
         initialValue={exportSettings.maxFilenameLength.value || 64}
         order={0}
         uid={exportSettings.maxFilenameLength.uid}
diff --git a/apps/roam/src/components/settings/GeneralSettings.tsx b/apps/roam/src/components/settings/GeneralSettings.tsx
index 05ae157d4..05962f597 100644
--- a/apps/roam/src/components/settings/GeneralSettings.tsx
+++ b/apps/roam/src/components/settings/GeneralSettings.tsx
@@ -17,6 +17,8 @@ const DiscourseGraphHome = () => {
   const [isAlertOpen, setIsAlertOpen] = useState(false);
   return (
     <div className="flex flex-col gap-4 p-1">
+      {/* TODO: Titles kept as legacy casing to match readers in discourseConfigRef.ts and initializeObserversAndListeners.ts.
+          Update titles to Sentence case once read side is migrated to block props. */}
       <GlobalTextPanel
         title="trigger"
         description="The trigger to create the node menu."
@@ -29,7 +31,7 @@ const DiscourseGraphHome = () => {
       <GlobalTextPanel
         title="Canvas Page Format"
         description="The page format for canvas pages"
-        settingKeys={["Canvas Page Format"]}
+        settingKeys={["Canvas page format"]}
         initialValue={
           settings.canvasPageFormat.value || DEFAULT_CANVAS_PAGE_FORMAT
         }
@@ -40,8 +42,8 @@ const DiscourseGraphHome = () => {
       <FeatureFlagPanel
         title="(BETA) Left Sidebar"
         description="Whether or not to enable the left sidebar."
-        featureKey="Enable Left Sidebar"
         initialValue={settings.leftSidebarEnabled.value}
+        featureKey="Enable left sidebar"
         order={2}
         uid={settings.leftSidebarEnabled.uid}
         parentUid={settings.settingsUid}
diff --git a/apps/roam/src/components/settings/HomePersonalSettings.tsx b/apps/roam/src/components/settings/HomePersonalSettings.tsx
index 1bc1b4b71..c3539f886 100644
--- a/apps/roam/src/components/settings/HomePersonalSettings.tsx
+++ b/apps/roam/src/components/settings/HomePersonalSettings.tsx
@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Label, Checkbox } from "@blueprintjs/core";
+import { Label } from "@blueprintjs/core";
 import Description from "roamjs-components/components/Description";
 import { addStyle } from "roamjs-components/dom";
 import { NodeMenuTriggerComponent } from "~/components/DiscourseNodeMenu";
@@ -16,18 +16,18 @@ import {
 } from "~/components/DiscourseFloatingMenu";
 import { NodeSearchMenuTriggerSetting } from "../DiscourseNodeSearchMenu";
 import {
+  DISCOURSE_TOOL_SHORTCUT_KEY,
   AUTO_CANVAS_RELATIONS_KEY,
   DISCOURSE_CONTEXT_OVERLAY_IN_CANVAS_KEY,
-  DISCOURSE_TOOL_SHORTCUT_KEY,
   STREAMLINE_STYLING_KEY,
   DISALLOW_DIAGNOSTICS,
 } from "~/data/userSettings";
+import { getSetting, setSetting } from "~/utils/extensionSettings";
 import { enablePostHog, disablePostHog } from "~/utils/posthog";
-import internalError from "~/utils/internalError";
 import KeyboardShortcutInput from "./KeyboardShortcutInput";
-import { getSetting, setSetting } from "~/utils/extensionSettings";
 import streamlineStyling from "~/styles/streamlineStyling";
 import { getFormattedConfigTree } from "~/utils/discourseConfigRef";
+import { PersonalFlagPanel } from "./components/BlockPropSettingPanels";
 
 const HomePersonalSettings = ({ onloadArgs }: { onloadArgs: OnloadArgs }) => {
   const extensionAPI = onloadArgs.extensionAPI;
@@ -61,246 +61,125 @@ const HomePersonalSettings = ({ onloadArgs }: { onloadArgs: OnloadArgs }) => {
         description="Set a single key to activate the discourse tool in tldraw. Only single keys (no modifiers) are supported. Leave empty for no shortcut."
         placeholder="Click to set single key"
       />
-      <Checkbox
-        defaultChecked={
-          extensionAPI.settings.get("discourse-context-overlay") as boolean
-        }
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          extensionAPI.settings.set(
-            "discourse-context-overlay",
-            target.checked,
-          );
-
-          onPageRefObserverChange(overlayHandler)(target.checked);
+      <PersonalFlagPanel
+        title="Overlay"
+        description="Whether or not to overlay discourse context information over discourse node references."
+        settingKeys={["Discourse context overlay"]}
+        initialValue={getSetting<boolean>("discourse-context-overlay", false)}
+        onChange={(checked) => {
+          void setSetting("discourse-context-overlay", checked);
+          onPageRefObserverChange(overlayHandler)(checked);
         }}
-        labelElement={
-          <>
-            Overlay
-            <Description
-              description={
-                "Whether or not to overlay discourse context information over discourse node references."
-              }
-            />
-          </>
-        }
       />
       {settings.suggestiveModeEnabled?.value && (
-        <Checkbox
-          defaultChecked={
-            extensionAPI.settings.get("suggestive-mode-overlay") as boolean
-          }
-          onChange={(e) => {
-            const target = e.target as HTMLInputElement;
-            void extensionAPI.settings.set(
-              "suggestive-mode-overlay",
-              target.checked,
-            );
+        <PersonalFlagPanel
+          title="Suggestive mode overlay"
+          description="Whether or not to overlay suggestive mode button over discourse node references."
+          settingKeys={["Suggestive mode overlay"]}
+          initialValue={getSetting<boolean>("suggestive-mode-overlay", false)}
+          onChange={(checked) => {
+            void setSetting("suggestive-mode-overlay", checked);
             onPageRefObserverChange(getSuggestiveOverlayHandler(onloadArgs))(
-              target.checked,
+              checked,
             );
           }}
-          labelElement={
-          <>
-              Suggestive mode overlay
-              <Description
-                description={
-                  "Whether or not to overlay suggestive mode button over discourse node references."
-                }
-              />
-            </>
-          }
         />
       )}
-      <Checkbox
-        defaultChecked={
-          extensionAPI.settings.get("text-selection-popup") !== false
-        }
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          extensionAPI.settings.set("text-selection-popup", target.checked);
+      <PersonalFlagPanel
+        title="Text selection popup"
+        description="Whether or not to show the discourse node menu when selecting text."
+        settingKeys={["Text selection popup"]}
+        initialValue={getSetting("text-selection-popup", true)}
+        onChange={(checked) => {
+          void setSetting("text-selection-popup", checked);
         }}
-        labelElement={
-          <>
-            Text selection popup
-            <Description
-              description={
-                "Whether or not to show the discourse node menu when selecting text."
-              }
-            />
-          </>
-        }
       />
-      <Checkbox
-        defaultChecked={
-          extensionAPI.settings.get("disable-sidebar-open") as boolean
-        }
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          extensionAPI.settings.set("disable-sidebar-open", target.checked);
+      <PersonalFlagPanel
+        title="Disable sidebar open"
+        description="Disable opening new nodes in the sidebar when created"
+        settingKeys={["Disable sidebar open"]}
+        initialValue={getSetting<boolean>("disable-sidebar-open", false)}
+        onChange={(checked) => {
+          void setSetting("disable-sidebar-open", checked);
         }}
-        labelElement={
-          <>
-            Disable Sidebar Open
-            <Description
-              description={
-                "Disable opening new nodes in the sidebar when created"
-              }
-            />
-          </>
-        }
       />
-      <Checkbox
-        defaultChecked={extensionAPI.settings.get("page-preview") as boolean}
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          extensionAPI.settings.set("page-preview", target.checked);
-          onPageRefObserverChange(previewPageRefHandler)(target.checked);
+      <PersonalFlagPanel
+        title="Page preview"
+        description="Whether or not to display page previews when hovering over page refs"
+        settingKeys={["Page preview"]}
+        initialValue={getSetting<boolean>("page-preview", false)}
+        onChange={(checked) => {
+          void setSetting("page-preview", checked);
+          onPageRefObserverChange(previewPageRefHandler)(checked);
         }}
-        labelElement={
-          <>
-            Preview
-            <Description
-              description={
-                "Whether or not to display page previews when hovering over page refs"
-              }
-            />
-          </>
-        }
       />
-      <Checkbox
-        defaultChecked={
-          extensionAPI.settings.get("hide-feedback-button") as boolean
-        }
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          extensionAPI.settings.set("hide-feedback-button", target.checked);
-
-          if (target.checked) {
+      <PersonalFlagPanel
+        title="Hide feedback button"
+        description="Hide the 'Send feedback' button at the bottom right of the screen."
+        settingKeys={["Hide feedback button"]}
+        initialValue={getSetting<boolean>("hide-feedback-button", false)}
+        onChange={(checked) => {
+          void setSetting("hide-feedback-button", checked);
+          if (checked) {
             hideDiscourseFloatingMenu();
           } else {
             showDiscourseFloatingMenu();
           }
         }}
-        labelElement={
-          <>
-            Hide Feedback Button
-            <Description
-              description={
-                "Hide the 'Send feedback' button at the bottom right of the screen."
-              }
-            />
-          </>
-        }
       />
-      <Checkbox
-        defaultChecked={
-          extensionAPI.settings.get(AUTO_CANVAS_RELATIONS_KEY) === true
-        }
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          void extensionAPI.settings.set(
-            AUTO_CANVAS_RELATIONS_KEY,
-            target.checked,
-          );
+      <PersonalFlagPanel
+        title="Auto canvas relations"
+        description="Automatically add discourse relations to canvas when a node is added"
+        settingKeys={["Auto canvas relations"]}
+        initialValue={getSetting<boolean>(AUTO_CANVAS_RELATIONS_KEY, false)}
+        onChange={(checked) => {
+          void setSetting(AUTO_CANVAS_RELATIONS_KEY, checked);
         }}
-        labelElement={
-          <>
-            Auto Canvas Relations
-            <Description
-              description={
-                "Automatically add discourse relations to canvas when a node is added"
-              }
-            />
-          </>
-        }
       />
-      <Checkbox
-        defaultChecked={getSetting(
+
+      <PersonalFlagPanel
+        title="(BETA) Overlay in canvas"
+        description="Whether or not to overlay discourse context information over canvas nodes."
+        settingKeys={["Overlay in canvas"]}
+        initialValue={getSetting<boolean>(
           DISCOURSE_CONTEXT_OVERLAY_IN_CANVAS_KEY,
           false,
         )}
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          void setSetting(
-            DISCOURSE_CONTEXT_OVERLAY_IN_CANVAS_KEY,
-            target.checked,
-          ).catch(() => undefined);
+        onChange={(checked) => {
+          void setSetting(DISCOURSE_CONTEXT_OVERLAY_IN_CANVAS_KEY, checked);
         }}
-        labelElement={
-          <>
-            (BETA) Overlay in Canvas
-            <Description
-              description={
-                "Whether or not to overlay discourse context information over canvas nodes."
-              }
-            />
-          </>
-        }
       />
-      <Checkbox
-        defaultChecked={getSetting(STREAMLINE_STYLING_KEY, false)}
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          void setSetting(STREAMLINE_STYLING_KEY, target.checked).catch(
-            () => undefined,
-          );
-
-          // Load or unload the streamline styling
+      <PersonalFlagPanel
+        title="Streamline styling"
+        description="Apply streamlined styling to your personal graph for a cleaner appearance."
+        settingKeys={["Streamline styling"]}
+        initialValue={getSetting<boolean>(STREAMLINE_STYLING_KEY, false)}
+        onChange={(checked) => {
+          void setSetting(STREAMLINE_STYLING_KEY, checked);
           const existingStyleElement =
             document.getElementById("streamline-styling");
 
-          if (target.checked && !existingStyleElement) {
-            // Load the styles
+          if (checked && !existingStyleElement) {
             const styleElement = addStyle(streamlineStyling);
             styleElement.id = "streamline-styling";
-          } else if (!target.checked && existingStyleElement) {
-            // Unload the styles
+          } else if (!checked && existingStyleElement) {
             existingStyleElement.remove();
           }
         }}
-        labelElement={
-          <>
-            Streamline Styling
-            <Description
-              description={
-                "Apply streamlined styling to your personal graph for a cleaner appearance."
-              }
-            />
-          </>
-        }
       />
-      <Checkbox
-        defaultChecked={getSetting(DISALLOW_DIAGNOSTICS, false)}
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          const disallow = target.checked;
-          void setSetting(DISALLOW_DIAGNOSTICS, disallow)
-            .then(() => {
-              if (disallow) {
-                disablePostHog();
-              } else {
-                enablePostHog();
-              }
-            })
-            .catch((error) => {
-              target.checked = !disallow;
-              internalError({
-                error,
-                userMessage: "Could not change settings",
-              });
-            });
+      <PersonalFlagPanel
+        title="Disable product diagnostics"
+        description="Disable sending usage signals and error reports that help us improve the product."
+        settingKeys={["Disable product diagnostics"]}
+        initialValue={getSetting<boolean>(DISALLOW_DIAGNOSTICS, false)}
+        onChange={(checked) => {
+          void setSetting(DISALLOW_DIAGNOSTICS, checked);
+          if (checked) {
+            disablePostHog();
+          } else {
+            enablePostHog();
+          }
         }}
-        labelElement={
-          <>
-            Disable Product Diagnostics
-            <Description
-              description={
-                "Disable sending usage signals and error reports that help us improve the product."
-              }
-            />
-          </>
-        }
       />
     </div>
   );
diff --git a/apps/roam/src/components/settings/LeftSidebarPersonalSettings.tsx b/apps/roam/src/components/settings/LeftSidebarPersonalSettings.tsx
index 3a2a824c7..ede31bd96 100644
--- a/apps/roam/src/components/settings/LeftSidebarPersonalSettings.tsx
+++ b/apps/roam/src/components/settings/LeftSidebarPersonalSettings.tsx
@@ -417,7 +417,7 @@ const SectionItem = memo(
                               icon="settings"
                               small
                               onClick={() => setChildSettingsUid(child.uid)}
-                              title="Child Settings"
+                              title="Child settings"
                               className="opacity-0 transition-opacity group-hover:opacity-100"
                             />
                             <Button
@@ -701,7 +701,7 @@ const LeftSidebarPersonalSectionsContent = ({
             <div className="space-y-3">
               <div>
                 <label className="mb-1 flex items-center text-sm font-medium">
-                  Section Title
+                  Section title
                   <span
                     className="bp3-icon bp3-icon-info-sign ml-1"
                     title="Display name for this section"
diff --git a/apps/roam/src/components/settings/NodeConfig.tsx b/apps/roam/src/components/settings/NodeConfig.tsx
index d1a051de7..8fb3655b3 100644
--- a/apps/roam/src/components/settings/NodeConfig.tsx
+++ b/apps/roam/src/components/settings/NodeConfig.tsx
@@ -410,7 +410,7 @@ const NodeConfig = ({
               <DiscourseNodeAttributes uid={attributeNode.uid} />
               <SelectPanel
                 title="Overlay"
-                description="Select which attribute is used for the Discourse Overlay"
+                description="Select which attribute is used for the discourse overlay"
                 order={0}
                 parentUid={node.type}
                 uid={overlayUid}
@@ -441,7 +441,7 @@ const NodeConfig = ({
         {settings.suggestiveModeEnabled.value && (
           <Tab
             id="suggestive-mode"
-            title="Suggestive Mode"
+            title="Suggestive mode"
             panel={
               <div className="flex flex-col gap-4 p-1">
                 <DiscourseNodeSuggestiveRules
diff --git a/apps/roam/src/components/settings/PageGroupPanel.tsx b/apps/roam/src/components/settings/PageGroupPanel.tsx
index 5837c0a12..27f95476d 100644
--- a/apps/roam/src/components/settings/PageGroupPanel.tsx
+++ b/apps/roam/src/components/settings/PageGroupPanel.tsx
@@ -111,10 +111,10 @@ const PageGroupsPanel = ({
 
   return (
     <Label>
-      Page Groups
+      Page groups
       <Description
         description={
-          "Organize pages into named groups that will be can be selected when generating Discourse Suggestions."
+          "Organize pages into named groups that will be can be selected when generating discourse suggestions."
         }
       />
       <div className="flex flex-col gap-2">
diff --git a/apps/roam/src/components/settings/QuerySettings.tsx b/apps/roam/src/components/settings/QuerySettings.tsx
index 386a5350f..459896141 100644
--- a/apps/roam/src/components/settings/QuerySettings.tsx
+++ b/apps/roam/src/components/settings/QuerySettings.tsx
@@ -1,61 +1,56 @@
 import React from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Label, NumericInput, Checkbox } from "@blueprintjs/core";
+import { Label } from "@blueprintjs/core";
 import Description from "roamjs-components/components/Description";
-import { getSettings } from "~/utils/parseResultSettings";
 import { DEFAULT_PAGE_SIZE_KEY, HIDE_METADATA_KEY } from "~/data/userSettings";
 import DefaultFilters from "./DefaultFilters";
-import QueryPagesPanel from "./QueryPagesPanel";
-import { setSetting } from "~/utils/extensionSettings";
+import { getQueryPages } from "./QueryPagesPanel";
+import {
+  PersonalFlagPanel,
+  PersonalNumberPanel,
+  PersonalMultiTextPanel,
+} from "./components/BlockPropSettingPanels";
 
 const QuerySettings = ({
   extensionAPI,
 }: {
   extensionAPI: OnloadArgs["extensionAPI"];
 }) => {
-  const { globalPageSize, hideMetadata } = getSettings(extensionAPI);
   return (
     <div className="flex flex-col gap-4 p-1">
-      <Checkbox
-        defaultChecked={hideMetadata}
-        onChange={(e) => {
-          const target = e.target as HTMLInputElement;
-          void setSetting<boolean>(HIDE_METADATA_KEY, target.checked);
+      <PersonalFlagPanel
+        title="Hide query metadata"
+        description="Hide the Roam blocks that are used to power each query"
+        settingKeys={["Query", "Hide query metadata"]}
+        initialValue={
+          (extensionAPI.settings.get(HIDE_METADATA_KEY) as boolean) ?? true
+        }
+        onChange={(checked) => {
+          void extensionAPI.settings.set(HIDE_METADATA_KEY, checked);
         }}
-        labelElement={
-          <>
-            Hide Query Metadata
-            <Description
-              description={
-                "Hide the Roam blocks that are used to power each query"
-              }
-            />
-          </>
+      />
+      <PersonalNumberPanel
+        title="Default page size"
+        description="The default page size used for query results"
+        settingKeys={["Query", "Default page size"]}
+        initialValue={
+          Number(extensionAPI.settings.get(DEFAULT_PAGE_SIZE_KEY)) || 10
         }
+        onChange={(value) => {
+          void extensionAPI.settings.set(DEFAULT_PAGE_SIZE_KEY, value);
+        }}
+      />
+      <PersonalMultiTextPanel
+        title="Query pages"
+        description="The title formats of pages that you would like to serve as pages that generate queries"
+        settingKeys={["Query", "Query pages"]}
+        initialValue={getQueryPages(extensionAPI)}
+        onChange={(values) => {
+          void extensionAPI.settings.set("query-pages", values);
+        }}
       />
       <Label>
-        Default Page Size
-        <Description
-          description={"The default page size used for query results"}
-        />
-        <NumericInput
-          defaultValue={globalPageSize.toString()}
-          onValueChange={(value) =>
-            void extensionAPI.settings.set(DEFAULT_PAGE_SIZE_KEY, value)
-          }
-        />
-      </Label>
-      <Label>
-        Query Pages
-        <Description
-          description={
-            "The title formats of pages that you would like to serve as pages that generate queries"
-          }
-        />
-        <QueryPagesPanel extensionAPI={extensionAPI} />
-      </Label>
-      <Label>
-        Default Filters
+        Default filters
         <Description
           description={
             "Any filters that should be applied to your results by default"
diff --git a/apps/roam/src/components/settings/Settings.tsx b/apps/roam/src/components/settings/Settings.tsx
index b0d8966e2..4999871de 100644
--- a/apps/roam/src/components/settings/Settings.tsx
+++ b/apps/roam/src/components/settings/Settings.tsx
@@ -156,7 +156,7 @@ export const SettingsDialog = ({
           />
           <Tab
             id="left-sidebar-personal-settings"
-            title="Left Sidebar"
+            title="Left sidebar"
             className="overflow-y-auto"
             panel={<LeftSidebarPersonalSections />}
           />
@@ -177,7 +177,7 @@ export const SettingsDialog = ({
           />
           <Tab
             id="left-sidebar-global-settings"
-            title="Left Sidebar"
+            title="Left sidebar"
             className="overflow-y-auto"
             panel={<LeftSidebarGlobalSections />}
           />
diff --git a/apps/roam/src/components/settings/SuggestiveModeSettings.tsx b/apps/roam/src/components/settings/SuggestiveModeSettings.tsx
index 49724faf5..eb2011d9e 100644
--- a/apps/roam/src/components/settings/SuggestiveModeSettings.tsx
+++ b/apps/roam/src/components/settings/SuggestiveModeSettings.tsx
@@ -47,7 +47,7 @@ const SuggestiveModeSettings = () => {
       >
         <Tab
           id="page-groups"
-          title="Page Groups"
+          title="Page groups"
           panel={
             <div className="flex flex-col gap-4 p-1">
               <PageGroupsPanel
@@ -60,16 +60,18 @@ const SuggestiveModeSettings = () => {
         />
         <Tab
           id="sync-config"
-          title="Sync Config"
+          title="Sync config"
           panel={
             <div className="flex flex-col gap-4 p-1">
+              {/* TODO: Titles kept as Title Case to match legacy readers in getSuggestiveModeConfigSettings.ts.
+                  Update titles to Sentence case once read side is migrated to block props. */}
               <div className="sync-config-settings">
                 <GlobalFlagPanel
                   title="Include Current Page Relations"
                   description="Include relations from pages referenced on the current page"
                   settingKeys={[
-                    "Suggestive Mode",
-                    "Include Current Page Relations",
+                    "Suggestive mode",
+                    "Include current page relations",
                   ]}
                   initialValue={
                     settings.suggestiveMode.includePageRelations.value
@@ -88,8 +90,8 @@ const SuggestiveModeSettings = () => {
                       : "Include relations from parent and child blocks"
                   }
                   settingKeys={[
-                    "Suggestive Mode",
-                    "Include Parent And Child Blocks",
+                    "Suggestive mode",
+                    "Include parent and child blocks",
                   ]}
                   initialValue={
                     settings.suggestiveMode.includeParentAndChildren.value
@@ -104,7 +106,7 @@ const SuggestiveModeSettings = () => {
               <div className="mt-4">
                 <Button
                   icon="cloud-upload"
-                  text={"Generate & Upload All Node Embeddings"}
+                  text={"Generate & upload all node embeddings"}
                   onClick={() =>
                     void (async () => {
                       renderToast({
diff --git a/apps/roam/src/components/settings/components/BlockPropSettingPanels.tsx b/apps/roam/src/components/settings/components/BlockPropSettingPanels.tsx
index dde8e936d..599c11ef7 100644
--- a/apps/roam/src/components/settings/components/BlockPropSettingPanels.tsx
+++ b/apps/roam/src/components/settings/components/BlockPropSettingPanels.tsx
@@ -9,7 +9,6 @@ import {
   Tag,
 } from "@blueprintjs/core";
 import Description from "roamjs-components/components/Description";
-import idToTitle from "roamjs-components/util/idToTitle";
 import useSingleChildValue from "roamjs-components/components/ConfigPanels/useSingleChildValue";
 import getShallowTreeByParentUid from "roamjs-components/queries/getShallowTreeByParentUid";
 import {
@@ -40,6 +39,7 @@ type BaseTextPanelProps = {
   setter: TextSetter;
   initialValue?: string;
   placeholder?: string;
+  onChange?: (value: string) => void;
 } & RoamBlockSyncProps;
 
 type BaseFlagPanelProps = {
@@ -62,6 +62,7 @@ type BaseNumberPanelProps = {
   initialValue?: number;
   min?: number;
   max?: number;
+  onChange?: (value: number) => void;
 } & RoamBlockSyncProps;
 
 type BaseSelectPanelProps = {
@@ -79,6 +80,7 @@ type BaseMultiTextPanelProps = {
   settingKeys: string[];
   setter: MultiTextSetter;
   initialValue?: string[];
+  onChange?: (values: string[]) => void;
 } & RoamBlockSyncProps;
 
 const BaseTextPanel = ({
@@ -88,6 +90,7 @@ const BaseTextPanel = ({
   setter,
   initialValue,
   placeholder,
+  onChange,
   parentUid,
   uid,
   order,
@@ -110,11 +113,12 @@ const BaseTextPanel = ({
     setValue(newValue);
     setter(settingKeys, newValue);
     syncToBlock?.(newValue);
+    onChange?.(newValue);
   };
 
   return (
     <Label>
-      {idToTitle(title)}
+      {title}
       <Description description={description} />
       <InputGroup
         value={value}
@@ -188,7 +192,7 @@ const BaseFlagPanel = ({
       disabled={disabled}
       labelElement={
         <>
-          {idToTitle(title)}
+          {title}
           <Description description={description} />
         </>
       }
@@ -204,6 +208,7 @@ const BaseNumberPanel = ({
   initialValue,
   min,
   max,
+  onChange,
   parentUid,
   uid,
   order,
@@ -226,11 +231,12 @@ const BaseNumberPanel = ({
     setValue(valueAsNumber);
     setter(settingKeys, valueAsNumber);
     syncToBlock?.(valueAsNumber);
+    onChange?.(valueAsNumber);
   };
 
   return (
     <Label>
-      {idToTitle(title)}
+      {title}
       <Description description={description} />
       <NumericInput
         value={value}
@@ -276,7 +282,7 @@ const BaseSelectPanel = ({
 
   return (
     <Label>
-      {idToTitle(title)}
+      {title}
       <Description description={description} />
       <HTMLSelect
         value={value}
@@ -294,6 +300,7 @@ const BaseMultiTextPanel = ({
   settingKeys,
   setter,
   initialValue,
+  onChange,
   parentUid,
   uid: initialBlockUid,
   order,
@@ -332,6 +339,7 @@ const BaseMultiTextPanel = ({
       setValues(newValues);
       setter(settingKeys, newValues);
       setInputValue("");
+      onChange?.(newValues);
 
       const parent = await ensureParentBlock();
       if (parent) {
@@ -354,6 +362,7 @@ const BaseMultiTextPanel = ({
     const newValues = values.filter((_, i) => i !== index);
     setValues(newValues);
     setter(settingKeys, newValues);
+    onChange?.(newValues);
 
     if (hasBlockSync) {
       const removedUid = childUidsRef.current[index];
@@ -376,7 +385,7 @@ const BaseMultiTextPanel = ({
 
   return (
     <Label>
-      {idToTitle(title)}
+      {title}
       <Description description={description} />
       <div className="flex gap-2">
         <InputGroup
diff --git a/apps/roam/src/components/settings/utils/pullWatchers.ts b/apps/roam/src/components/settings/utils/pullWatchers.ts
index 5b3c097e8..81026957c 100644
--- a/apps/roam/src/components/settings/utils/pullWatchers.ts
+++ b/apps/roam/src/components/settings/utils/pullWatchers.ts
@@ -124,7 +124,7 @@ type PersonalSettingsHandlers = {
 export const personalSettingsHandlers: PersonalSettingsHandlers = {
   // "Left Sidebar" stub for testing with stubSetLeftSidebarPersonalSections() in accessors.ts
   /* eslint-disable @typescript-eslint/naming-convention */
-  "Left Sidebar": (newValue, oldValue) => {
+  "Left sidebar": (newValue, oldValue) => {
     const oldSections = Object.keys(oldValue || {});
     const newSections = Object.keys(newValue || {});
 
diff --git a/apps/roam/src/components/settings/utils/zodSchema.example.ts b/apps/roam/src/components/settings/utils/zodSchema.example.ts
index 3474ebaf0..671a6b67b 100644
--- a/apps/roam/src/components/settings/utils/zodSchema.example.ts
+++ b/apps/roam/src/components/settings/utils/zodSchema.example.ts
@@ -99,24 +99,24 @@ const discourseNodeSettings: DiscourseNodeSettings = {
 };
 
 const featureFlags: FeatureFlags = {
-  "Enable Left Sidebar": true,
-  "Suggestive Mode Enabled": true,
-  "Reified Relation Triples": false,
+  "Enable left sidebar": true,
+  "Suggestive mode enabled": true,
+  "Reified relation triples": false,
 };
 
 const defaultFeatureFlags: FeatureFlags = {
-  "Enable Left Sidebar": false,
-  "Suggestive Mode Enabled": false,
-  "Reified Relation Triples": false,
+  "Enable left sidebar": false,
+  "Suggestive mode enabled": false,
+  "Reified relation triples": false,
 };
 
 const exportSettings: ExportSettings = {
-  "Remove Special Characters": true,
-  "Resolve Block References": true,
-  "Resolve Block Embeds": false,
-  "Append Referenced Node": true,
-  "Link Type": "wikilinks",
-  "Max Filename Length": 128,
+  "Remove special characters": true,
+  "Resolve block references": true,
+  "Resolve block embeds": false,
+  "Append referenced node": true,
+  "Link type": "wikilinks",
+  "Max filename length": 128,
   Frontmatter: [
     "title: {{page-title}}",
     "date: {{date}}",
@@ -131,9 +131,9 @@ const pageGroup: PageGroup = {
 };
 
 const suggestiveModeGlobalSettings: SuggestiveModeGlobalSettings = {
-  "Include Current Page Relations": true,
-  "Include Parent And Child Blocks": true,
-  "Page Groups": [
+  "Include current page relations": true,
+  "Include parent and child blocks": true,
+  "Page groups": [
     {
       name: "Research Papers",
       pages: ["paper-1-uid", "paper-2-uid"],
@@ -155,8 +155,8 @@ const leftSidebarGlobalSettings: LeftSidebarGlobalSettings = {
 
 const globalSettings: GlobalSettings = {
   Trigger: ";;",
-  "Canvas Page Format": "Canvas - {date} - {title}",
-  "Left Sidebar": {
+  "Canvas page format": "Canvas - {date} - {title}",
+  "Left sidebar": {
     Children: ["daily-notes-uid", "quick-capture-uid", "inbox-uid"],
     Settings: {
       Collapsable: true,
@@ -164,18 +164,18 @@ const globalSettings: GlobalSettings = {
     },
   },
   Export: {
-    "Remove Special Characters": true,
-    "Resolve Block References": true,
-    "Resolve Block Embeds": false,
-    "Append Referenced Node": true,
-    "Link Type": "wikilinks",
-    "Max Filename Length": 128,
+    "Remove special characters": true,
+    "Resolve block references": true,
+    "Resolve block embeds": false,
+    "Append referenced node": true,
+    "Link type": "wikilinks",
+    "Max filename length": 128,
     Frontmatter: ["title: {{page-title}}", "date: {{date}}"],
   },
-  "Suggestive Mode": {
-    "Include Current Page Relations": true,
-    "Include Parent And Child Blocks": true,
-    "Page Groups": [
+  "Suggestive mode": {
+    "Include current page relations": true,
+    "Include parent and child blocks": true,
+    "Page groups": [
       {
         name: "Research",
         pages: ["research-uid-1", "research-uid-2"],
@@ -262,8 +262,8 @@ const globalSettings: GlobalSettings = {
 
 const defaultGlobalSettings: GlobalSettings = {
   Trigger: "",
-  "Canvas Page Format": "",
-  "Left Sidebar": {
+  "Canvas page format": "",
+  "Left sidebar": {
     Children: [],
     Settings: {
       Collapsable: false,
@@ -271,18 +271,18 @@ const defaultGlobalSettings: GlobalSettings = {
     },
   },
   Export: {
-    "Remove Special Characters": false,
-    "Resolve Block References": false,
-    "Resolve Block Embeds": false,
-    "Append Referenced Node": false,
-    "Link Type": "alias",
-    "Max Filename Length": 64,
+    "Remove special characters": false,
+    "Resolve block references": false,
+    "Resolve block embeds": false,
+    "Append referenced node": false,
+    "Link type": "alias",
+    "Max filename length": 64,
     Frontmatter: [],
   },
-  "Suggestive Mode": {
-    "Include Current Page Relations": false,
-    "Include Parent And Child Blocks": false,
-    "Page Groups": [],
+  "Suggestive mode": {
+    "Include current page relations": false,
+    "Include parent and child blocks": false,
+    "Page groups": [],
   },
   Relations: {},
 };
@@ -329,10 +329,10 @@ const storedFilters: StoredFilters = {
 };
 
 const querySettings: QuerySettings = {
-  "Hide Query Metadata": true,
-  "Default Page Size": 25,
-  "Query Pages": ["query-page-uid-1", "query-page-uid-2"],
-  "Default Filters": {
+  "Hide query metadata": true,
+  "Default page size": 25,
+  "Query pages": ["query-page-uid-1", "query-page-uid-2"],
+  "Default filters": {
     "node-type": {
       includes: { values: ["Claim"] },
       excludes: { values: [] },
@@ -345,7 +345,7 @@ const querySettings: QuerySettings = {
 };
 
 const personalSettings: PersonalSettings = {
-  "Left Sidebar": {
+  "Left sidebar": {
     "My Workspace": {
       Children: [
         { Page: "daily-notes-uid", Alias: "Daily Notes" },
@@ -367,24 +367,24 @@ const personalSettings: PersonalSettings = {
       },
     },
   },
-  "Personal Node Menu Trigger": ";;",
-  "Node Search Menu Trigger": "//",
-  "Discourse Tool Shortcut": "d",
-  "Discourse Context Overlay": true,
-  "Suggestive Mode Overlay": true,
-  "Overlay in Canvas": false,
-  "Text Selection Popup": true,
-  "Disable Sidebar Open": false,
-  "Page Preview": true,
-  "Hide Feedback Button": false,
-  "Streamline Styling": true,
-  "Auto Canvas Relations": true,
-  "Disable Product Diagnostics": false,
+  "Personal node menu trigger": ";;",
+  "Node search menu trigger": "//",
+  "Discourse tool shortcut": "d",
+  "Discourse context overlay": true,
+  "Suggestive mode overlay": true,
+  "Overlay in canvas": false,
+  "Text selection popup": true,
+  "Disable sidebar open": false,
+  "Page preview": true,
+  "Hide feedback button": false,
+  "Streamline styling": true,
+  "Auto canvas relations": true,
+  "Disable product diagnostics": false,
   Query: {
-    "Hide Query Metadata": true,
-    "Default Page Size": 25,
-    "Query Pages": ["query-page-uid-1"],
-    "Default Filters": {
+    "Hide query metadata": true,
+    "Default page size": 25,
+    "Query pages": ["query-page-uid-1"],
+    "Default filters": {
       "node-type": {
         includes: { values: ["Claim"] },
         excludes: { values: [] },
@@ -394,25 +394,25 @@ const personalSettings: PersonalSettings = {
 };
 
 const defaultPersonalSettings: PersonalSettings = {
-  "Left Sidebar": {},
-  "Personal Node Menu Trigger": "",
-  "Node Search Menu Trigger": "",
-  "Discourse Tool Shortcut": "",
-  "Discourse Context Overlay": false,
-  "Suggestive Mode Overlay": false,
-  "Overlay in Canvas": false,
-  "Text Selection Popup": true,
-  "Disable Sidebar Open": false,
-  "Page Preview": false,
-  "Hide Feedback Button": false,
-  "Streamline Styling": false,
-  "Auto Canvas Relations": false,
-  "Disable Product Diagnostics": false,
+  "Left sidebar": {},
+  "Personal node menu trigger": "",
+  "Node search menu trigger": "",
+  "Discourse tool shortcut": "",
+  "Discourse context overlay": false,
+  "Suggestive mode overlay": false,
+  "Overlay in canvas": false,
+  "Text selection popup": true,
+  "Disable sidebar open": false,
+  "Page preview": false,
+  "Hide feedback button": false,
+  "Streamline styling": false,
+  "Auto canvas relations": false,
+  "Disable product diagnostics": false,
   Query: {
-    "Hide Query Metadata": false,
-    "Default Page Size": 10,
-    "Query Pages": [],
-    "Default Filters": {},
+    "Hide query metadata": false,
+    "Default page size": 10,
+    "Query pages": [],
+    "Default filters": {},
   },
 };
 
diff --git a/apps/roam/src/components/settings/utils/zodSchema.ts b/apps/roam/src/components/settings/utils/zodSchema.ts
index a971205f7..1ea104535 100644
--- a/apps/roam/src/components/settings/utils/zodSchema.ts
+++ b/apps/roam/src/components/settings/utils/zodSchema.ts
@@ -159,18 +159,18 @@ export const DiscourseRelationSchema = z.object({
 });
 
 export const FeatureFlagsSchema = z.object({
-  "Enable Left Sidebar": z.boolean().default(false),
-  "Suggestive Mode Enabled": z.boolean().default(false),
-  "Reified Relation Triples": z.boolean().default(false),
+  "Enable left sidebar": z.boolean().default(false),
+  "Suggestive mode enabled": z.boolean().default(false),
+  "Reified relation triples": z.boolean().default(false),
 });
 
 export const ExportSettingsSchema = z.object({
-  "Remove Special Characters": z.boolean().default(false),
-  "Resolve Block References": z.boolean().default(false),
-  "Resolve Block Embeds": z.boolean().default(false),
-  "Append Referenced Node": z.boolean().default(false),
-  "Link Type": z.enum(["alias", "wikilinks", "roam url"]).default("alias"),
-  "Max Filename Length": z.number().default(64),
+  "Remove special characters": z.boolean().default(false),
+  "Resolve block references": z.boolean().default(false),
+  "Resolve block embeds": z.boolean().default(false),
+  "Append referenced node": z.boolean().default(false),
+  "Link type": z.enum(["alias", "wikilinks", "roam url"]).default("alias"),
+  "Max filename length": z.number().default(64),
   Frontmatter: z.array(z.string()).default([]),
 });
 
@@ -180,9 +180,9 @@ export const PageGroupSchema = z.object({
 });
 
 export const SuggestiveModeGlobalSettingsSchema = z.object({
-  "Include Current Page Relations": z.boolean().default(false),
-  "Include Parent And Child Blocks": z.boolean().default(false),
-  "Page Groups": z.array(PageGroupSchema).default([]),
+  "Include current page relations": z.boolean().default(false),
+  "Include parent and child blocks": z.boolean().default(false),
+  "Page groups": z.array(PageGroupSchema).default([]),
 });
 
 export const LeftSidebarGlobalSettingsSchema = z.object({
@@ -197,10 +197,10 @@ export const LeftSidebarGlobalSettingsSchema = z.object({
 
 export const GlobalSettingsSchema = z.object({
   Trigger: z.string().default("\\"),
-  "Canvas Page Format": z.string().default("Canvas/*"),
-  "Left Sidebar": LeftSidebarGlobalSettingsSchema.default({}),
+  "Canvas page format": z.string().default("Canvas/*"),
+  "Left sidebar": LeftSidebarGlobalSettingsSchema.default({}),
   Export: ExportSettingsSchema.default({}),
-  "Suggestive Mode": SuggestiveModeGlobalSettingsSchema.default({}),
+  "Suggestive mode": SuggestiveModeGlobalSettingsSchema.default({}),
   Relations: z
     .record(z.string(), DiscourseRelationSchema)
     .default(DEFAULT_RELATIONS_BLOCK_PROPS),
@@ -233,27 +233,27 @@ export const StoredFiltersSchema = z.object({
 });
 
 export const QuerySettingsSchema = z.object({
-  "Hide Query Metadata": z.boolean().default(false),
-  "Default Page Size": z.number().default(10),
-  "Query Pages": z.array(z.string()).default([]),
-  "Default Filters": z.record(z.string(), StoredFiltersSchema).default({}),
+  "Hide query metadata": z.boolean().default(false),
+  "Default page size": z.number().default(10),
+  "Query pages": z.array(z.string()).default([]),
+  "Default filters": z.record(z.string(), StoredFiltersSchema).default({}),
 });
 
 export const PersonalSettingsSchema = z.object({
-  "Left Sidebar": LeftSidebarPersonalSettingsSchema,
-  "Personal Node Menu Trigger": z.string().default(""),
-  "Node Search Menu Trigger": z.string().default("@"),
-  "Discourse Tool Shortcut": z.string().default(""),
-  "Discourse Context Overlay": z.boolean().default(false),
-  "Suggestive Mode Overlay": z.boolean().default(false),
-  "Overlay in Canvas": z.boolean().default(false),
-  "Text Selection Popup": z.boolean().default(true),
-  "Disable Sidebar Open": z.boolean().default(false),
-  "Page Preview": z.boolean().default(false),
-  "Hide Feedback Button": z.boolean().default(false),
-  "Streamline Styling": z.boolean().default(false),
-  "Auto Canvas Relations": z.boolean().default(false),
-  "Disable Product Diagnostics": z.boolean().default(false),
+  "Left sidebar": LeftSidebarPersonalSettingsSchema,
+  "Personal node menu trigger": z.string().default(""),
+  "Node search menu trigger": z.string().default("@"),
+  "Discourse tool shortcut": z.string().default(""),
+  "Discourse context overlay": z.boolean().default(false),
+  "Suggestive mode overlay": z.boolean().default(false),
+  "Overlay in canvas": z.boolean().default(false),
+  "Text selection popup": z.boolean().default(true),
+  "Disable sidebar open": z.boolean().default(false),
+  "Page preview": z.boolean().default(false),
+  "Hide feedback button": z.boolean().default(false),
+  "Streamline styling": z.boolean().default(false),
+  "Auto canvas relations": z.boolean().default(false),
+  "Disable product diagnostics": z.boolean().default(false),
   Query: QuerySettingsSchema.default({}),
 });
 
diff --git a/apps/roam/src/utils/createDiscourseNode.ts b/apps/roam/src/utils/createDiscourseNode.ts
index 699f704d2..851cba630 100644
--- a/apps/roam/src/utils/createDiscourseNode.ts
+++ b/apps/roam/src/utils/createDiscourseNode.ts
@@ -7,7 +7,6 @@ import getFullTreeByParentUid from "roamjs-components/queries/getFullTreeByParen
 import getSubTree from "roamjs-components/util/getSubTree";
 import openBlockInSidebar from "roamjs-components/writes/openBlockInSidebar";
 import getDiscourseNodes from "./getDiscourseNodes";
-import isFlagEnabled from "./isFlagEnabled";
 import resolveQueryBuilderRef from "./resolveQueryBuilderRef";
 import { OnloadArgs, RoamBasicNode } from "roamjs-components/types";
 import runQuery from "./runQuery";