Tune contextual UTI controls and input background

Set the contextual input container background per sheet mode: surface in
the initial (INPUT) state and the Duck.ai page colour in webview mode, so
the composer reads correctly against each backdrop.

Revert the always-visible bottom row back to the focus-gated behaviour
(matching the omnibar) and re-assert the plugin containers' visibility on
focus in the contextual widget, so the tools row reveals with its
controls when the input is focused.

Known limitation: after the sheet is closed and reopened, the plugin
controls can stay hidden until a full re-render (send a prompt / New
chat). Tracked for follow-up.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: malmstein

duckchat/duckchat-impl/src/main/java/com/duckduckgo/duckchat/impl/contextual/DuckChatContextualFragment.kt

@@ -64,6 +64,7 @@ import com.duckduckgo.common.ui.DuckDuckGoFragment
 import com.duckduckgo.common.ui.menu.PopupMenu
 import com.duckduckgo.common.ui.view.PopupMenuItemView
 import com.duckduckgo.common.ui.view.dialog.ActionBottomSheetDialog
+import com.duckduckgo.common.ui.view.getColorFromAttr
 import com.duckduckgo.common.ui.view.gone
 import com.duckduckgo.common.ui.view.makeSnackbarWithNoBottomInset
 import com.duckduckgo.common.ui.view.show
@@ -707,6 +708,9 @@ class DuckChatContextualFragment :
             DuckChatContextualViewModel.SheetMode.INPUT -> {
                 binding.contextualWebviewContainer.gone()
                 binding.contextualModePrompts.show()
+                binding.contextualInputContainer.setBackgroundColor(
+                    requireContext().getColorFromAttr(com.duckduckgo.mobile.android.R.attr.daxColorSurface),
+                )
                 contextualNativeInputManager.onInputMode()
 
                 if (viewState.showChatsIcon) {
@@ -747,6 +751,9 @@ class DuckChatContextualFragment :
             DuckChatContextualViewModel.SheetMode.WEBVIEW -> {
                 binding.contextualModeNativeContent.gone()
                 binding.contextualModePrompts.gone()
+                binding.contextualInputContainer.setBackgroundColor(
+                    requireContext().getColorFromAttr(com.duckduckgo.mobile.android.R.attr.daxColorDuckAiBackground),
+                )
                 binding.contextualWebviewContainer.show()
                 binding.contextualNewChat.show()
                 if (viewState.isFireButtonEnabled) binding.contextualFire.show() else binding.contextualFire.gone()

duckchat/duckchat-impl/src/main/java/com/duckduckgo/duckchat/impl/ui/nativeinput/views/NativeInputModeWidget.kt

@@ -566,7 +566,10 @@ class NativeInputModeWidget @JvmOverloads constructor(
             // setToggleVisible — e.g. re-show the toggle after the keyboard has been dismissed.
             // Only animate on focus-gain — focus-loss pairs with an instant setToggleVisible hide,
             // and animating the padding shrink afterwards looks like a two-step collapse.
-            if (hasFocus) beginFocusTransition()
+            if (hasFocus) {
+                beginFocusTransition()
+                reassertContextualPluginVisibility()
+            }
             updateBottomRowVisibility()
             applyVerticalPaddingForFocus()
             nativeInputState?.let { updateFireButtonVisibility(it) }
@@ -583,17 +586,29 @@ class NativeInputModeWidget @JvmOverloads constructor(
 
     private fun updateBottomRowVisibility() {
         val bottomRow = findViewById<View?>(R.id.inputModeWidgetBottomRow) ?: return
-        val visible = shouldShowBottomRow(
-            onChatTab = isChatTabSelected(),
-            isContextual = isContextualWidget,
-            hasFocus = inputField.hasFocus(),
-            previewEnterFocus = previewEnterFocus,
-            isStreaming = isStreaming,
-            suppress = nativeInputState?.shouldSuppressBottomRow() == true,
-        )
+        val suppress = nativeInputState?.shouldSuppressBottomRow() == true
+        val visible = isChatTabSelected() &&
+            (inputField.hasFocus() || previewEnterFocus) &&
+            !isStreaming &&
+            !suppress
         bottomRow.visibility = if (visible) VISIBLE else GONE
     }
 
+    /**
+     * In the contextual sheet the widget is reused across the sheet being hidden and shown again;
+     * on reopen the bottom-row plugin containers can end up hidden (their visibility is set once when
+     * plugins first load and isn't restored on reuse). Re-assert them here, from the focus path so the
+     * change rides the focus layout transition and re-measures. Scoped to the contextual widget so the
+     * omnibar is untouched. The model picker is gated on its enabled state so it stays hidden mid-chat.
+     */
+    private fun reassertContextualPluginVisibility() {
+        if (!isContextualWidget) return
+        val onChatTab = isChatTabSelected()
+        findViewById<View?>(R.id.attachButtonContainer)?.isVisible = onChatTab
+        findViewById<View?>(R.id.optionsButtonContainer)?.isVisible = onChatTab
+        findViewById<View?>(R.id.modelPickerContainer)?.isVisible = onChatTab && viewModel.modelPickerEnabled.value
+    }
+
     private fun updateToggleVisibilityForState() {
         if (isDuckAiPageContext()) return
         applyToggleVisibility(nativeInputState?.toggleVisible ?: false)
@@ -1616,25 +1631,6 @@ internal fun NativeInputState.shouldSuppressBottomRow(): Boolean =
     inputMode == NativeInputState.InputMode.SEARCH_ONLY &&
         inputContext == NativeInputState.InputContext.BROWSER
 
-/**
- * Whether the bottom tools row (attachments, options, reasoning, model picker) should be visible.
- * On the Duck.ai chat tab, while not streaming and not suppressed. In the contextual sheet the widget
- * is the dedicated composer, so the row is always visible there; everywhere else it only reveals once
- * the input has focus (or the pre-focus preview state is active), matching the omnibar behaviour.
- */
-internal fun shouldShowBottomRow(
-    onChatTab: Boolean,
-    isContextual: Boolean,
-    hasFocus: Boolean,
-    previewEnterFocus: Boolean,
-    isStreaming: Boolean,
-    suppress: Boolean,
-): Boolean =
-    onChatTab &&
-        (isContextual || hasFocus || previewEnterFocus) &&
-        !isStreaming &&
-        !suppress
-
 /**
  * Bottom-row controls (model / reasoning / options / attachment) are shown only on the Duck.ai
  * chat tab and only when no chat is streaming. While streaming, the bottom row stays visible for

duckchat/duckchat-impl/src/main/res/layout/fragment_contextual_duck_ai_native.xml

@@ -120,9 +120,10 @@
     <LinearLayout
         android:id="@+id/contextualModePrompts"
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
+        android:layout_height="200dp"
         android:orientation="vertical"
         android:paddingHorizontal="@dimen/keyline_4"
+        android:gravity="bottom"
         android:paddingTop="@dimen/keyline_4"
         android:paddingBottom="@dimen/keyline_1"
         app:layout_constraintBottom_toTopOf="@id/inputModeWidgetCard"