From daac5afebe37720744603640a66fd704b807d16a Mon Sep 17 00:00:00 2001
From: everestmcarthur <280397636+everestmcarthur@users.noreply.github.com>
Date: Sat, 1 Aug 2026 23:12:49 -0400
Subject: [PATCH] ServerDrawer: also copy SettingsScaffold/NoteBox locally -
 zero shared references

---
 plugins/server-drawer/src/ui/NoteBox.tsx      | 24 +++++++++++++++++++
 plugins/server-drawer/src/ui/Settings.tsx     |  4 ++--
 .../server-drawer/src/ui/SettingsScaffold.tsx | 13 ++++++++++
 3 files changed, 39 insertions(+), 2 deletions(-)
 create mode 100644 plugins/server-drawer/src/ui/NoteBox.tsx
 create mode 100644 plugins/server-drawer/src/ui/SettingsScaffold.tsx

diff --git a/plugins/server-drawer/src/ui/NoteBox.tsx b/plugins/server-drawer/src/ui/NoteBox.tsx
new file mode 100644
index 0000000..20cc42e
--- /dev/null
+++ b/plugins/server-drawer/src/ui/NoteBox.tsx
@@ -0,0 +1,24 @@
+import { React, ReactNative } from "@vendetta/metro/common";
+
+const { View, Text } = ReactNative;
+
+/** Small bordered callout for explanatory text in a settings screen - theme-agnostic by design. */
+export default function NoteBox({ children, style }: { children: any; style?: any }) {
+    return (
+        <View
+            style={[
+                {
+                    marginHorizontal: 16,
+                    marginVertical: 8,
+                    padding: 10,
+                    borderRadius: 8,
+                    borderWidth: 1,
+                    borderColor: "rgba(128,128,128,0.25)"
+                },
+                style
+            ]}
+        >
+            <Text style={{ fontSize: 12.5, lineHeight: 18, opacity: 0.75 }}>{children}</Text>
+        </View>
+    );
+}
diff --git a/plugins/server-drawer/src/ui/Settings.tsx b/plugins/server-drawer/src/ui/Settings.tsx
index 54ccdad..1006d51 100644
--- a/plugins/server-drawer/src/ui/Settings.tsx
+++ b/plugins/server-drawer/src/ui/Settings.tsx
@@ -2,8 +2,8 @@ import { React } from "@vendetta/metro/common";
 import { storage } from "@vendetta/plugin";
 import { useProxy } from "@vendetta/storage";
 import { Forms } from "@vendetta/ui/components";
-import SettingsScaffold from "@shared/ui/SettingsScaffold";
-import NoteBox from "@shared/ui/NoteBox";
+import SettingsScaffold from "./SettingsScaffold";
+import NoteBox from "./NoteBox";
 import { restart } from "../index";
 
 const { FormSection, FormSwitchRow } = Forms;
diff --git a/plugins/server-drawer/src/ui/SettingsScaffold.tsx b/plugins/server-drawer/src/ui/SettingsScaffold.tsx
new file mode 100644
index 0000000..9d67ae8
--- /dev/null
+++ b/plugins/server-drawer/src/ui/SettingsScaffold.tsx
@@ -0,0 +1,13 @@
+import { React, ReactNative } from "@vendetta/metro/common";
+
+const { ScrollView, View } = ReactNative;
+
+/** Consistent wrapper for the settings screen: scroll view + bottom breathing room. */
+export default function SettingsScaffold({ children }: { children: any }) {
+    return (
+        <ScrollView style={{ flex: 1 }}>
+            {children}
+            <View style={{ height: 24 }} />
+        </ScrollView>
+    );
+}