feat: tailscale add host and copy ip, fix outbound fetch hang and plugin ESM warning

src/ui/AppShell.tsx

@@ -86,11 +86,14 @@ const MacrosPanel = lazy(() =>
   import("@/sidebar/MacrosPanel").then((m) => ({ default: m.MacrosPanel })),
 );
 
-// One screen behind both rail entries. It lazy-loads the profile and admin
-// panels itself, so the shell no longer imports either directly.
-const SettingsScreen = lazy(() =>
-  import("@/settings/SettingsScreen").then((m) => ({
-    default: m.SettingsScreen,
+const UserProfilePanel = lazy(() =>
+  import("@/sidebar/UserProfilePanel").then((m) => ({
+    default: m.UserProfilePanel,
+  })),
+);
+const AdminSettingsPanel = lazy(() =>
+  import("@/sidebar/AdminSettingsPanel").then((m) => ({
+    default: m.AdminSettingsPanel,
   })),
 );
 const CredentialsPanel = lazy(() =>
@@ -2269,6 +2272,17 @@ export function AppShell({
       setRailView((prev) => (prev === id ? "hosts" : prev));
       setRightRailView((prev) => (prev === id ? null : prev));
     },
+    openHostEditor: (draft) => {
+      setSidebarOpen(true);
+      setRailView("hosts");
+      setTimeout(
+        () =>
+          window.dispatchEvent(
+            new CustomEvent("host-manager:add-host", { detail: draft }),
+          ),
+        0,
+      );
+    },
     saveQuickConnect: saveQuickConnectHost,
   };
 
@@ -2480,14 +2494,9 @@ export function AppShell({
           </div>
         )}
 
-        {(railView === "user-profile" ||
-          (railView === "admin-settings" && showAdminUI)) && (
-          <div className="flex flex-col flex-1 min-h-0">
-            <SettingsScreen
-              initialSection={
-                railView === "admin-settings" ? "admin" : "profile"
-              }
-              isAdmin={showAdminUI}
+        {railView === "user-profile" && (
+          <div className="flex-1 min-h-0 overflow-y-auto">
+            <UserProfilePanel
               username={username}
               onLogout={onLogout}
               userPrefs={userPrefs}
@@ -2499,6 +2508,13 @@ export function AppShell({
               onRemoteSyncReconnectHandled={() =>
                 setRemoteSyncReconnectRequested(false)
               }
+            />
+          </div>
+        )}
+
+        {railView === "admin-settings" && showAdminUI && (
+          <div className="flex flex-col flex-1 min-h-0 overflow-y-auto">
+            <AdminSettingsPanel
               onEditingChange={setSidebarEditing}
               onOpenHostTab={(host) => {
                 connectHost(host);