mirror of
https://github.com/stablyai/orca.git
synced 2026-11-01 09:37:33 +00:00
Kelvin Amoaba
cf7423c8f4
* refactor(native-chat): move the slash picker builder and upload chunking to shared Mobile builds the same skill and command list as desktop. * feat(mobile): redesign the chat composer with file attachments and inline skills * fix(mobile): the composer field owns its input style The page's font-size census cannot follow a style passed in as a prop.
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { ActivityIndicator, Pressable } from 'react-native'
|
|
import { Square } from 'lucide-react-native'
|
|
import { NATIVE_CHAT_TURN_STATUS_COPY } from '../../../src/shared/native-chat-turn-status'
|
|
import { colors } from '../theme/mobile-theme'
|
|
import { mobileNativeChatComposerStyles as styles } from './mobile-native-chat-composer-styles'
|
|
|
|
/** The composer's Stop, in Send's slot. `held`: this phone's own Stop request is still in flight. */
|
|
export function MobileNativeChatStopButton({
|
|
onStop,
|
|
held
|
|
}: {
|
|
onStop?: () => void
|
|
held: boolean
|
|
}): React.JSX.Element {
|
|
return (
|
|
<Pressable
|
|
style={({ pressed }) => [styles.controlButton, pressed && styles.pressed]}
|
|
onPress={onStop}
|
|
disabled={held}
|
|
accessibilityRole="button"
|
|
accessibilityLabel={held ? NATIVE_CHAT_TURN_STATUS_COPY.stopping : 'Stop the agent'}
|
|
>
|
|
{held ? (
|
|
<ActivityIndicator size="small" color={colors.textPrimary} />
|
|
) : (
|
|
<Square size={13} color={colors.textPrimary} strokeWidth={2.4} fill={colors.textPrimary} />
|
|
)}
|
|
</Pressable>
|
|
)
|
|
}
|