Refine client setup state and subscription controls

src/web/App.jsx

@@ -123,11 +123,16 @@ function App() {
       const data = await api.subscription.fetch(subscriptionUrl || state?.subscriptionHost || '');
       setServers(data.servers || []);
       if (data.servers?.length) {
-        const nextTag = data.servers.some((server) => server.tag === selectedTag)
-          ? selectedTag
-          : data.servers[0].tag;
-        setSelectedTag(nextTag);
-        setPendingTag(nextTag);
+        if (state?.mode === 'client') {
+          setSelectedTag('');
+          setPendingTag('');
+        } else {
+          const nextTag = data.servers.some((server) => server.tag === selectedTag)
+            ? selectedTag
+            : data.servers[0].tag;
+          setSelectedTag(nextTag);
+          setPendingTag(nextTag);
+        }
       }
       await loadState();
     });
@@ -433,6 +438,7 @@ function App() {
                 setPendingTag={setPendingTag}
                 onFetchSubscription={fetchSubscription}
                 onRefreshSubscriptionInfo={refreshSubscriptionInfo}
+                onForgetSubscription={forgetSubscription}
                 onApply={applyServer}
                 onRestart={restartSingbox}
                 onStop={() => stopSingbox(false)}