persist panel sizes for email and automation screens, fix session title from prompt prefix

- switch email and automation screens from WorkspaceLayout to WorkspaceView + useWorkspacesState
- add promptPrefix prop to WorkspaceView, thread into WorkspaceContext
- automation dynamically adds/removes chat panel while preserving persisted sizes
- use displayText for session title so prompt prefix doesn't leak into titles
- fix email context filter to match screens/email workspace key

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

src/apps/officer-web/Screens/Dashboard/Email/EmailScreen.tsx

@@ -1,6 +1,7 @@
 import { useMemo, useCallback } from 'react';
 import type { LayoutNode, PanelComponents } from 'officerdev';
-import { WorkspaceLayout } from 'officerdev';
+import { WorkspaceView } from 'officerdev';
+import { useWorkspacesState } from 'state/useWorkspacesState';
 import { useIsMobile } from 'hooks/useIsMobile';
 import { useGlobal } from 'hooks/useGlobal';
 import { defaultLayout } from './defaultLayout';
@@ -12,6 +13,7 @@ const PROMPT_PREFIX = `You are an email assistant. The user has a local SQLite e
 export const EmailScreen = () => {
   const isMobile = useIsMobile();
   const [selectedId, setSelectedId] = useGlobal<string | null>('EMAIL_SELECTED', null);
+  const workspace = useWorkspacesState<LayoutNode>('screens/email', defaultLayout);
 
   const components: PanelComponents = useMemo(
     () => ({
@@ -26,15 +28,13 @@ export const EmailScreen = () => {
 
   return (
     <div className="h-full w-full pt-2">
-      <WorkspaceLayout
-        layout={defaultLayout}
-        onLayoutChange={() => {}}
+      <WorkspaceView
+        workspace={workspace}
+        locked
         components={components}
-        workspaceId="email"
         promptPrefix={PROMPT_PREFIX}
-        isMobile={isMobile}
         mobilePanelId={mobilePanelId}
-        onMobileBack={mobilePanelId ? onMobileBack : null}
+        onMobilePanelChange={mobilePanelId ? () => onMobileBack() : undefined}
       />
     </div>
   );