git.iko.soy/opencode-android
on master help sign in
7 files changed+216−12
since splitsnapshots
unifiedsplit
app/src/main/java/soy/iko/opencode/CoreViewModel.kt+5 app/src/main/java/soy/iko/opencode/core/OpencodeCore.kt+12−1 app/src/main/java/soy/iko/opencode/ui/components/MessageBubble.kt+78−7 app/src/main/java/soy/iko/opencode/ui/screens/ChatScreen.kt+78−2 app/src/main/java/soy/iko/opencode/ui/screens/ConnectScreen.kt+9−1 app/src/main/java/soy/iko/opencode/ui/screens/SessionsScreen.kt+28−1 app/src/main/java/soy/iko/opencode/ui/theme/Theme.kt+6
app/src/main/java/soy/iko/opencode/CoreViewModel.kt+5
@@ -23,6 +23,9 @@ class CoreViewModel(app: Application) : AndroidViewModel(app) {
2323 init {
2424 prefs.getString(KEY_URL, null)?.let { core.dispatch(Event.ServerUrlChanged(it)) }
2525 prefs.getString(KEY_USER, null)?.let { core.dispatch(Event.UsernameChanged(it)) }
26+ // The password is stored in plain text in SharedPreferences — a deliberate
27+ // convenience trade-off for a local dev tool so reconnecting is one tap.
28+ prefs.getString(KEY_PASSWORD, null)?.let { core.dispatch(Event.PasswordChanged(it)) }
2629
2730 // On a fresh process after a configuration change, resume the SSE stream if
2831 // the core is already connected (no-op otherwise — it guards on `connected`).
@@ -44,6 +47,7 @@ class CoreViewModel(app: Application) : AndroidViewModel(app) {
4447 prefs.edit {
4548 putString(KEY_URL, state.serverUrl)
4649 putString(KEY_USER, state.username)
50+ putString(KEY_PASSWORD, state.password)
4751 }
4852 }
4953 }
@@ -57,5 +61,6 @@ class CoreViewModel(app: Application) : AndroidViewModel(app) {
5761 private companion object {
5862 const val KEY_URL = "serverUrl"
5963 const val KEY_USER = "username"
64+ const val KEY_PASSWORD = "password"
6065 }
6166}
app/src/main/java/soy/iko/opencode/core/OpencodeCore.kt+12−1
@@ -236,7 +236,18 @@ class OpencodeCore(
236236 if (connected && sse == null) startSse()
237237 }
238238
239− fun shutdown() = closeSse()
239+ fun shutdown() {
240+ // Cancel every tracked coroutine before tearing down the stream so none can
241+ // emit into a cancelled scope after the ViewModel is cleared.
242+ connectJob?.cancel()
243+ loadSessionsJob?.cancel()
244+ createSessionJob?.cancel()
245+ loadMessagesJob?.cancel()
246+ deleteSessionJob?.cancel()
247+ sendMessageJob?.cancel()
248+ abortJob?.cancel()
249+ closeSse()
250+ }
240251
241252 // ── Effects ────────────────────────────────────────────────────────────────
242253 private fun sendMessage(raw: String) {
app/src/main/java/soy/iko/opencode/ui/components/MessageBubble.kt+78−7
@@ -49,6 +49,7 @@ import androidx.compose.ui.text.TextLinkStyles
4949import androidx.compose.ui.text.buildAnnotatedString
5050import androidx.compose.ui.text.font.FontFamily
5151import androidx.compose.ui.text.font.FontStyle
52+import androidx.compose.ui.text.font.FontWeight
5253import androidx.compose.ui.text.withLink
5354import androidx.compose.ui.text.withStyle
5455import androidx.compose.ui.text.style.TextDecoration
@@ -209,32 +210,102 @@ private fun buildLinkedText(
209210 append(segment)
210211 }
211212 } else {
212− appendLinkedText(segment, linkColor, context)
213+ appendLinkedText(segment, linkColor, codeBackground, context)
213214 }
214215 }
215216 if (streaming) append(" ▌")
216217}
217218
218219/**
219− * Append [text] to the builder. Single-backtick pairs are rendered as inline code
220− * (monospace, backticks dropped); the remaining prose has each http(s) URL turned
221− * into a clickable link. Triple-backtick fences are already stripped upstream in
222− * [buildLinkedText], so only inline spans reach here.
220+ * Append [text] to the builder. Double-asterisk pairs are rendered bold; within each
221+ * segment, single-backtick pairs are rendered as inline code (monospace, backticks
222+ * dropped), and the remaining prose has each http(s) URL turned into a clickable link.
223+ * Triple-backtick fences are already stripped upstream in [buildLinkedText], so only
224+ * inline spans reach here.
223225 */
224226private fun AnnotatedString.Builder.appendLinkedText(
225227 text: String,
226228 linkColor: Color,
229+ codeBackground: Color,
230+ context: Context,
231+) {
232+ // Bold is the outermost inline layer: split on ** first so a bold span can wrap
233+ // inline code and links inside it. Odd-indexed segments sit between a pair of **
234+ // markers, so they're bold (markers dropped); even segments are ordinary prose.
235+ // Only the non-bold (even) segments get single-* italic handling — splitting a bold
236+ // segment on "*" would misfire on the leftover asterisks from the ** markers.
237+ val segments = text.split("**")
238+ // An even segment count means an odd number of ** markers, so the final ** is unclosed:
239+ // its trailing segment isn't bold. Restore the literal ** and render it as ordinary prose.
240+ val unclosed = segments.size % 2 == 0
241+ segments.forEachIndexed { index, segment ->
242+ val isUnclosedTail = unclosed && index == segments.size - 1
243+ if (index % 2 == 1 && !isUnclosedTail) {
244+ withStyle(SpanStyle(fontWeight = FontWeight.Bold)) {
245+ appendInlineCode(segment, linkColor, codeBackground, context)
246+ }
247+ } else {
248+ if (isUnclosedTail) append("**")
249+ appendItalicText(segment, linkColor, codeBackground, context)
250+ }
251+ }
252+}
253+
254+/**
255+ * Append [text] to the builder, rendering single-asterisk pairs as italic. Double
256+ * asterisks are already consumed as bold upstream in [appendLinkedText], so only lone
257+ * `*` markers reach here. Each segment then flows through inline-code and URL handling.
258+ */
259+private fun AnnotatedString.Builder.appendItalicText(
260+ text: String,
261+ linkColor: Color,
262+ codeBackground: Color,
263+ context: Context,
264+) {
265+ // Odd-indexed segments sit between a pair of single asterisks, so they're italic
266+ // (markers dropped); even segments are ordinary prose.
267+ val segments = text.split("*")
268+ // An even segment count means an odd number of * markers, so the final * is unclosed:
269+ // its trailing segment isn't italic. Restore the literal * and render it as prose.
270+ val unclosed = segments.size % 2 == 0
271+ segments.forEachIndexed { index, segment ->
272+ val isUnclosedTail = unclosed && index == segments.size - 1
273+ if (index % 2 == 1 && !isUnclosedTail) {
274+ withStyle(SpanStyle(fontStyle = FontStyle.Italic)) {
275+ appendInlineCode(segment, linkColor, codeBackground, context)
276+ }
277+ } else {
278+ if (isUnclosedTail) append("*")
279+ appendInlineCode(segment, linkColor, codeBackground, context)
280+ }
281+ }
282+}
283+
284+/**
285+ * Append [text] to the builder, rendering single-backtick pairs as inline code
286+ * (monospace, backticks dropped) and turning each http(s) URL in the remaining prose
287+ * into a clickable link.
288+ */
289+private fun AnnotatedString.Builder.appendInlineCode(
290+ text: String,
291+ linkColor: Color,
292+ codeBackground: Color,
227293 context: Context,
228294) {
229295 // Odd-indexed segments sit between a pair of single backticks, so they're inline
230296 // code. Even segments are ordinary prose and get URL linking applied.
231297 val segments = text.split("`")
298+ // An even segment count means an odd number of backtick markers, so the final backtick
299+ // is unclosed: its trailing segment isn't code. Restore the literal ` and treat as prose.
300+ val unclosed = segments.size % 2 == 0
232301 segments.forEachIndexed { index, segment ->
233− if (index % 2 == 1) {
234− withStyle(SpanStyle(fontFamily = FontFamily.Monospace)) {
302+ val isUnclosedTail = unclosed && index == segments.size - 1
303+ if (index % 2 == 1 && !isUnclosedTail) {
304+ withStyle(SpanStyle(fontFamily = FontFamily.Monospace, background = codeBackground)) {
235305 append(segment)
236306 }
237307 } else {
308+ if (isUnclosedTail) append("`")
238309 appendUrls(segment, linkColor, context)
239310 }
240311 }
app/src/main/java/soy/iko/opencode/ui/screens/ChatScreen.kt+78−2
@@ -26,6 +26,7 @@ import androidx.compose.foundation.layout.Row
2626import androidx.compose.foundation.layout.Spacer
2727import androidx.compose.foundation.layout.fillMaxSize
2828import androidx.compose.foundation.layout.fillMaxWidth
29+import androidx.compose.foundation.layout.heightIn
2930import androidx.compose.foundation.layout.PaddingValues
3031import androidx.compose.foundation.layout.WindowInsets
3132import androidx.compose.foundation.layout.ime
@@ -45,6 +46,7 @@ import androidx.compose.material.icons.automirrored.filled.Send
4546import androidx.compose.material.icons.filled.ChatBubbleOutline
4647import androidx.compose.material.icons.filled.Close
4748import androidx.compose.material.icons.filled.KeyboardArrowDown
49+import androidx.compose.material.icons.filled.KeyboardArrowUp
4850import androidx.compose.material.icons.filled.Stop
4951import androidx.compose.material3.CircularProgressIndicator
5052import androidx.compose.material3.ExperimentalMaterial3Api
@@ -59,6 +61,7 @@ import androidx.compose.material3.OutlinedTextField
5961import androidx.compose.material3.Scaffold
6062import androidx.compose.material3.Surface
6163import androidx.compose.material3.Text
64+import androidx.compose.material3.TextButton
6265import androidx.compose.material3.TopAppBar
6366import androidx.compose.runtime.Composable
6467import androidx.compose.runtime.LaunchedEffect
@@ -72,6 +75,7 @@ import androidx.compose.ui.Alignment
7275import androidx.compose.ui.Modifier
7376import androidx.compose.ui.draw.clip
7477import androidx.compose.ui.hapticfeedback.HapticFeedbackType
78+import androidx.compose.ui.platform.LocalClipboardManager
7579import androidx.compose.ui.platform.LocalContext
7680import androidx.compose.ui.platform.LocalDensity
7781import androidx.compose.ui.platform.LocalHapticFeedback
@@ -109,6 +113,12 @@ fun ChatScreen(state: UiState, dispatch: (Event) -> Unit) {
109113 }
110114 }
111115
116+ // Offer a jump-to-top shortcut once the conversation is long and the user has
117+ // scrolled a few messages down — saves flick-scrolling back through history.
118+ val showScrollTop by remember {
119+ derivedStateOf { state.messages.size > 10 && listState.firstVisibleItemIndex > 3 }
120+ }
121+
112122 // Track how many messages the user has "seen" (i.e. was at the bottom for). While
113123 // they're scrolled up, any messages beyond that count are unseen — flag the FAB.
114124 var lastSeenCount by remember { mutableStateOf(0) }
@@ -259,6 +269,14 @@ fun ChatScreen(state: UiState, dispatch: (Event) -> Unit) {
259269 }
260270 },
261271 )
272+ ScrollToTopButton(
273+ visible = showScrollTop,
274+ onClick = {
275+ coroutineScope.launch {
276+ listState.animateScrollToItem(0)
277+ }
278+ },
279+ )
262280 }
263281 }
264282 }
@@ -298,6 +316,30 @@ private fun BoxScope.ScrollToBottomButton(visible: Boolean, showBadge: Boolean,
298316 }
299317}
300318
319+// Mirror of ScrollToBottomButton, pinned to the top-start corner. Same BoxScope
320+// extension trick so the top-level AnimatedVisibility overload resolves cleanly.
321+@Composable
322+private fun BoxScope.ScrollToTopButton(visible: Boolean, onClick: () -> Unit) {
323+ AnimatedVisibility(
324+ visible = visible,
325+ modifier = Modifier.align(Alignment.TopStart),
326+ enter = scaleIn() + fadeIn(),
327+ exit = scaleOut() + fadeOut(),
328+ ) {
329+ Box(Modifier.padding(16.dp)) {
330+ FloatingActionButton(
331+ onClick = onClick,
332+ modifier = Modifier.size(44.dp),
333+ ) {
334+ Icon(
335+ Icons.Filled.KeyboardArrowUp,
336+ contentDescription = "Scroll to top",
337+ )
338+ }
339+ }
340+ }
341+}
342+
301343private fun copyToClipboard(context: Context, text: String) {
302344 val clipboard = context.getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager
303345 clipboard.setPrimaryClip(ClipData.newPlainText("session", text))
@@ -455,19 +497,41 @@ private fun ChatInputBar(
455497 onStop: () -> Unit,
456498) {
457499 val haptic = LocalHapticFeedback.current
500+ val clipboardManager = LocalClipboardManager.current
458501 Surface(tonalElevation = 3.dp) {
459− Row(
502+ Column(
460503 modifier = Modifier.fillMaxWidth().imePadding().padding(horizontal = 12.dp, vertical = 8.dp),
504+ ) {
505+ Row(
506+ modifier = Modifier.fillMaxWidth(),
461507 verticalAlignment = Alignment.Bottom,
462508 horizontalArrangement = Arrangement.spacedBy(8.dp),
463509 ) {
464510 OutlinedTextField(
465511 value = draft,
466512 onValueChange = onDraftChange,
467− modifier = Modifier.weight(1f),
513+ modifier = Modifier.weight(1f).heightIn(min = 48.dp),
468514 enabled = !loading,
469515 placeholder = { Text("Message opencode…") },
470516 maxLines = 5,
517+ // Offer a quick way to wipe the draft once there's something to clear
518+ // and we're not mid-generation (where the field is a poor place to fuss).
519+ trailingIcon = if (draft.isNotEmpty() && !generating) {
520+ {
521+ IconButton(
522+ onClick = { onDraftChange("") },
523+ modifier = Modifier.size(20.dp),
524+ ) {
525+ Icon(
526+ Icons.Filled.Close,
527+ contentDescription = "Clear draft",
528+ modifier = Modifier.size(16.dp),
529+ )
530+ }
531+ }
532+ } else {
533+ null
534+ },
471535 // Surface a running count once the draft gets long, so the user has a
472536 // sense of scale before sending a wall of text.
473537 supportingText = if (draft.length > 500) {
@@ -510,5 +574,17 @@ private fun ChatInputBar(
510574 }
511575 }
512576 }
577+ // With nothing typed yet, offer a one-tap way to drop in clipboard contents.
578+ if (draft.isEmpty() && !generating && !loading) {
579+ TextButton(
580+ onClick = {
581+ clipboardManager.getText()?.text?.let { onDraftChange(it) }
582+ },
583+ contentPadding = PaddingValues(0.dp),
584+ ) {
585+ Text("Paste")
586+ }
587+ }
588+ }
513589 }
514590}
app/src/main/java/soy/iko/opencode/ui/screens/ConnectScreen.kt+9−1
@@ -155,7 +155,15 @@ fun ConnectScreen(state: UiState, dispatch: (Event) -> Unit) {
155155 },
156156 modifier = Modifier.fillMaxWidth(),
157157 keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Password, imeAction = ImeAction.Go),
158− keyboardActions = KeyboardActions(onGo = { dispatch(Event.Connect) }),
158+ keyboardActions = KeyboardActions(onGo = {
159+ // Mirror the connect button's enabled condition so the keyboard's
160+ // Go action can't fire a request the form isn't ready for.
161+ if (!state.loading && state.serverUrl.isNotBlank() &&
162+ (!state.authRequired || state.username.isNotBlank() || state.password.isNotBlank())
163+ ) {
164+ dispatch(Event.Connect)
165+ }
166+ }),
159167 enabled = !state.loading,
160168 )
161169 Spacer(Modifier.height(4.dp))
app/src/main/java/soy/iko/opencode/ui/screens/SessionsScreen.kt+28−1
@@ -22,6 +22,7 @@ import androidx.compose.foundation.layout.size
2222import androidx.compose.foundation.lazy.LazyColumn
2323import androidx.compose.foundation.lazy.items
2424import androidx.compose.foundation.lazy.rememberLazyListState
25+import androidx.compose.foundation.shape.CircleShape
2526import androidx.compose.material.icons.Icons
2627import androidx.compose.material.icons.automirrored.filled.ArrowBack
2728import androidx.compose.material.icons.filled.Add
@@ -57,9 +58,12 @@ import androidx.compose.runtime.remember
5758import androidx.compose.runtime.setValue
5859import androidx.compose.ui.Alignment
5960import androidx.compose.ui.Modifier
61+import androidx.compose.ui.draw.clip
62+import androidx.compose.ui.graphics.Color
6063import androidx.compose.ui.hapticfeedback.HapticFeedbackType
6164import androidx.compose.ui.platform.LocalContext
6265import androidx.compose.ui.platform.LocalHapticFeedback
66+import androidx.compose.ui.text.style.TextAlign
6367import androidx.compose.ui.text.style.TextOverflow
6468import androidx.compose.ui.unit.dp
6569import soy.iko.opencode.core.Event
@@ -115,7 +119,23 @@ fun SessionsScreen(state: UiState, dispatch: (Event) -> Unit) {
115119 Scaffold(
116120 topBar = {
117121 TopAppBar(
118− title = { Text(if (state.sessions.isNotEmpty()) "Sessions (${state.sessions.size})" else "Sessions") },
122+ title = {
123+ Row(verticalAlignment = Alignment.CenterVertically) {
124+ // A quick at-a-glance health dot for the SSE stream: green when
125+ // connected, error-tinted when the stream is down (updates stall).
126+ Box(
127+ modifier = Modifier
128+ .size(8.dp)
129+ .clip(CircleShape)
130+ .background(
131+ if (state.sseConnected) Color(0xFF4CAF50)
132+ else MaterialTheme.colorScheme.error,
133+ ),
134+ )
135+ Spacer(Modifier.size(8.dp))
136+ Text(if (state.sessions.isNotEmpty()) "Sessions (${state.sessions.size})" else "Sessions")
137+ }
138+ },
119139 navigationIcon = {
120140 IconButton(onClick = { dispatch(Event.NavigateToConnect) }) {
121141 Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = "Disconnect")
@@ -371,5 +391,12 @@ private fun EmptySessions() {
371391 style = MaterialTheme.typography.bodyMedium,
372392 color = MaterialTheme.colorScheme.onSurfaceVariant,
373393 )
394+ Spacer(Modifier.height(8.dp))
395+ Text(
396+ text = "Sessions you create on this server will appear here.",
397+ style = MaterialTheme.typography.bodySmall,
398+ color = MaterialTheme.colorScheme.onSurfaceVariant,
399+ textAlign = TextAlign.Center,
400+ )
374401 }
375402}
app/src/main/java/soy/iko/opencode/ui/theme/Theme.kt+6
@@ -17,8 +17,11 @@ private val DarkColors = darkColorScheme(
1717 primaryContainer = Color(0xFF1A3D2A),
1818 onPrimaryContainer = Color(0xFFA8E6C1),
1919 secondary = EmeraldDark,
20+ onSecondary = Color(0xFFE6E9EF),
2021 secondaryContainer = Color(0xFF1A2A3D),
2122 onSecondaryContainer = Color(0xFFA8C5E6),
23+ tertiary = Color(0xFF6B7280),
24+ onTertiary = Color(0xFFE6E9EF),
2225 tertiaryContainer = Color(0xFF2A2A3D),
2326 onTertiaryContainer = Color(0xFFC5C5E6),
2427 errorContainer = Color(0xFF4D2626),
@@ -35,8 +38,11 @@ private val LightColors = lightColorScheme(
3538 primaryContainer = Color(0xFFD7F5E3),
3639 onPrimaryContainer = Color(0xFF0A3D22),
3740 secondary = Emerald,
41+ onSecondary = Color(0xFF1A1C1F),
3842 secondaryContainer = Color(0xFFD7E8F5),
3943 onSecondaryContainer = Color(0xFF0A2A4D),
44+ tertiary = Color(0xFF6B7280),
45+ onTertiary = Color(0xFFFFFFFF),
4046 tertiaryContainer = Color(0xFFE8E8F5),
4147 onTertiaryContainer = Color(0xFF2A2A4D),
4248 errorContainer = Color(0xFFFFE0E0),