feat(session): add app mode preference to session creation

- Add appMode field to session contracts (coding | work)
- Add server-side validation for appMode in session operation
- Wire appModePreference through create-application and main.tsx
- Carry appMode into task-session-workflows at session creation
- Add mode selection UI in settings with accessible radiogroup
- Refactor AgentAvatar size mapping into a constant record
- Auto-select first agent in management and reduce detail avatar to small
- Enable independent scrolling for agent list and detail panels
- Reduce usage popover skeleton rows from 8 to 4 for size stability

Author: Fectivnfy112357

.plan/workspace-browser-tab/complete/workspace-browser-tab.acceptance.json

@@ -14,7 +14,7 @@
     },
     "observed": "the run's selection points at the page the Agent opened, the runtime publishes it, and the strip's reconciliation makes it the active panel tab",
     "result": "pass",
-    "at": "2026-11-04T05:11:13.237Z",
+    "at": "2026-11-04T05:25:54.616Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -33,7 +33,7 @@
     },
     "observed": "the page is at the requested url and the frame stream follows the page it opened",
     "result": "pass",
-    "at": "2026-11-04T05:11:14.418Z",
+    "at": "2026-11-04T05:25:55.809Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -52,7 +52,7 @@
     },
     "observed": "the action runs on the run's selection, and a reference recorded before the page moved is refused",
     "result": "pass",
-    "at": "2026-11-04T05:11:15.288Z",
+    "at": "2026-11-04T05:25:56.711Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -71,7 +71,7 @@
     },
     "observed": "the Agent's page and the person's page are different, and each shows its own picture",
     "result": "pass",
-    "at": "2026-11-04T05:11:15.350Z",
+    "at": "2026-11-04T05:25:56.789Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -90,7 +90,7 @@
     },
     "observed": "the run's selection becomes the person's page, so the Agent can act on it",
     "result": "pass",
-    "at": "2026-11-04T05:11:16.257Z",
+    "at": "2026-11-04T05:25:57.703Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -109,7 +109,7 @@
     },
     "observed": "the input reaches the person's page, not the Agent's",
     "result": "pass",
-    "at": "2026-11-04T05:11:17.095Z",
+    "at": "2026-11-04T05:25:58.524Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -128,7 +128,7 @@
     },
     "observed": "the tab becomes that page, and the url is shown read-only in the toolbar",
     "result": "pass",
-    "at": "2026-11-04T05:11:17.130Z",
+    "at": "2026-11-04T05:25:58.550Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -147,7 +147,7 @@
     },
     "observed": "the page is released, and the runtime's page set follows the strip",
     "result": "pass",
-    "at": "2026-11-04T05:11:17.919Z",
+    "at": "2026-11-04T05:25:59.342Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -166,7 +166,7 @@
     },
     "observed": "the page moves through its own history, and the generation follows",
     "result": "pass",
-    "at": "2026-11-04T05:11:20.581Z",
+    "at": "2026-11-04T05:26:01.984Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -185,7 +185,7 @@
     },
     "observed": "the Agent's open_tab and the person's launcher path are both refused with browser_surface_not_authorized",
     "result": "pass",
-    "at": "2026-11-04T05:11:20.582Z",
+    "at": "2026-11-04T05:26:01.986Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -204,7 +204,7 @@
     },
     "observed": "every action except open_tab is refused with browser_target_unknown",
     "result": "pass",
-    "at": "2026-11-04T05:11:20.603Z",
+    "at": "2026-11-04T05:26:02.010Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -223,7 +223,7 @@
     },
     "observed": "its pages are released and no page is left behind",
     "result": "pass",
-    "at": "2026-11-04T05:11:21.384Z",
+    "at": "2026-11-04T05:26:02.796Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -242,7 +242,7 @@
     },
     "observed": "both are addressable, and the strip shows both",
     "result": "pass",
-    "at": "2026-11-04T05:11:22.304Z",
+    "at": "2026-11-04T05:26:03.743Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   },
@@ -261,7 +261,7 @@
     },
     "observed": "its generation advances, and a reference recorded against the old generation is refused — on every tab, not only the first",
     "result": "pass",
-    "at": "2026-11-04T05:11:23.227Z",
+    "at": "2026-11-04T05:26:04.684Z",
     "os": "linux 7.0.0-38-generic",
     "suite": "workspace-browser-tab"
   }

packages/local-runtime-v2/src/application/agent/management-application.ts

@@ -26,6 +26,7 @@ interface IncludeFlags {
   readonly identity: boolean;
   readonly persona: boolean;
   readonly systemPrompt: boolean;
+  readonly model: boolean;
 }
 
 /** V2 Agent RPC adapter. All persistence and root sequencing stays in AgentApplication. */
@@ -63,7 +64,10 @@ export class AgentManagementApplication {
                   includeContent: true,
                 })
               : agent;
-          return toAgentDetail(detail, include);
+          const model = include.model
+            ? (await application.getConfigDocument(agent.requestRef)).configured.model
+            : undefined;
+          return toAgentDetail(detail, include, model);
         }),
       );
       return { agents };
@@ -127,7 +131,10 @@ export class AgentManagementApplication {
       const agent = await application.get(name, {
         includeContent: include.persona || include.systemPrompt,
       });
-      return { agent: toAgentDetail(agent, include) };
+      const model = include.model
+        ? (await application.getConfigDocument(name)).configured.model
+        : undefined;
+      return { agent: toAgentDetail(agent, include, model) };
     });
   }
 
@@ -156,7 +163,10 @@ export class AgentManagementApplication {
       const detail = await application.get(updated.requestRef, {
         includeContent: true,
       });
-      return { success: true, agent: toAgentDetail(detail, ALL_INCLUDE) };
+      const model = (
+        await application.getConfigDocument(updated.requestRef)
+      ).configured.model;
+      return { success: true, agent: toAgentDetail(detail, ALL_INCLUDE, model) };
     });
   }
 
@@ -189,6 +199,7 @@ const ALL_INCLUDE: IncludeFlags = {
   identity: true,
   persona: true,
   systemPrompt: true,
+  model: true,
 };
 
 function readInclude(raw: string | undefined): IncludeFlags {
@@ -207,6 +218,7 @@ function readInclude(raw: string | undefined): IncludeFlags {
       tokens.has("prompt") ||
       tokens.has("system_prompt") ||
       tokens.has("systemprompt"),
+    model: all || tokens.has("model"),
   };
 }
 
@@ -221,10 +233,12 @@ function toAgentDetail(
     readonly systemPrompt?: string;
   },
   include: IncludeFlags,
+  model?: string,
 ): AgentDetail {
   return {
     ...toAgentIdentity(agent, include),
     ...toAgentContent(agent, include),
+    ...(include.model && model ? { model } : {}),
   };
 }
 

packages/protocol/src/local.ts

@@ -1386,6 +1386,7 @@ export interface AgentDetail {
   description?: string;
   persona?: string;
   systemPrompt?: string;
+  model?: string;
 }
 
 export interface ListAgentsInput {

packages/webui/src/client/application/create-application.ts

@@ -196,6 +196,13 @@ export interface WebuiApplicationDeps {
    * Read when a session is created, so the choice takes effect on the next
    * session rather than on a running one — the runtime reads it at creation.
    */
+  /**
+   * 设置 › 通用 › Agent 控制权限 › 自动打开浏览器面板, injected from the
+   * composition root: the shell may not read platform storage itself (plan §5.3).
+   */
+  readonly browserAutoOpen?: {
+    readonly read: () => boolean;
+  };
   readonly appModePreference?: {
     readonly read: () => "coding" | "work";
   };
@@ -278,6 +285,10 @@ export interface WebuiApplication {
    * ingress; `disposed` is terminal and refuses to restart.
    */
   readonly state: () => WebuiApplicationLifecycleState;
+  /** Whether a page the Agent starts brings the browser panel up with it. */
+  readonly browserAutoOpen?: {
+    readonly read: () => boolean;
+  };
   /**
    * Install the assembly's routes and open the one event ingress.
    *
@@ -998,6 +1009,7 @@ export function createWebuiApplication(
 
   return {
     state: () => lifecycle,
+    ...(deps.browserAutoOpen ? { browserAutoOpen: deps.browserAutoOpen } : {}),
     disposalFailures: () => disposalFailures,
     start: (options) => {
       // A disposed instance is terminal: no hydration, no ingress, no second

packages/webui/src/client/assets/img/minimax-octopus-composer.webm

@@ -0,0 +1,5 @@
+{
+  "source": "user-provided coral-octopus-3d-white.webm",
+  "destination": "minimax-octopus-composer.webm",
+  "description": "Animated transparent coral MiniMax octopus mascot for the WebUI composer."
+}

packages/webui/src/client/assets/img/minimax-octopus-composer.webm.asset.json

@@ -353,8 +353,8 @@ function BrowserInstallationKeyDialog({
           </WebuiButtonLink>
         ) : (
           <p className="text-[13px] text-text_default_secondary">
-            这个扩展还没有连接过这台主机，主机不知道它的选项页地址。请在浏览器的扩展管理页里找到「MiniMax Code Browser
-            Bridge」，点「扩展选项」后粘贴密钥。
+这台主机还没有见过这个扩展的连接，不知道它的选项页地址。请在浏览器的扩展管理页（edge://extensions
+            或 chrome://extensions）里找到「MiniMax Code Browser Bridge」，点「扩展选项」后粘贴密钥。
           </p>
         )}
       </WebuiStack>

packages/webui/src/client/features/browser/ui/BrowserAuthorizationSwitches.public.tsx

@@ -257,6 +257,29 @@ export function WebuiComposer({
 }): ReactElement {
 
   const { dom } = useWebuiBrowserCapabilities();
+  const composerMascotVideoRef = useRef<HTMLVideoElement | null>(null);
+  const [prefersReducedMotion, setPrefersReducedMotion] = useState(() =>
+    typeof window !== "undefined" &&
+    typeof window.matchMedia === "function" &&
+    window.matchMedia("(prefers-reduced-motion: reduce)").matches,
+  );
+  useEffect(() => {
+    if (typeof window.matchMedia !== "function") return undefined;
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const sync = () => setPrefersReducedMotion(query.matches);
+    sync();
+    query.addEventListener("change", sync);
+    return () => query.removeEventListener("change", sync);
+  }, []);
+  useEffect(() => {
+    const video = composerMascotVideoRef.current;
+    if (!video) return;
+    if (prefersReducedMotion) {
+      video.pause();
+      return;
+    }
+    void video.play().catch(() => undefined);
+  }, [prefersReducedMotion]);
   const { stream, sending, transcript } = useWebuiSessionState(sessionId);
   const turnCommands = useWebuiSessionCommands(sessionId);
   // The per-session effects registry the shell provides. The composer registers
@@ -1086,11 +1109,16 @@ export function WebuiComposer({
           <WebuiStack gap="compact" align="center" className="message-input-home-container rounded-[20px] bg-bg_default_scrim pb-2">
             <div className="w-full rounded-[20px] border border-border_default bg-bg_grouped_secondary_elevated p-3 webui-composer-card">
               {sessionLayout && sessionId ? (
-                <img
+                <video
+                  ref={composerMascotVideoRef}
                   className="webui-composer-mascot"
-                  src="/assets/img/minimax-octopus-composer.png"
-                  alt=""
+                  src="/assets/img/minimax-octopus-composer.webm"
                   aria-hidden="true"
+                  autoPlay={!prefersReducedMotion}
+                  loop
+                  muted
+                  playsInline
+                  preload="auto"
                   draggable="false"
                 />
               ) : null}

packages/webui/src/client/features/composer/ui/WebuiComposer.tsx

@@ -17,8 +17,8 @@
   .webui-composer-mascot {
     position: absolute;
     z-index: 1;
-    top: -50px;
-    right: 8px;
+    top: -90px;
+    right: var(--spacing_24);
     width: 60px;
     height: auto;
     pointer-events: none;

packages/webui/src/client/features/composer/ui/composer.css

@@ -579,7 +579,7 @@ export function createWebuiPluginWorkflows(deps: {
     const result = await call("listAgents", {
       limit: 100,
       search: query || undefined,
-      include: "identity,persona,system_prompt",
+      include: "identity,persona,system_prompt,model",
     });
     const base = webuiPluginRows(result, "agents");
     const rows = await Promise.all(