From d87a386505df081a35499c554c58a2accdad98c5 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Sun, 23 Mar 2025 13:12:47 +0530
Subject: [PATCH 1/9] use switches instead of checkbox

---
 .../roam/src/components/settings/HomePersonalSettings.tsx | 8 ++++----
 apps/roam/src/components/settings/QuerySettings.tsx       | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/roam/src/components/settings/HomePersonalSettings.tsx b/apps/roam/src/components/settings/HomePersonalSettings.tsx
index 9251b7bc6..46dd79c52 100644
--- a/apps/roam/src/components/settings/HomePersonalSettings.tsx
+++ b/apps/roam/src/components/settings/HomePersonalSettings.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Label, Checkbox } from "@blueprintjs/core";
+import { Label, Switch } from "@blueprintjs/core";
 import Description from "roamjs-components/components/Description";
 import { NodeMenuTriggerComponent } from "../DiscourseNodeMenu";
 import {
@@ -24,7 +24,7 @@ const HomePersonalSettings = ({ onloadArgs }: { onloadArgs: OnloadArgs }) => {
         />
         <NodeMenuTriggerComponent extensionAPI={extensionAPI} />
       </Label>
-      <Checkbox
+      <Switch
         defaultChecked={
           extensionAPI.settings.get("discourse-context-overlay") as boolean
         }
@@ -48,7 +48,7 @@ const HomePersonalSettings = ({ onloadArgs }: { onloadArgs: OnloadArgs }) => {
           </>
         }
       />
-      <Checkbox
+      <Switch
         defaultChecked={
           extensionAPI.settings.get("disable-sidebar-open") as boolean
         }
@@ -67,7 +67,7 @@ const HomePersonalSettings = ({ onloadArgs }: { onloadArgs: OnloadArgs }) => {
           </>
         }
       />
-      <Checkbox
+      <Switch
         defaultChecked={extensionAPI.settings.get("page-preview") as boolean}
         onChange={(e) => {
           const target = e.target as HTMLInputElement;
diff --git a/apps/roam/src/components/settings/QuerySettings.tsx b/apps/roam/src/components/settings/QuerySettings.tsx
index 988680dc2..4a0305ba8 100644
--- a/apps/roam/src/components/settings/QuerySettings.tsx
+++ b/apps/roam/src/components/settings/QuerySettings.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Label, NumericInput, Checkbox } from "@blueprintjs/core";
+import { Label, NumericInput, Switch } 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";
@@ -15,7 +15,7 @@ const QuerySettings = ({
   const { globalPageSize } = getSettings(extensionAPI);
   return (
     <div className="flex flex-col gap-4 p-1">
-      <Checkbox
+      <Switch
         defaultChecked={extensionAPI.settings.get(HIDE_METADATA_KEY) as boolean}
         onChange={(e) => {
           const target = e.target as HTMLInputElement;

From 8dbf51c81c9d7abf33af584d74f1df974c9b04bc Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Sun, 23 Mar 2025 13:26:09 +0530
Subject: [PATCH 2/9] align attribute inputgroup and button

---
 .../settings/DiscourseNodeAttributes.tsx      | 52 +++++++++----------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/apps/roam/src/components/settings/DiscourseNodeAttributes.tsx b/apps/roam/src/components/settings/DiscourseNodeAttributes.tsx
index d237b46be..49cbc8b90 100644
--- a/apps/roam/src/components/settings/DiscourseNodeAttributes.tsx
+++ b/apps/roam/src/components/settings/DiscourseNodeAttributes.tsx
@@ -84,36 +84,36 @@ const NodeAttributes = ({ uid }: { uid: string }) => {
           />
         ))}
       </div>
-      <div style={{ display: "flex", alignItems: "center" }}>
-        <Label style={{ width: 120, marginBottom: 0 }}>
-          Attribute Label
+      <div>
+        <Label style={{ marginBottom: 8 }}>Attribute Label</Label>
+        <div style={{ display: "flex", alignItems: "center" }}>
           <InputGroup
             value={newAttribute}
             onChange={(e) => setNewAttribute(e.target.value)}
           />
-        </Label>
-        <Button
-          text={"Add"}
-          rightIcon={"plus"}
-          style={{ marginLeft: 16 }}
-          onClick={() => {
-            const DEFAULT = "{count:Has Any Relation To:any}";
-            createBlock({
-              node: {
-                text: newAttribute,
-                children: [{ text: DEFAULT }],
-              },
-              parentUid: uid,
-              order: attributes.length,
-            }).then((uid) => {
-              setAttributes([
-                ...attributes,
-                { uid, label: newAttribute, value: DEFAULT },
-              ]);
-              setNewAttribute("");
-            });
-          }}
-        />
+          <Button
+            text={"Add"}
+            rightIcon={"plus"}
+            style={{ marginLeft: 16 }}
+            onClick={() => {
+              const DEFAULT = "{count:Has Any Relation To:any}";
+              createBlock({
+                node: {
+                  text: newAttribute,
+                  children: [{ text: DEFAULT }],
+                },
+                parentUid: uid,
+                order: attributes.length,
+              }).then((uid) => {
+                setAttributes([
+                  ...attributes,
+                  { uid, label: newAttribute, value: DEFAULT },
+                ]);
+                setNewAttribute("");
+              });
+            }}
+          />
+        </div>
       </div>
     </div>
   );

From 4b76b50d8d1b70637ed46cdc0409bb70cee0ef2c Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Sun, 23 Mar 2025 13:40:40 +0530
Subject: [PATCH 3/9] fix default filters

---
 apps/roam/src/components/settings/DefaultFilters.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/roam/src/components/settings/DefaultFilters.tsx b/apps/roam/src/components/settings/DefaultFilters.tsx
index 4868401fd..d96761d06 100644
--- a/apps/roam/src/components/settings/DefaultFilters.tsx
+++ b/apps/roam/src/components/settings/DefaultFilters.tsx
@@ -179,15 +179,15 @@ const DefaultFilters = ({
           }}
         />
       ))}
-      <div className="flex items-center justify-end gap-2">
+      <div className="flex items-center gap-2">
         <InputGroup
           style={{ minWidth: "initial" }}
           value={newColumn}
           onChange={(e) => setNewColumn(e.target.value)}
         />
         <Button
-          icon={"add"}
-          intent={Intent.PRIMARY}
+          icon={"plus"}
+          minimal
           disabled={!newColumn}
           onClick={() => {
             const newFilters = {

From 5ccea0736361c9f40f8337798b21561811021c60 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Thu, 27 Mar 2025 17:14:11 +0530
Subject: [PATCH 4/9] add class and styles to select panel

---
 .../components/settings/ExportSettings.tsx    | 24 ++++++++++---------
 apps/roam/src/styles/styles.css               |  5 ++++
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/apps/roam/src/components/settings/ExportSettings.tsx b/apps/roam/src/components/settings/ExportSettings.tsx
index 6b9b7e045..b3761c2a2 100644
--- a/apps/roam/src/components/settings/ExportSettings.tsx
+++ b/apps/roam/src/components/settings/ExportSettings.tsx
@@ -47,17 +47,19 @@ const DiscourseGraphExport = ({}: {}) => {
           value={exportSettings.appendRefNodeContext.value || false}
         />
       </div>
-      <SelectPanel
-        title="link type"
-        description="How to format links that appear in your export."
-        order={5}
-        options={{
-          items: ["alias", "wikilinks", "roam url"],
-        }}
-        uid={exportSettings.linkType.uid}
-        parentUid={parentUid}
-        value={exportSettings.linkType.value || "alias"}
-      />
+      <div className="link-type-select-wrapper">
+        <SelectPanel
+          title="link type"
+          description="How to format links that appear in your export."
+          order={5}
+          options={{
+            items: ["alias", "wikilinks", "roam url"],
+          }}
+          uid={exportSettings.linkType.uid}
+          parentUid={parentUid}
+          value={exportSettings.linkType.value || "alias"}
+        />
+      </div>
       <NumberPanel
         title="max filename length"
         description="Set the maximum name length for markdown file exports"
diff --git a/apps/roam/src/styles/styles.css b/apps/roam/src/styles/styles.css
index a40bdf7e6..a3b3d30e9 100644
--- a/apps/roam/src/styles/styles.css
+++ b/apps/roam/src/styles/styles.css
@@ -134,3 +134,8 @@ svg.rs-svg-container {
 .roamjs-query-column-views table.bp3-html-table td {
   vertical-align: initial;
 }
+
+.link-type-select-wrapper .bp3-button {
+  width: 100px;
+  justify-content: space-between;
+}

From fba5d738ba806adea5ec9af2449285f39cc8fb88 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Thu, 27 Mar 2025 17:36:39 +0530
Subject: [PATCH 5/9] use checkbox instead of switches

---
 .../roam/src/components/settings/HomePersonalSettings.tsx | 8 ++++----
 apps/roam/src/components/settings/QuerySettings.tsx       | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/roam/src/components/settings/HomePersonalSettings.tsx b/apps/roam/src/components/settings/HomePersonalSettings.tsx
index 46dd79c52..c153842c9 100644
--- a/apps/roam/src/components/settings/HomePersonalSettings.tsx
+++ b/apps/roam/src/components/settings/HomePersonalSettings.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Label, Switch } from "@blueprintjs/core";
+import { Checkbox, Label, Switch } from "@blueprintjs/core";
 import Description from "roamjs-components/components/Description";
 import { NodeMenuTriggerComponent } from "../DiscourseNodeMenu";
 import {
@@ -24,7 +24,7 @@ const HomePersonalSettings = ({ onloadArgs }: { onloadArgs: OnloadArgs }) => {
         />
         <NodeMenuTriggerComponent extensionAPI={extensionAPI} />
       </Label>
-      <Switch
+      <Checkbox
         defaultChecked={
           extensionAPI.settings.get("discourse-context-overlay") as boolean
         }
@@ -48,7 +48,7 @@ const HomePersonalSettings = ({ onloadArgs }: { onloadArgs: OnloadArgs }) => {
           </>
         }
       />
-      <Switch
+      <Checkbox
         defaultChecked={
           extensionAPI.settings.get("disable-sidebar-open") as boolean
         }
@@ -67,7 +67,7 @@ const HomePersonalSettings = ({ onloadArgs }: { onloadArgs: OnloadArgs }) => {
           </>
         }
       />
-      <Switch
+      <Checkbox
         defaultChecked={extensionAPI.settings.get("page-preview") as boolean}
         onChange={(e) => {
           const target = e.target as HTMLInputElement;
diff --git a/apps/roam/src/components/settings/QuerySettings.tsx b/apps/roam/src/components/settings/QuerySettings.tsx
index 4a0305ba8..b82665933 100644
--- a/apps/roam/src/components/settings/QuerySettings.tsx
+++ b/apps/roam/src/components/settings/QuerySettings.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Label, NumericInput, Switch } from "@blueprintjs/core";
+import { Checkbox, Label, NumericInput } 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";
@@ -15,7 +15,7 @@ const QuerySettings = ({
   const { globalPageSize } = getSettings(extensionAPI);
   return (
     <div className="flex flex-col gap-4 p-1">
-      <Switch
+      <Checkbox
         defaultChecked={extensionAPI.settings.get(HIDE_METADATA_KEY) as boolean}
         onChange={(e) => {
           const target = e.target as HTMLInputElement;

From 58c6dcfd79e55d4d31b6d2e1bb3e4e76edb5eb25 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Thu, 27 Mar 2025 17:47:10 +0530
Subject: [PATCH 6/9] unused imports

---
 apps/roam/src/components/settings/HomePersonalSettings.tsx | 2 +-
 apps/roam/src/components/settings/QuerySettings.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/roam/src/components/settings/HomePersonalSettings.tsx b/apps/roam/src/components/settings/HomePersonalSettings.tsx
index c153842c9..4e01697d5 100644
--- a/apps/roam/src/components/settings/HomePersonalSettings.tsx
+++ b/apps/roam/src/components/settings/HomePersonalSettings.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Checkbox, Label, Switch } from "@blueprintjs/core";
+import { Checkbox, Label } from "@blueprintjs/core";
 import Description from "roamjs-components/components/Description";
 import { NodeMenuTriggerComponent } from "../DiscourseNodeMenu";
 import {
diff --git a/apps/roam/src/components/settings/QuerySettings.tsx b/apps/roam/src/components/settings/QuerySettings.tsx
index b82665933..988680dc2 100644
--- a/apps/roam/src/components/settings/QuerySettings.tsx
+++ b/apps/roam/src/components/settings/QuerySettings.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Checkbox, Label, NumericInput } from "@blueprintjs/core";
+import { Label, NumericInput, Checkbox } 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";

From 140bff8a036ec107233b6db794c54c1897829289 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Thu, 27 Mar 2025 17:48:17 +0530
Subject: [PATCH 7/9] .

---
 apps/roam/src/components/settings/HomePersonalSettings.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/roam/src/components/settings/HomePersonalSettings.tsx b/apps/roam/src/components/settings/HomePersonalSettings.tsx
index 4e01697d5..9251b7bc6 100644
--- a/apps/roam/src/components/settings/HomePersonalSettings.tsx
+++ b/apps/roam/src/components/settings/HomePersonalSettings.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Checkbox, Label } from "@blueprintjs/core";
+import { Label, Checkbox } from "@blueprintjs/core";
 import Description from "roamjs-components/components/Description";
 import { NodeMenuTriggerComponent } from "../DiscourseNodeMenu";
 import {

From d239e4ebb6d58cd941876506091eab33e7546358 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Sat, 29 Mar 2025 10:00:54 +0530
Subject: [PATCH 8/9] switch from switches to checkboxes

---
 .../src/components/settings/DiscourseNodeCanvasSettings.tsx | 6 +++---
 .../src/components/settings/DiscourseNodeSpecification.tsx  | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx b/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx
index 4638fa7bf..4dd928491 100644
--- a/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx
+++ b/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx
@@ -3,10 +3,10 @@ import {
   Label,
   Radio,
   RadioGroup,
-  Switch,
   Tooltip,
   Icon,
   ControlGroup,
+  Checkbox,
 } from "@blueprintjs/core";
 import React, { useState, useMemo } from "react";
 import getBasicTreeByParentUid from "roamjs-components/queries/getBasicTreeByParentUid";
@@ -91,7 +91,7 @@ const DiscourseNodeCanvasSettings = ({ uid }: { uid: string }) => {
           }}
         />
       </Label>
-      <Switch
+      <Checkbox
         style={{ width: 240, lineHeight: "normal" }}
         alignIndicator="right"
         checked={isKeyImage}
@@ -122,7 +122,7 @@ const DiscourseNodeCanvasSettings = ({ uid }: { uid: string }) => {
             className={"ml-2 align-middle opacity-80"}
           />
         </Tooltip>
-      </Switch>
+      </Checkbox>
       {/* </Tooltip> */}
       <RadioGroup
         disabled={!isKeyImage}
diff --git a/apps/roam/src/components/settings/DiscourseNodeSpecification.tsx b/apps/roam/src/components/settings/DiscourseNodeSpecification.tsx
index df6608437..949777240 100644
--- a/apps/roam/src/components/settings/DiscourseNodeSpecification.tsx
+++ b/apps/roam/src/components/settings/DiscourseNodeSpecification.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import getSubTree from "roamjs-components/util/getSubTree";
 import createBlock from "roamjs-components/writes/createBlock";
-import { Switch } from "@blueprintjs/core";
+import { Checkbox } from "@blueprintjs/core";
 import getBasicTreeByParentUid from "roamjs-components/queries/getBasicTreeByParentUid";
 import deleteBlock from "roamjs-components/writes/deleteBlock";
 import refreshConfigTree from "~/utils/refreshConfigTree";
@@ -83,7 +83,7 @@ const NodeSpecification = ({
         {`.roamjs-node-specification .bp3-button.bp3-intent-primary { display: none; }`}
       </style>
       <p>
-        <Switch
+        <Checkbox
           checked={!!enabled}
           className={"ml-8 inline-block"}
           onChange={(e) => {

From 4a444f0edb745b0be454785f3c49b082fe97e4cb Mon Sep 17 00:00:00 2001
From: Michael Gartner <mclicks@gmail.com>
Date: Sun, 30 Mar 2025 16:27:37 -0600
Subject: [PATCH 9/9] remove right align to match other settings

---
 .../roam/src/components/settings/DiscourseNodeCanvasSettings.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx b/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx
index 4dd928491..ac26daf7f 100644
--- a/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx
+++ b/apps/roam/src/components/settings/DiscourseNodeCanvasSettings.tsx
@@ -93,7 +93,6 @@ const DiscourseNodeCanvasSettings = ({ uid }: { uid: string }) => {
       </Label>
       <Checkbox
         style={{ width: 240, lineHeight: "normal" }}
-        alignIndicator="right"
         checked={isKeyImage}
         onChange={(e) => {
           const target = e.target as HTMLInputElement;