fix(agents): Composer input-method Enter, autocorrect and task header layout

- Enter that commits an input-method candidate no longer sends the message.
- The composer turns off autocorrect, autocapitalisation and spellcheck, which
  popped up correction bubbles over prompts.
- The provider icon in the task header sits inline with the details instead of
  on its own line above them.

src/features/agents/Composer.tsx

@@ -28,6 +28,7 @@ import {
 } from "./composerModel";
 import { composerDraft, updateComposer, useAgents } from "./store";
 import styles from "./Composer.module.css";
+import { isImeKey } from "@/platform/ime";
 
 const MAX_PROMPT_HEIGHT = 280;
 const MAX_ITEMS = 12;
@@ -213,7 +214,7 @@ export function Composer(props: ComposerProps) {
   }, [id, root]);
 
   const onKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {
-    if (e.nativeEvent.isComposing) return;
+    if (isImeKey(e.nativeEvent)) return;
     if (open) {
       if (e.key === "ArrowDown" || e.key === "ArrowUp") {
         e.preventDefault();
@@ -320,6 +321,9 @@ export function Composer(props: ComposerProps) {
         ref={ref}
         className={styles.textarea}
         rows={2}
+        spellCheck={false}
+        autoCorrect="off"
+        autoCapitalize="off"
         value={text}
         aria-label={tx("Message")}
         placeholder={tx(props.placeholder)}

src/features/agents/Session.module.css

@@ -38,14 +38,18 @@
 .headerDetail {
   flex: 1 1 0;
   min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
   color: var(--fg-subtle);
+}
+.headerText {
+  min-width: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 .providerIcon {
-  vertical-align: -2px;
-  margin-right: 4px;
   color: var(--fg-muted);
 }
 .muted {

src/features/agents/SessionEditor.tsx

@@ -68,12 +68,14 @@ function Header({ task }: { task: AgentTask }) {
       </span>
       <span className={styles.headerDetail} title={task.cwd}>
         <Icon name={providerIcon(task.provider)} size={13} className={styles.providerIcon} />
-        {providerName(task.provider)}
-        {task.model ? ` · ${task.model}` : ""}
-        {" · "}
-        {where ?? <T>Local checkout</T>}
-        {" · "}
-        <T>{statusLabel(task.status)}</T>
+        <span className={styles.headerText}>
+          {providerName(task.provider)}
+          {task.model ? ` · ${task.model}` : ""}
+          {" · "}
+          {where ?? <T>Local checkout</T>}
+          {" · "}
+          <T>{statusLabel(task.status)}</T>
+        </span>
       </span>
       {task.usage && <Usage task={task} />}
       {busy && <IconButton icon="stop" title="Stop" size="small" onClick={() => void cancelTask(task.id)} />}