From 93344ed5a68a116af68ce1ef20f5712bcbb47121 Mon Sep 17 00:00:00 2001
From: DevEmperor <56255079+devemperor@users.noreply.github.com>
Date: Wed, 2 Oct 2024 21:05:22 +0200
Subject: [PATCH] feature: transcribe voice as input using Whisper AI

---
 .idea/deploymentTargetSelector.xml            |  10 -
 app/src/main/AndroidManifest.xml              |   7 +-
 ...utActivity.java => InputTypeActivity.java} |  43 +--
 .../activities/InputWhisperActivity.java      | 262 ++++++++++++++++++
 .../wristassist/util/InputIntentBuilder.java  |  11 +-
 .../main/res/drawable/twotone_error_24.xml    |   7 +
 app/src/main/res/drawable/twotone_mic_24.xml  |   9 +
 app/src/main/res/drawable/twotone_send_24.xml |   7 +
 .../res/layout/activity_input_whisper.xml     | 110 ++++++++
 app/src/main/res/values/colors.xml            |   2 +-
 10 files changed, 417 insertions(+), 51 deletions(-)
 delete mode 100644 .idea/deploymentTargetSelector.xml
 rename app/src/main/java/net/devemperor/wristassist/activities/{InputActivity.java => InputTypeActivity.java} (63%)
 create mode 100644 app/src/main/java/net/devemperor/wristassist/activities/InputWhisperActivity.java
 create mode 100644 app/src/main/res/drawable/twotone_error_24.xml
 create mode 100644 app/src/main/res/drawable/twotone_mic_24.xml
 create mode 100644 app/src/main/res/drawable/twotone_send_24.xml
 create mode 100644 app/src/main/res/layout/activity_input_whisper.xml

diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
deleted file mode 100644
index b268ef3..0000000
--- a/.idea/deploymentTargetSelector.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="deploymentTargetSelector">
-    <selectionStates>
-      <SelectionState runConfigName="app">
-        <option name="selectionMode" value="DROPDOWN" />
-      </SelectionState>
-    </selectionStates>
-  </component>
-</project>
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 4aa139d..ee5a3ae 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -4,6 +4,7 @@
     <uses-permission android:name="android.permission.VIBRATE" />
     <uses-permission android:name="android.permission.WAKE_LOCK" />
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
 
     <uses-feature android:name="android.hardware.type.watch" />
 
@@ -85,7 +86,11 @@
             android:exported="false"
             android:taskAffinity="" />
         <activity
-            android:name=".activities.InputActivity"
+            android:name=".activities.InputTypeActivity"
+            android:exported="false"
+            android:taskAffinity="" />
+        <activity
+            android:name=".activities.InputWhisperActivity"
             android:exported="false"
             android:taskAffinity="" />
         <activity
diff --git a/app/src/main/java/net/devemperor/wristassist/activities/InputActivity.java b/app/src/main/java/net/devemperor/wristassist/activities/InputTypeActivity.java
similarity index 63%
rename from app/src/main/java/net/devemperor/wristassist/activities/InputActivity.java
rename to app/src/main/java/net/devemperor/wristassist/activities/InputTypeActivity.java
index 7e79411..8a06917 100644
--- a/app/src/main/java/net/devemperor/wristassist/activities/InputActivity.java
+++ b/app/src/main/java/net/devemperor/wristassist/activities/InputTypeActivity.java
@@ -1,23 +1,18 @@
 package net.devemperor.wristassist.activities;
 
-import android.content.ActivityNotFoundException;
 import android.content.Intent;
 import android.os.Bundle;
-import android.speech.RecognizerIntent;
 import android.view.KeyEvent;
 import android.view.View;
 import android.widget.EditText;
 import android.widget.ScrollView;
 import android.widget.TextView;
-import android.widget.Toast;
 
 import androidx.appcompat.app.AppCompatActivity;
 
 import net.devemperor.wristassist.R;
 
-import java.util.Objects;
-
-public class InputActivity extends AppCompatActivity {
+public class InputTypeActivity extends AppCompatActivity {
 
     ScrollView inputSv;
     TextView inputTitleTv;
@@ -28,9 +23,9 @@ public class InputActivity extends AppCompatActivity {
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
-        setContentView(R.layout.activity_input);
+        setContentView(R.layout.activity_input_type);
 
-        inputSv = findViewById(R.id.activity_input_sv);
+        inputSv = findViewById(R.id.activity_input_type_sv);
 
         String title = getIntent().getStringExtra("net.devemperor.wristassist.input.title");
         String content = getIntent().getStringExtra("net.devemperor.wristassist.input.content");
@@ -38,11 +33,10 @@ protected void onCreate(Bundle savedInstanceState) {
         String title2 = getIntent().getStringExtra("net.devemperor.wristassist.input.title2");
         String content2 = getIntent().getStringExtra("net.devemperor.wristassist.input.content2");
         String hint2 = getIntent().getStringExtra("net.devemperor.wristassist.input.hint2");
-        boolean handsFree = getIntent().getBooleanExtra("net.devemperor.wristassist.input.hands_free", false);
-        inputTitleTv = findViewById(R.id.activity_input_title_tv);
-        inputContentEt = findViewById(R.id.activity_input_content_et);
-        inputTitle2Tv = findViewById(R.id.activity_input_title2_tv);
-        inputContent2Et = findViewById(R.id.activity_input_content2_et);
+        inputTitleTv = findViewById(R.id.activity_input_type_title_tv);
+        inputContentEt = findViewById(R.id.activity_input_type_content_et);
+        inputTitle2Tv = findViewById(R.id.activity_input_type_title2_tv);
+        inputContent2Et = findViewById(R.id.activity_input_type_content2_et);
         inputTitleTv.setText(title);
         inputContentEt.setText(content);
         inputContentEt.setHint(hint);
@@ -71,29 +65,6 @@ protected void onCreate(Bundle savedInstanceState) {
         }
 
         inputSv.requestFocus();
-
-        if (handsFree) {
-            try {
-                Intent intent = new Intent(RecognizerIntent.ACTION_RECOGNIZE_SPEECH);
-                intent.putExtra(RecognizerIntent.EXTRA_LANGUAGE_MODEL, RecognizerIntent.LANGUAGE_MODEL_FREE_FORM);
-                startActivityForResult(intent, 1337);
-            } catch (ActivityNotFoundException e) {
-                e.printStackTrace();
-                Toast.makeText(this, R.string.wristassist_no_speech_recognition, Toast.LENGTH_SHORT).show();
-            }
-        }
-    }
-
-    @Override
-    public void onActivityResult(int requestCode, int resultCode, Intent data) {
-        if (requestCode == 1337 && resultCode == RESULT_OK) {
-            String result = Objects.requireNonNull(data.getStringArrayListExtra(RecognizerIntent.EXTRA_RESULTS)).get(0);
-            Intent intent = new Intent();
-            intent.putExtra("net.devemperor.wristassist.input.content", result);
-            setResult(RESULT_OK, intent);
-            finish();
-        }
-        super.onActivityResult(requestCode, resultCode, data);
     }
 
     public void cancel(View view) {
diff --git a/app/src/main/java/net/devemperor/wristassist/activities/InputWhisperActivity.java b/app/src/main/java/net/devemperor/wristassist/activities/InputWhisperActivity.java
new file mode 100644
index 0000000..aa6a315
--- /dev/null
+++ b/app/src/main/java/net/devemperor/wristassist/activities/InputWhisperActivity.java
@@ -0,0 +1,262 @@
+package net.devemperor.wristassist.activities;
+
+import static com.theokanning.openai.service.OpenAiService.defaultClient;
+import static com.theokanning.openai.service.OpenAiService.defaultObjectMapper;
+
+import android.content.Intent;
+import android.content.SharedPreferences;
+import android.content.pm.PackageManager;
+import android.media.MediaRecorder;
+import android.os.Bundle;
+import android.os.Handler;
+import android.os.Looper;
+import android.os.VibrationEffect;
+import android.os.Vibrator;
+import android.view.View;
+import android.view.animation.AlphaAnimation;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.appcompat.content.res.AppCompatResources;
+
+import com.google.android.material.floatingactionbutton.FloatingActionButton;
+import com.google.android.material.progressindicator.LinearProgressIndicator;
+import com.google.firebase.crashlytics.FirebaseCrashlytics;
+import com.theokanning.openai.audio.CreateTranscriptionRequest;
+import com.theokanning.openai.audio.TranscriptionResult;
+import com.theokanning.openai.client.OpenAiApi;
+import com.theokanning.openai.service.OpenAiService;
+
+import net.devemperor.wristassist.R;
+
+import java.io.File;
+import java.io.IOException;
+import java.io.InterruptedIOException;
+import java.time.Duration;
+import java.util.Locale;
+import java.util.concurrent.ExecutorService;
+import java.util.concurrent.Executors;
+
+import retrofit2.Retrofit;
+import retrofit2.adapter.rxjava2.RxJava2CallAdapterFactory;
+import retrofit2.converter.jackson.JacksonConverterFactory;
+
+public class InputWhisperActivity extends AppCompatActivity {
+
+    TextView titleTv;
+    FloatingActionButton sendBtn;
+    LinearProgressIndicator progressBar;
+    TextView timeTv;
+    ImageView recordingIv;
+    ImageView recordingIv2;
+    ImageView errorIv;
+    ImageView errorIv2;
+
+    SharedPreferences sp;
+    MediaRecorder recorder;
+    Runnable recordTimeRunnable;
+    Handler recordTimeHandler;
+    ExecutorService speechApiThread;
+    long elapsedTime;
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_input_whisper);
+
+        titleTv = findViewById(R.id.activity_input_whisper_title_tv);
+        sendBtn = findViewById(R.id.activity_input_whisper_send_btn);
+        progressBar = findViewById(R.id.activity_input_whisper_pb);
+        timeTv = findViewById(R.id.activity_input_whisper_time_tv);
+        recordingIv = findViewById(R.id.activity_input_whisper_recording_iv);
+        recordingIv2 = findViewById(R.id.activity_input_whisper_recording_iv2);
+        errorIv = findViewById(R.id.activity_input_whisper_error_iv);
+        errorIv2 = findViewById(R.id.activity_input_whisper_error_iv2);
+
+        sp = getSharedPreferences("net.devemperor.wristassist", MODE_PRIVATE);
+
+        recordTimeHandler = new Handler(Looper.getMainLooper());
+        recordTimeRunnable = new Runnable() {
+            @Override
+            public void run() {
+                elapsedTime += 100;
+                timeTv.setText(String.format(Locale.getDefault(), "%02d:%02d", (int) (elapsedTime / 60000), (int) (elapsedTime / 1000) % 60));
+                recordTimeHandler.postDelayed(this, 100);
+            }
+        };
+
+        titleTv.setText(getIntent().getStringExtra("net.devemperor.wristassist.input.title"));
+
+        sendBtn.setOnClickListener(v -> {
+            if (recorder != null) {
+                stopRecording();
+            } else {
+                startRecording();
+            }
+        });
+
+        startRecording();
+    }
+
+    @Override
+    protected void onDestroy() {
+        super.onDestroy();
+
+        if (recorder != null) {
+            try {
+                recorder.stop();
+            } catch (RuntimeException ignored) { }
+            recorder.release();
+            recorder = null;
+
+            if (recordTimeRunnable != null) {
+                recordTimeHandler.removeCallbacks(recordTimeRunnable);
+            }
+        }
+
+        if (speechApiThread != null) speechApiThread.shutdownNow();
+    }
+
+    @Override
+    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
+        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
+        if (requestCode == 1337) {
+            if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
+                startRecording();
+            } else {
+                showError();
+            }
+        }
+    }
+
+    private void startRecording() {
+        if (checkSelfPermission(android.Manifest.permission.RECORD_AUDIO) != android.content.pm.PackageManager.PERMISSION_GRANTED) {
+            requestPermissions(new String[]{android.Manifest.permission.RECORD_AUDIO}, 1337);
+            return;
+        }
+
+        sendBtn.setImageDrawable(AppCompatResources.getDrawable(this, R.drawable.twotone_send_24));
+        errorIv.setVisibility(View.GONE);
+        errorIv2.setVisibility(View.GONE);
+        recordingIv.setVisibility(View.VISIBLE);
+        recordingIv2.setVisibility(View.INVISIBLE);
+
+        AlphaAnimation alphaAnimation = new AlphaAnimation(1f, 0f);
+        alphaAnimation.setDuration(1000);
+        alphaAnimation.setRepeatCount(AlphaAnimation.INFINITE);
+        alphaAnimation.setRepeatMode(AlphaAnimation.REVERSE);
+        recordingIv.startAnimation(alphaAnimation);
+
+        AlphaAnimation alphaAnimation2 = new AlphaAnimation(0f, 1f);
+        alphaAnimation2.setDuration(1000);
+        alphaAnimation2.setRepeatCount(AlphaAnimation.INFINITE);
+        alphaAnimation2.setRepeatMode(AlphaAnimation.REVERSE);
+        recordingIv2.startAnimation(alphaAnimation2);
+
+        timeTv.setVisibility(View.VISIBLE);
+
+        recorder = new MediaRecorder();
+        recorder.setAudioSource(MediaRecorder.AudioSource.MIC);
+        recorder.setOutputFormat(MediaRecorder.OutputFormat.MPEG_4);
+        recorder.setAudioEncoder(MediaRecorder.AudioEncoder.AAC);
+        recorder.setAudioEncodingBitRate(64000);
+        recorder.setAudioSamplingRate(44100);
+        recorder.setOutputFile(new File(getCacheDir(), "whisper_input_audio.mp3"));
+
+        try {
+            recorder.prepare();
+            recorder.start();
+        } catch (IOException e) {
+            showError();
+        }
+
+        elapsedTime = 0;
+        recordTimeHandler.post(recordTimeRunnable);
+    }
+
+    private void stopRecording() {
+        if (recorder != null) {
+            try {
+                recorder.stop();
+            } catch (RuntimeException ignored) { }
+            recorder.release();
+            recorder = null;
+
+            if (recordTimeRunnable != null) {
+                recordTimeHandler.removeCallbacks(recordTimeRunnable);
+            }
+
+            startWhisperApiRequest();
+        }
+    }
+
+    private void startWhisperApiRequest() {
+        sendBtn.setEnabled(false);
+        progressBar.setVisibility(View.VISIBLE);
+        timeTv.setVisibility(View.GONE);
+        recordingIv.setVisibility(View.GONE);
+        recordingIv.clearAnimation();
+        recordingIv2.setVisibility(View.GONE);
+        recordingIv2.clearAnimation();
+        errorIv.setVisibility(View.GONE);
+        errorIv2.setVisibility(View.GONE);
+
+        String apiKey = sp.getString("net.devemperor.wristassist.api_key", "noApiKey");
+        Retrofit retrofit = new Retrofit.Builder()
+                .baseUrl("https://api.openai.com/")
+                .client(defaultClient(apiKey.replaceAll("[^ -~]", ""), Duration.ofSeconds(120)).newBuilder().build())
+                .addConverterFactory(JacksonConverterFactory.create(defaultObjectMapper()))
+                .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
+                .build();
+        OpenAiService service = new OpenAiService(retrofit.create(OpenAiApi.class));
+
+        speechApiThread = Executors.newSingleThreadExecutor();
+        speechApiThread.execute(() -> {
+            try {
+                CreateTranscriptionRequest request = CreateTranscriptionRequest.builder()
+                        .model("whisper-1")
+                        .responseFormat("verbose_json")
+                        .build();
+                TranscriptionResult result = service.createTranscription(request, new File(getCacheDir(), "whisper_input_audio.mp3"));
+
+                // TODO: add usage to db
+
+                Intent data = new Intent();
+                data.putExtra("net.devemperor.wristassist.input.content", result.getText());
+                setResult(RESULT_OK, data);
+                finish();
+
+            } catch (RuntimeException e) {
+                if (!(e.getCause() instanceof InterruptedIOException)) {
+                    FirebaseCrashlytics fc = FirebaseCrashlytics.getInstance();
+                    fc.setCustomKey("settings", sp.getAll().toString());
+                    fc.setUserId(sp.getString("net.devemperor.wristassist.userid", "null"));
+                    fc.recordException(e);
+                    fc.sendUnsentReports();
+
+                    showError();
+                }
+            }
+        });
+    }
+
+    private void showError() {
+        runOnUiThread(() -> {
+            if (sp.getBoolean("net.devemperor.wristassist.vibrate", true)) {
+                ((Vibrator) getSystemService(VIBRATOR_SERVICE))
+                        .vibrate(VibrationEffect.createWaveform(new long[]{50, 50, 50, 50, 50}, new int[]{-1, 0, -1, 0, -1}, -1));
+            }
+
+            progressBar.setVisibility(View.GONE);
+            timeTv.setVisibility(View.GONE);
+            errorIv.setVisibility(View.VISIBLE);
+            errorIv2.setVisibility(View.VISIBLE);
+            recordingIv.setVisibility(View.GONE);
+            recordingIv2.setVisibility(View.GONE);
+            sendBtn.setEnabled(true);
+            sendBtn.setImageDrawable(AppCompatResources.getDrawable(this, R.drawable.twotone_replay_24));
+        });
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/net/devemperor/wristassist/util/InputIntentBuilder.java b/app/src/main/java/net/devemperor/wristassist/util/InputIntentBuilder.java
index 708592b..32f1be2 100644
--- a/app/src/main/java/net/devemperor/wristassist/util/InputIntentBuilder.java
+++ b/app/src/main/java/net/devemperor/wristassist/util/InputIntentBuilder.java
@@ -3,7 +3,8 @@
 import android.content.Context;
 import android.content.Intent;
 
-import net.devemperor.wristassist.activities.InputActivity;
+import net.devemperor.wristassist.activities.InputTypeActivity;
+import net.devemperor.wristassist.activities.InputWhisperActivity;
 
 public class InputIntentBuilder {
 
@@ -56,14 +57,18 @@ public InputIntentBuilder setHandsFree(boolean handsFree) {
     }
 
     public Intent build() {
-        Intent intent = new Intent(context, InputActivity.class);
+        Intent intent;
+        if (handsFree) {
+            intent = new Intent(context, InputWhisperActivity.class);
+        } else {
+            intent = new Intent(context, InputTypeActivity.class);
+        }
         intent.putExtra("net.devemperor.wristassist.input.title", title);
         intent.putExtra("net.devemperor.wristassist.input.content", content);
         intent.putExtra("net.devemperor.wristassist.input.hint", hint);
         intent.putExtra("net.devemperor.wristassist.input.title2", title2);
         intent.putExtra("net.devemperor.wristassist.input.content2", content2);
         intent.putExtra("net.devemperor.wristassist.input.hint2", hint2);
-        intent.putExtra("net.devemperor.wristassist.input.hands_free", handsFree);
         return intent;
     }
 }
diff --git a/app/src/main/res/drawable/twotone_error_24.xml b/app/src/main/res/drawable/twotone_error_24.xml
new file mode 100644
index 0000000..7ee408f
--- /dev/null
+++ b/app/src/main/res/drawable/twotone_error_24.xml
@@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#CC0000" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillAlpha="0.3" android:fillColor="@android:color/white" android:pathData="M12,4c-4.42,0 -8,3.58 -8,8s3.58,8 8,8 8,-3.58 8,-8 -3.58,-8 -8,-8zM13,17h-2v-2h2v2zM13,13h-2L11,7h2v6z" android:strokeAlpha="0.3"/>
+      
+    <path android:fillColor="@android:color/white" android:pathData="M11.99,2C6.47,2 2,6.48 2,12s4.47,10 9.99,10C17.52,22 22,17.52 22,12S17.52,2 11.99,2zM12,20c-4.42,0 -8,-3.58 -8,-8s3.58,-8 8,-8 8,3.58 8,8 -3.58,8 -8,8zM11,15h2v2h-2zM11,7h2v6h-2z"/>
+    
+</vector>
diff --git a/app/src/main/res/drawable/twotone_mic_24.xml b/app/src/main/res/drawable/twotone_mic_24.xml
new file mode 100644
index 0000000..5e93857
--- /dev/null
+++ b/app/src/main/res/drawable/twotone_mic_24.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#7B1FA2" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillAlpha="0.3" android:fillColor="@android:color/white" android:pathData="M12,12c0.55,0 1,-0.45 1,-1V5c0,-0.55 -0.45,-1 -1,-1s-1,0.45 -1,1v6C11,11.55 11.45,12 12,12z" android:strokeAlpha="0.3"/>
+      
+    <path android:fillColor="@android:color/white" android:pathData="M12,14c1.66,0 3,-1.34 3,-3V5c0,-1.66 -1.34,-3 -3,-3S9,3.34 9,5v6C9,12.66 10.34,14 12,14zM11,5c0,-0.55 0.45,-1 1,-1s1,0.45 1,1v6c0,0.55 -0.45,1 -1,1s-1,-0.45 -1,-1V5z"/>
+      
+    <path android:fillColor="@android:color/white" android:pathData="M17,11c0,2.76 -2.24,5 -5,5s-5,-2.24 -5,-5H5c0,3.53 2.61,6.43 6,6.92V21h2v-3.08c3.39,-0.49 6,-3.39 6,-6.92H17z"/>
+    
+</vector>
diff --git a/app/src/main/res/drawable/twotone_send_24.xml b/app/src/main/res/drawable/twotone_send_24.xml
new file mode 100644
index 0000000..5752268
--- /dev/null
+++ b/app/src/main/res/drawable/twotone_send_24.xml
@@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:autoMirrored="true" android:height="24dp" android:tint="#7B1FA2" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillAlpha="0.3" android:fillColor="@android:color/white" android:pathData="M4,8.25l7.51,1 -7.5,-3.22zM4.01,17.97l7.5,-3.22 -7.51,1z" android:strokeAlpha="0.3"/>
+      
+    <path android:fillColor="@android:color/white" android:pathData="M2.01,3L2,10l15,2 -15,2 0.01,7L23,12 2.01,3zM4,8.25L4,6.03l7.51,3.22 -7.51,-1zM4.01,17.97v-2.22l7.51,-1 -7.51,3.22z"/>
+    
+</vector>
diff --git a/app/src/main/res/layout/activity_input_whisper.xml b/app/src/main/res/layout/activity_input_whisper.xml
new file mode 100644
index 0000000..d51160c
--- /dev/null
+++ b/app/src/main/res/layout/activity_input_whisper.xml
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.wear.widget.BoxInsetLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:keepScreenOn="true">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:layout_boxedEdges="all">
+
+        <TextView
+            android:id="@+id/activity_input_whisper_title_tv"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:maxLines="1"
+            android:textSize="14sp"
+            android:textStyle="bold"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:text="Das ist ein random Titel" />
+
+        <com.google.android.material.floatingactionbutton.FloatingActionButton
+            android:id="@+id/activity_input_whisper_send_btn"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:clickable="true"
+            app:backgroundTint="@color/wristassist_purple"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintVertical_bias="0.495"
+            app:srcCompat="@drawable/twotone_send_24" />
+
+        <com.google.android.material.progressindicator.LinearProgressIndicator
+            android:id="@+id/activity_input_whisper_pb"
+            android:layout_width="72dp"
+            android:layout_height="wrap_content"
+            android:indeterminateOnly="true"
+            android:visibility="gone"
+            tools:visibility="visible"
+            app:indicatorColor="@color/wristassist_purple"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
+        <TextView
+            android:id="@+id/activity_input_whisper_time_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textStyle="bold"
+            android:textSize="16sp"
+            tools:text="03:16"
+            app:layout_constraintBottom_toTopOf="@+id/activity_input_whisper_pb"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
+        <ImageView
+            android:id="@+id/activity_input_whisper_recording_iv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:srcCompat="@drawable/twotone_mic_24" />
+
+
+        <ImageView
+            android:id="@+id/activity_input_whisper_recording_iv2"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:visibility="gone"
+            tools:visibility="visible"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:srcCompat="@drawable/twotone_mic_24" />
+
+        <ImageView
+            android:id="@+id/activity_input_whisper_error_iv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/activity_input_whisper_recording_iv"
+            app:layout_constraintTop_toTopOf="parent"
+            app:srcCompat="@drawable/twotone_error_24"
+            android:visibility="gone"
+            tools:visibility="visible" />
+
+        <ImageView
+            android:id="@+id/activity_input_whisper_error_iv2"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/activity_input_whisper_recording_iv2"
+            app:layout_constraintTop_toTopOf="parent"
+            app:srcCompat="@drawable/twotone_error_24"
+            android:visibility="gone"
+            tools:visibility="visible" />
+
+
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</androidx.wear.widget.BoxInsetLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index cea6744..2accb20 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <color name="wristassist_purple">#7B1FA2</color>
-    <color name="wristassist_purple_dark">#667B1FA2</color>
+    <color name="wristassist_purple_dark">#737B1FA2</color>
     <color name="wristassist_white">#ffffff</color>
     <color name="wristassist_black">#000000</color>
     <color name="wristassist_grey">#A8A8A8</color>