tui: improve other answer option layout with better indentation and clearer label

Author: thdxr

packages/opencode/src/cli/cmd/tui/routes/session/question.tsx

@@ -213,24 +213,28 @@ export function QuestionPrompt(props: { request: QuestionRequest }) {
                 <box flexDirection="row" gap={1}>
                   <box backgroundColor={other() ? theme.backgroundElement : undefined}>
                     <text fg={other() ? theme.secondary : input() ? theme.success : theme.text}>
-                      {options().length + 1}. Other
+                      {options().length + 1}. Type your own answer
                     </text>
                   </box>
                   <text fg={theme.success}>{input() ? "✓" : ""}</text>
                 </box>
                 <Show when={store.editing}>
-                  <textarea
-                    ref={(val: TextareaRenderable) => (textarea = val)}
-                    focused
-                    placeholder="Type your own answer"
-                    textColor={theme.text}
-                    focusedTextColor={theme.text}
-                    cursorColor={theme.primary}
-                    keyBindings={bindings()}
-                  />
+                  <box paddingLeft={3}>
+                    <textarea
+                      ref={(val: TextareaRenderable) => (textarea = val)}
+                      focused
+                      placeholder="Type your own answer"
+                      textColor={theme.text}
+                      focusedTextColor={theme.text}
+                      cursorColor={theme.primary}
+                      keyBindings={bindings()}
+                    />
+                  </box>
                 </Show>
                 <Show when={!store.editing && input()}>
-                  <text fg={theme.textMuted}>{input()}</text>
+                  <box paddingLeft={3}>
+                    <text fg={theme.textMuted}>{input()}</text>
+                  </box>
                 </Show>
               </box>
             </box>