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/Authentication/ForgotPassword/ResetPassword.tsx

@@ -28,7 +28,7 @@ export function ResetPassword() {
         </Card>
       )}
 
-      <Card className={cn("flex flex-col gap-6", hideform && "hidden")}>
+      <Card className={cn('flex flex-col gap-6', hideform && 'hidden')}>
         <div className="text-center">
           <div className="text-duck-dark text-2xl font-bold">Reset Password</div>
           <div className="text-duck-dark/60">Enter your new password</div>

src/apps/officer-web/Screens/Authentication/LandingPage/Login.tsx

@@ -105,4 +105,3 @@ const validateForm = (state: Partial<LoginFormState>) => {
   if (!email || !password) return false;
   return true;
 };
-

src/apps/officer-web/Screens/Authentication/Layout/AuthenticationLayout.tsx

@@ -10,9 +10,7 @@ export function AuthenticationLayout({ children }: AuthenticationLayoutProps) {
       <section className="relative h-dvh snap-start overflow-hidden">
         <Background />
         <div className="absolute inset-0 z-20">
-          <div className="absolute inset-x-0 bottom-0 z-20 flex justify-center pb-8 md:pb-12">
-            {children}
-          </div>
+          <div className="absolute inset-x-0 bottom-0 z-20 flex justify-center pb-8 md:pb-12">{children}</div>
         </div>
       </section>
     </div>

src/apps/officer-web/Screens/Authentication/Layout/Background.tsx

@@ -1,5 +1,5 @@
-import { DuckAvatar } from "./DuckAvatar";
-import { PixelGrid } from "@/components/PixelGrid";
+import { DuckAvatar } from './DuckAvatar';
+import { PixelGrid } from '@/components/PixelGrid';
 import { useGlobal } from 'hooks/useGlobal';
 const landscapebg = '/landscape1.webp';
 
@@ -19,4 +19,4 @@ export function Background() {
       {!duckHidden && <DuckAvatar showDebug={false} fullControlMode={false} currentSection={0} />}
     </div>
   );
-};
+}

src/apps/officer-web/Screens/Authentication/Signout.tsx

@@ -14,4 +14,3 @@ export const SignoutScreen = () => {
 
   return null;
 };
-