implemented clickable error location navigation

included syntax highlighting and click-to-navigate functionality for
error locations in script output. Error locations (file:line:col)
are highlighted in blue with underlines and clicking navigates
directly to the corresponding position in the code editor(left side).

Author: zahid4kh

src/main/kotlin/MainScreen.kt

@@ -1,8 +1,11 @@
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.ExperimentalTextApi
+import androidx.compose.ui.text.LinkAnnotation
 import androidx.compose.ui.text.SpanStyle
+import androidx.compose.ui.text.TextRange
 import androidx.compose.ui.text.buildAnnotatedString
+import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.text.style.TextDecoration
 import kotlinx.coroutines.*
 import kotlinx.coroutines.flow.MutableStateFlow
@@ -39,7 +42,12 @@ class MainScreen(
                         showUiMessage("Loading file content...")
                         delay(1600)
                         withContext(Dispatchers.Main){
-                            _uiState.update { it.copy(scriptInput = fileContent) }
+                            _uiState.update { it.copy(
+                                scriptInputValue = TextFieldValue(
+                                    text = fileContent,
+                                    selection = TextRange.Zero
+                                )
+                            )}
                         }
                         showUiMessage("")
                     }
@@ -48,8 +56,8 @@ class MainScreen(
         }
     }
 
-    fun onEditScript(text: String){
-        _uiState.update { it.copy(scriptInput = text) }
+    fun onEditScript(textFieldValue: TextFieldValue){
+        _uiState.update { it.copy(scriptInputValue = textFieldValue) }
     }
 
     fun runScript(){
@@ -195,7 +203,7 @@ class MainScreen(
 
         scope.launch(Dispatchers.IO) {
             database.saveScriptToAFile(
-                script = currentUiState.scriptInput,
+                script = currentUiState.scriptInputValue.text,
                 scope = scope
             )
         }
@@ -260,7 +268,29 @@ class MainScreen(
 
             errorLocationRegex.findAll(originalAnnotatedString.text).forEach { matchResult ->
                 val matchRange = matchResult.range
-                println("Found match '${matchResult.value}' at range $matchRange")
+                val filename = matchResult.groupValues[1]
+                val lineNumber = matchResult.groupValues[2].toInt()
+                val columnNumber = matchResult.groupValues[3].toInt()
+
+                println("Found error location: $filename:$lineNumber:$columnNumber")
+
+                addLink(
+                    url = LinkAnnotation.Url(
+                        url = "error://$lineNumber:$columnNumber",
+                        linkInteractionListener = { annotation ->
+                            val url = (annotation as LinkAnnotation.Url).url
+                            val locationData = url.removePrefix("error://")
+                            val parts = locationData.split(":")
+                            if (parts.size == 2) {
+                                val line = parts[0].toInt()
+                                val column = parts[1].toInt()
+                                navigateToLocation(line, column)
+                            }
+                        }
+                    ),
+                    start = matchRange.first,
+                    end = matchRange.last + 1
+                )
                 addStyle(
                     style = SpanStyle(
                         color = if(_uiState.value.darkMode) Color(0xFF77bbd1) else Color.Blue,
@@ -274,6 +304,36 @@ class MainScreen(
         _uiState.update { it.copy(scriptOutput = newAnnotatedString) }
     }
 
+    private fun navigateToLocation(lineNumber: Int, columnNumber: Int) {
+        val currentText = _uiState.value.scriptInputValue.text
+        val lines = currentText.split('\n')
+
+        if (lineNumber <= lines.size && lineNumber > 0) {
+            var position = 0
+            for (i in 0 until lineNumber - 1) {
+                position += lines[i].length + 1
+            }
+
+            position += (columnNumber - 1).coerceAtMost(lines[lineNumber - 1].length)
+
+            _uiState.update { currentState ->
+                currentState.copy(
+                    scriptInputValue = currentState.scriptInputValue.copy(
+                        selection = TextRange(position, position)
+                    ),
+                    shouldFocusEditor = true
+                )
+            }
+
+            showUiMessage("Navigated to line $lineNumber, column $columnNumber")
+            scope.launch {
+                delay(2000)
+                showUiMessage("")
+                _uiState.update { it.copy(shouldFocusEditor = false) }
+            }
+        }
+    }
+
     fun toggleDarkMode() {
         val newDarkMode = !_uiState.value.darkMode
         _uiState.value = _uiState.value.copy(darkMode = newDarkMode)
@@ -286,13 +346,14 @@ class MainScreen(
 
     data class UiState(
         val darkMode: Boolean = false,
-        val scriptInput: String = "",
+        val scriptInputValue: TextFieldValue = TextFieldValue(""),
         val scriptOutput: AnnotatedString = AnnotatedString(""),
         val uiMessage: String = "",
         val showReadLineField: Boolean = false,
         val userInput: String = "",
         val isSubmitInputClicked: Boolean? = null,
         val isWaitingForInput: Boolean = false,
-        val isProcessRunning: Boolean = false
+        val isProcessRunning: Boolean = false,
+        val shouldFocusEditor: Boolean = false
     )
 }

src/main/kotlin/ui/ScriptEntry.kt

@@ -8,7 +8,11 @@ import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.OutlinedTextFieldDefaults
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
 import androidx.compose.ui.text.TextStyle
 import theme.getJetbrainsMonoFamily
 
@@ -18,9 +22,17 @@ fun ScriptEntry(
     uiState: MainScreen.UiState,
     viewModel: MainScreen
 ){
+    val focusRequester = remember { FocusRequester() }
+
+    LaunchedEffect(uiState.shouldFocusEditor) {
+        if (uiState.shouldFocusEditor) {
+            focusRequester.requestFocus()
+        }
+    }
+
     OutlinedTextField(
-        value = uiState.scriptInput,
-        onValueChange = { text -> viewModel.onEditScript(text) },
+        value = uiState.scriptInputValue,
+        onValueChange = { textFieldValue -> viewModel.onEditScript(textFieldValue) },
         textStyle = TextStyle(
             fontFamily = getJetbrainsMonoFamily(),
             fontStyle = MaterialTheme.typography.bodyMedium.fontStyle
@@ -38,7 +50,8 @@ fun ScriptEntry(
         },
         modifier = modifier
             .fillMaxSize()
-            .animateContentSize(),
+            .animateContentSize()
+            .focusRequester(focusRequester),
         shape = MaterialTheme.shapes.large
     )
 }

src/main/kotlin/ui/ScriptOutput.kt

@@ -21,7 +21,9 @@ import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.input.pointer.PointerIcon
 import androidx.compose.ui.input.pointer.pointerHoverIcon
+import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.unit.dp
+import theme.getJetbrainsMonoFamily
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
@@ -52,7 +54,11 @@ fun ScriptOutput(
             SelectionContainer {
                 Text(
                     text = uiState.scriptOutput,
-                    color = MaterialTheme.colorScheme.onSecondaryContainer,
+                    style = TextStyle(
+                        color = MaterialTheme.colorScheme.onSecondaryContainer,
+                        fontFamily = getJetbrainsMonoFamily(),
+                        fontSize = MaterialTheme.typography.bodyMedium.fontSize
+                    ),
                     modifier = Modifier.verticalScroll(outputScrollState)
                 )
             }