package com.example.aiapp

import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.ButtonDefaults
import androidx.compose.material3.OutlinedButton
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Shape
import androidx.compose.ui.unit.dp

// The composer's row of settings and pickers, and the menus they open. One file because the
// outline and the corner are one appearance: a control shaped like this opens a surface shaped
// like this, and a reader learns the pair once.

/**
 * A bordered pill: a control that can be seen without being pressed.
 *
 * The composer's row -- attach, model, permission mode -- was text buttons, which draw nothing at
 * all until they are touched. Three bare words sitting under the message field read as a caption
 * about the field rather than as three things to press, and the only way to find out otherwise was
 * to press one. The outline says "control" without the weight of a filled button, which is reserved
 * here for the two that act on the session (send, and start/stop).
 */
@Composable
fun BubbleButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    content: @Composable () -> Unit,
) {
    OutlinedButton(
        onClick = onClick,
        enabled = enabled,
        shape = BubbleShape,
        // A text button's padding rather than a filled button's 24dp: these sit three across
        // under the message field, and the wider padding is what decides whether the row fits.
        contentPadding = ButtonDefaults.TextButtonContentPadding,
        modifier = modifier,
    ) {
        content()
    }
}

/** Fully round ends, so the control reads as a bubble rather than as a box. */
val BubbleShape: Shape = RoundedCornerShape(percent = 50)

/**
 * The corner on a menu one of these opens.
 *
 * A radius rather than [BubbleShape]'s half-height: a menu is as tall as its options, and rounding
 * ends that tall would bow its sides. This is the roundest corner that still leaves a straight edge
 * beside a one-line option, which is the shortest menu here.
 */
val BubbleMenuShape: Shape = RoundedCornerShape(20.dp)