From 291334f27ed6830f90491333d408a98e91982669 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Fri, 11 Apr 2025 07:06:19 +0530
Subject: [PATCH 1/4] add button to bottom right, don't hide sdk css, tested

---
 apps/roam/src/components/BirdEatsBugs.tsx     |  1 -
 .../roam/src/components/settings/Settings.tsx | 33 ++++++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/apps/roam/src/components/BirdEatsBugs.tsx b/apps/roam/src/components/BirdEatsBugs.tsx
index c458ff2ca..2fdcacba0 100644
--- a/apps/roam/src/components/BirdEatsBugs.tsx
+++ b/apps/roam/src/components/BirdEatsBugs.tsx
@@ -51,7 +51,6 @@ const addFeedbackButtonHidingStyles = () => {
   const styleElement = document.createElement("style");
   styleElement.id = STYLE_ID;
   styleElement.textContent = `
-    #birdeatsbug-sdk,
     #birdeatsbug-default-button {
       display: none !important;
     }
diff --git a/apps/roam/src/components/settings/Settings.tsx b/apps/roam/src/components/settings/Settings.tsx
index ff137797e..c5bbf3e2e 100644
--- a/apps/roam/src/components/settings/Settings.tsx
+++ b/apps/roam/src/components/settings/Settings.tsx
@@ -1,6 +1,14 @@
 import React, { useEffect, useState } from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Classes, Dialog, Tabs, Tab, Button, TabId } from "@blueprintjs/core";
+import {
+  Classes,
+  Dialog,
+  Tabs,
+  Tab,
+  Button,
+  TabId,
+  Intent,
+} from "@blueprintjs/core";
 import renderOverlay from "roamjs-components/util/renderOverlay";
 import DiscourseRelationConfigPanel from "./DiscourseRelationConfigPanel";
 import DEFAULT_RELATION_VALUES from "~/data/defaultDiscourseRelations";
@@ -190,6 +198,29 @@ export const SettingsDialog = ({
           />
         </Tabs>
       </div>
+      <Button
+        intent={Intent.PRIMARY}
+        style={{ backgroundColor: "#1976d2" }}
+        onClick={() => {
+          // @ts-ignore - Directly trigger the feedback tool
+          window.birdeatsbug.trigger();
+        }}
+        className="absolute bottom-4 right-4"
+        icon={
+          <span
+            style={{
+              backgroundImage: `url("data:image/svg+xml,%3Csvg width='256' height='264' viewBox='0 0 256 264' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M156.705 252.012C140.72 267.995 114.803 267.995 98.8183 252.012L11.9887 165.182C-3.99622 149.197 -3.99622 123.28 11.9886 107.296L55.4035 63.8807C63.3959 55.8881 76.3541 55.8881 84.3467 63.8807C92.3391 71.8731 92.3391 84.8313 84.3467 92.8239L69.8751 107.296C53.8901 123.28 53.8901 149.197 69.8751 165.182L113.29 208.596C121.282 216.589 134.241 216.589 142.233 208.596C150.225 200.604 150.225 187.646 142.233 179.653L127.761 165.182C111.777 149.197 111.777 123.28 127.761 107.296C143.746 91.3105 143.746 65.3939 127.761 49.4091L113.29 34.9375C105.297 26.9452 105.297 13.9868 113.29 5.99432C121.282 -1.99811 134.241 -1.99811 142.233 5.99434L243.533 107.296C259.519 123.28 259.519 149.197 243.533 165.182L156.705 252.012ZM200.119 121.767C192.127 113.775 179.168 113.775 171.176 121.767C163.184 129.76 163.184 142.718 171.176 150.71C179.168 158.703 192.127 158.703 200.119 150.71C208.112 142.718 208.112 129.76 200.119 121.767Z' fill='%23FFFFFF'/%3E%3C/svg%3E")`,
+              backgroundRepeat: "no-repeat",
+              backgroundSize: "contain",
+              display: "inline-block",
+              width: "20px",
+              height: "20px",
+            }}
+          />
+        }
+      >
+        Send Feedback
+      </Button>
       {/* <Button
         icon="cross"
         minimal

From fa82a5da9a240e64cdba9b359d935cd8d7e034e9 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Fri, 11 Apr 2025 07:09:43 +0530
Subject: [PATCH 2/4] remove intent not working git

---
 apps/roam/src/components/settings/Settings.tsx | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/apps/roam/src/components/settings/Settings.tsx b/apps/roam/src/components/settings/Settings.tsx
index c5bbf3e2e..b55f9ae57 100644
--- a/apps/roam/src/components/settings/Settings.tsx
+++ b/apps/roam/src/components/settings/Settings.tsx
@@ -1,14 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import {
-  Classes,
-  Dialog,
-  Tabs,
-  Tab,
-  Button,
-  TabId,
-  Intent,
-} from "@blueprintjs/core";
+import { Classes, Dialog, Tabs, Tab, Button, TabId } from "@blueprintjs/core";
 import renderOverlay from "roamjs-components/util/renderOverlay";
 import DiscourseRelationConfigPanel from "./DiscourseRelationConfigPanel";
 import DEFAULT_RELATION_VALUES from "~/data/defaultDiscourseRelations";
@@ -199,7 +191,6 @@ export const SettingsDialog = ({
         </Tabs>
       </div>
       <Button
-        intent={Intent.PRIMARY}
         style={{ backgroundColor: "#1976d2" }}
         onClick={() => {
           // @ts-ignore - Directly trigger the feedback tool

From 15d1967ba82a7db798feb9ffec644b93dbe3ab83 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Fri, 11 Apr 2025 09:14:59 +0530
Subject: [PATCH 3/4] remove ts-ignore and use a better type def

---
 apps/roam/src/components/BirdEatsBugs.tsx      | 3 ++-
 apps/roam/src/components/settings/Settings.tsx | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/roam/src/components/BirdEatsBugs.tsx b/apps/roam/src/components/BirdEatsBugs.tsx
index 2fdcacba0..edee43726 100644
--- a/apps/roam/src/components/BirdEatsBugs.tsx
+++ b/apps/roam/src/components/BirdEatsBugs.tsx
@@ -1,7 +1,7 @@
 import getCurrentUserEmail from "roamjs-components/queries/getCurrentUserEmail";
 import { OnloadArgs } from "roamjs-components/types";
 
-type FeedbackWidget = {
+export type FeedbackWidget = {
   initialize?: boolean;
   invoked?: boolean;
   methods?: string[];
@@ -33,6 +33,7 @@ type FeedbackWidget = {
   }) => void;
   [key: string]: any;
   length?: number;
+  trigger?: () => FeedbackWidget;
 };
 
 declare global {
diff --git a/apps/roam/src/components/settings/Settings.tsx b/apps/roam/src/components/settings/Settings.tsx
index b55f9ae57..0b0150b06 100644
--- a/apps/roam/src/components/settings/Settings.tsx
+++ b/apps/roam/src/components/settings/Settings.tsx
@@ -16,6 +16,7 @@ import NodeConfig from "./NodeConfig";
 import sendErrorEmail from "~/utils/sendErrorEmail";
 import HomePersonalSettings from "./HomePersonalSettings";
 import refreshConfigTree from "~/utils/refreshConfigTree";
+import { FeedbackWidget } from "~/components/BirdEatsBugs";
 
 type SectionHeaderProps = {
   children: React.ReactNode;
@@ -193,8 +194,8 @@ export const SettingsDialog = ({
       <Button
         style={{ backgroundColor: "#1976d2" }}
         onClick={() => {
-          // @ts-ignore - Directly trigger the feedback tool
-          window.birdeatsbug.trigger();
+          const birdeatsbug = window.birdeatsbug as FeedbackWidget;
+          birdeatsbug.trigger?.();
         }}
         className="absolute bottom-4 right-4"
         icon={

From 0d835470b2009e9bc2ff8ecd8d2b14272eeb5b82 Mon Sep 17 00:00:00 2001
From: sid597 <sid597athens@gmail.com>
Date: Fri, 11 Apr 2025 09:33:48 +0530
Subject: [PATCH 4/4] remove styling

---
 .../roam/src/components/settings/Settings.tsx | 27 +++++++++----------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/apps/roam/src/components/settings/Settings.tsx b/apps/roam/src/components/settings/Settings.tsx
index 0b0150b06..bb8ee399f 100644
--- a/apps/roam/src/components/settings/Settings.tsx
+++ b/apps/roam/src/components/settings/Settings.tsx
@@ -1,6 +1,14 @@
 import React, { useEffect, useState } from "react";
 import { OnloadArgs } from "roamjs-components/types";
-import { Classes, Dialog, Tabs, Tab, Button, TabId } from "@blueprintjs/core";
+import {
+  Classes,
+  Dialog,
+  Tabs,
+  Tab,
+  Button,
+  TabId,
+  Intent,
+} from "@blueprintjs/core";
 import renderOverlay from "roamjs-components/util/renderOverlay";
 import DiscourseRelationConfigPanel from "./DiscourseRelationConfigPanel";
 import DEFAULT_RELATION_VALUES from "~/data/defaultDiscourseRelations";
@@ -192,24 +200,13 @@ export const SettingsDialog = ({
         </Tabs>
       </div>
       <Button
-        style={{ backgroundColor: "#1976d2" }}
+        icon="send-message"
+        intent={Intent.PRIMARY}
         onClick={() => {
           const birdeatsbug = window.birdeatsbug as FeedbackWidget;
           birdeatsbug.trigger?.();
         }}
-        className="absolute bottom-4 right-4"
-        icon={
-          <span
-            style={{
-              backgroundImage: `url("data:image/svg+xml,%3Csvg width='256' height='264' viewBox='0 0 256 264' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M156.705 252.012C140.72 267.995 114.803 267.995 98.8183 252.012L11.9887 165.182C-3.99622 149.197 -3.99622 123.28 11.9886 107.296L55.4035 63.8807C63.3959 55.8881 76.3541 55.8881 84.3467 63.8807C92.3391 71.8731 92.3391 84.8313 84.3467 92.8239L69.8751 107.296C53.8901 123.28 53.8901 149.197 69.8751 165.182L113.29 208.596C121.282 216.589 134.241 216.589 142.233 208.596C150.225 200.604 150.225 187.646 142.233 179.653L127.761 165.182C111.777 149.197 111.777 123.28 127.761 107.296C143.746 91.3105 143.746 65.3939 127.761 49.4091L113.29 34.9375C105.297 26.9452 105.297 13.9868 113.29 5.99432C121.282 -1.99811 134.241 -1.99811 142.233 5.99434L243.533 107.296C259.519 123.28 259.519 149.197 243.533 165.182L156.705 252.012ZM200.119 121.767C192.127 113.775 179.168 113.775 171.176 121.767C163.184 129.76 163.184 142.718 171.176 150.71C179.168 158.703 192.127 158.703 200.119 150.71C208.112 142.718 208.112 129.76 200.119 121.767Z' fill='%23FFFFFF'/%3E%3C/svg%3E")`,
-              backgroundRepeat: "no-repeat",
-              backgroundSize: "contain",
-              display: "inline-block",
-              width: "20px",
-              height: "20px",
-            }}
-          />
-        }
+        className="absolute bottom-4 left-4"
       >
         Send Feedback
       </Button>