every plugin route renders a workspace, and it is not a rule you can forget

an exclusionary rule, made structural. a plugin does not render a screen: it
contributes panels and says how they are arranged, and the shell renders
WorkspaceView around them.

    web/panels.ts   appRegistryMetas — at least one panel
    web/layout.ts   defaultLayout — how they are arranged

both required the moment web/ exists, and missing either is refused at discovery
by name and with the reason. tested:

    probeplug: has a web/ directory but is missing web/layout.ts.
    Every plugin route renders a Workspace: contribute panels and a layout,
    not a screen.

there is deliberately no way to export a component. one that could would be free
to render a bare div, a full-page form, or its own navigation, and the platform
would become a shell hosting strangers' layouts rather than one application.
non-compliance is not so much refused as unrepresentable — there is nowhere to
put a screen.

the shell registers <prefix> and <prefix>/:section, exactly as the core screens
do, so a plugin's sections stay addressable and cmd-clickable, and panels read
useParams independently rather than passing state between themselves.
appTypes.allowed is pinned to that plugin's own keys, so a persisted layout
naming something else falls back instead of rendering another plugin's panel
inside this screen.

the example plugin is rebuilt to model it — two panels, a layout, one of them
calling its own /api/example/ping through useClient — because the reference
implementation is what everyone copies.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/apps/officer-web/Screens/Dashboard/Settings/ServerSettings/SMTPSection.tsx

@@ -81,9 +81,7 @@ export const SMTPSection = () => {
     provider,
     fromName,
     fromEmail,
-    ...(provider === 'resend'
-      ? { apiKey }
-      : { host, port: parseInt(port) || 587, username, password, secure }),
+    ...(provider === 'resend' ? { apiKey } : { host, port: parseInt(port) || 587, username, password, secure }),
   });
 
   const handleSave = async () => {
@@ -109,7 +107,11 @@ export const SMTPSection = () => {
     } catch (err: unknown) {
       const raw = (err as { message?: string })?.message;
       let msg = 'Connection failed';
-      try { if (raw) msg = JSON.parse(raw).error ?? msg; } catch { /* ignore */ }
+      try {
+        if (raw) msg = JSON.parse(raw).error ?? msg;
+      } catch {
+        /* ignore */
+      }
       toast.error(msg);
     } finally {
       setIsTestingConnection(false);
@@ -120,7 +122,10 @@ export const SMTPSection = () => {
     if (isTesting || !testEmail) return;
     setIsTesting(true);
     try {
-      const result = await client.post<{ success?: boolean; error?: string }>('/server-settings/smtp/test', { ...buildConfig(), to: testEmail });
+      const result = await client.post<{ success?: boolean; error?: string }>('/server-settings/smtp/test', {
+        ...buildConfig(),
+        to: testEmail,
+      });
       if (result.error) {
         toast.error(result.error);
       } else {
@@ -129,7 +134,11 @@ export const SMTPSection = () => {
     } catch (err: unknown) {
       const raw = (err as { message?: string })?.message;
       let msg = 'Failed to send test email';
-      try { if (raw) msg = JSON.parse(raw).error ?? msg; } catch { /* ignore */ }
+      try {
+        if (raw) msg = JSON.parse(raw).error ?? msg;
+      } catch {
+        /* ignore */
+      }
       toast.error(msg);
     } finally {
       setIsTesting(false);