feat: notification

Author: antoncoding

README.md

@@ -91,14 +91,7 @@ Your Tauri signing key is located at `~/.tauri/milo.key`. **CRITICAL:** Back thi
 
 ### 🚀 Release Process
 
-```bash
-# Export signing key
-export TAURI_SIGNING_PRIVATE_KEY=$(cat ~/.tauri/milo.key)
-
-# Automated release
-pnpm release v0.1.9
-```
-
+See [`RELEASE.md`](RELEASE.md) for complete release instructions.
 
 ### 📁 Project Structure
 

RELEASE.md

@@ -0,0 +1,133 @@
+# 🚀 Release Guide
+
+Complete guide for releasing new versions of Milo with auto-updates.
+
+## Quick Release
+
+```bash
+# 1. Export signing key
+export TAURI_SIGNING_PRIVATE_KEY=$(cat ~/.tauri/milo.key)
+
+# 2. Run automated release
+pnpm release v0.1.13
+
+# 3. Push to GitHub
+git push origin master && git push origin v0.1.13
+
+# 4. Create GitHub release and upload files (see below)
+```
+
+## 📁 File Locations After Build
+
+After running `pnpm release v0.1.13`, you'll find these files:
+
+### **For User Downloads:**
+```
+src-tauri/target/release/bundle/dmg/
+└── Milo_0.1.13_x64.dmg
+```
+
+### **For Auto-Updates:**
+```
+src-tauri/target/release/bundle/macos/
+├── Milo.app.tar.gz
+└── Milo.app.tar.gz.sig
+```
+
+### **Update Manifest:**
+```
+project-root/
+└── latest.json
+```
+
+## 📤 GitHub Release Upload
+
+Create a new release on GitHub and upload these files:
+
+1. **`Milo_0.1.13_x64.dmg`** (from `/dmg/` folder)
+   - For users to download and install
+
+2. **`Milo.app.tar.gz`** (from `/macos/` folder)
+   - For automatic updates
+
+3. **`latest.json`** (from project root)
+   - Update manifest (tells app about new version)
+
+## 🔐 First Time Setup
+
+### Generate Signing Key (Once)
+```bash
+pnpm tauri signer generate -w ~/.tauri/milo.key --password test123
+```
+
+### Back Up Your Key
+**CRITICAL:** Store these securely in your password manager:
+- File: `~/.tauri/milo.key`
+- Password: `test123`
+- Note: "Required for Milo app updates. If lost, cannot release updates."
+
+## 🎯 What Each Script Does
+
+### `pnpm release v0.1.13`
+1. ✅ **Validates signing key** setup
+2. ✅ **Updates versions** in `Cargo.toml`, `package.json`, `tauri.conf.json`
+3. ✅ **Builds app** with cryptographic signatures
+4. ✅ **Extracts signatures** from build artifacts
+5. ✅ **Generates latest.json** with update information
+6. ✅ **Commits and tags** (optional)
+
+## 🔍 Troubleshooting
+
+### "Signing key not found"
+```bash
+# Generate new key
+pnpm tauri signer generate -w ~/.tauri/milo.key --password test123
+```
+
+### "Environment variables not set"
+```bash
+# Set signing key
+export TAURI_SIGNING_PRIVATE_KEY=$(cat ~/.tauri/milo.key)
+export TAURI_SIGNING_PRIVATE_KEY_PASSWORD="test123"
+```
+
+### "Build failed"
+- Ensure all dependencies installed: `pnpm install`
+- Check Rust toolchain: `rustup update`
+- Verify key permissions: `ls -la ~/.tauri/milo.key`
+
+### "No signature files found"
+- Build completed but signatures missing
+- Manual signatures will be created in `latest.json`
+- Check that `createUpdaterArtifacts: true` in `tauri.conf.json`
+
+## 🎉 Auto-Update Flow
+
+1. **User has** Milo v0.1.12 installed
+2. **You release** v0.1.13 using this process
+3. **App checks** `latest.json` on startup
+4. **Shows update** notification if newer version found
+5. **Downloads** `Milo.app.tar.gz` automatically
+6. **Installs** and restarts with new version
+
+## 📋 Release Checklist
+
+- [ ] Signing key backed up securely
+- [ ] Environment variables set
+- [ ] Version number follows semantic versioning
+- [ ] Run `pnpm release vX.X.X`
+- [ ] Review generated `latest.json`
+- [ ] Push to GitHub: `git push origin master && git push origin vX.X.X`
+- [ ] Create GitHub release
+- [ ] Upload DMG file from `/dmg/` folder
+- [ ] Upload `Milo.app.tar.gz` from `/macos/` folder
+- [ ] Upload `latest.json` from project root
+- [ ] Test auto-update on previous version
+
+## 🤖 Alternative: Automated Releases
+
+For fully automated releases, set up GitHub Actions with:
+- `TAURI_SIGNING_PRIVATE_KEY` (base64 encoded key)
+- `TAURI_SIGNING_PRIVATE_KEY_PASSWORD`
+
+Then releases happen automatically on git tag push!

src-tauri/src/core.rs

@@ -1,4 +1,4 @@
-use tauri::Manager;
+use tauri::{Manager, Emitter};
 use arboard::Clipboard;
 
 use crate::transform::transform_text;
@@ -54,8 +54,9 @@ pub async fn transform_clipboard(
         cleaned_transformed,
     )?;
 
-    // Success! Don't show notification - causes crashes on macOS
-    // User will see the transformed text in their clipboard
+    // Emit success notification
+    let notification_message = format!("Successfully transformed with \"{}\" tone", prompt_key);
+    let _ = handle.emit("transformation_complete", notification_message);
 
     Ok(())
 }

src-tauri/tauri.conf.json

@@ -20,7 +20,7 @@
   },
   "productName": "Milo",
   "mainBinaryName": "Milo",
-  "version": "0.1.12",
+  "version": "0.1.11",
   "identifier": "com.milo.dev",
   "plugins": {
     "updater": {

src/App.tsx

@@ -81,10 +81,18 @@ function App() {
         await invoke("transform_clipboard", {
           promptKey: currentSettings.selected_tone || "Improve Writing",
         });
-        
+
         console.log("Clipboard transformation complete");
       } catch (error) {
         console.error("Failed to transform clipboard:", error);
+
+        // Show error notification to user
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        sendNotification({
+          title: 'Milo - Transform Error',
+          body: errorMessage,
+          icon: '/icon.png'
+        });
       }
     });
 

src/components/ApiSettings.tsx

@@ -177,12 +177,36 @@ export function Settings() {
     toggleEnabled();
   };
 
+  const deleteUsageKey = async () => {
+    const userConfirmed = await ask('Are you sure you want to delete your usage key? You will need to enter a new one to use Milo.', {
+      title: 'Delete Usage Key',
+      kind: 'warning'
+    });
+
+    if (userConfirmed) {
+      try {
+        setSaving(true);
+        await invoke('save_litellm_api_key', { key: '' });
+        setUsageKey('');
+        setUsageKeyPreview('');
+        setHasKey(false);
+        await message('Usage key deleted successfully!', { title: 'Success', kind: 'info' });
+      } catch (error) {
+        console.error('Failed to delete usage key:', error);
+        await message('Failed to delete usage key. Please try again.', { title: 'Error', kind: 'error' });
+      } finally {
+        setSaving(false);
+      }
+    }
+  };
+
+
   const clearHistory = async () => {
     const userConfirmed = await ask('Are you sure you want to clear all transformation history? This action cannot be undone.', {
       title: 'Clear History',
       kind: 'warning'
     });
-    
+
     if (userConfirmed) {
       try {
         await invoke('clear_transformation_history');
@@ -220,25 +244,23 @@ export function Settings() {
       <div className="bg-background-secondary p-6 rounded-lg border border-border-primary">
         <div className="mb-4">
           <h2 className="text-lg text-text-primary">Usage Key</h2>
-          <p className="text-sm text-text-secondary">Your key for accessing text transformations</p>
+          <p className="text-sm text-text-secondary">
+            {!hasKey ? "You need a usage key to transform text with Milo" : "Your key for accessing text transformations"}
+          </p>
         </div>
 
         <div className="space-y-4">
           {!hasKey ? (
             /* No Key State */
-            <div className="text-center space-y-4">
-              <div className="inline-flex items-center px-3 py-1 rounded-full text-xs bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400">
-                <div className="w-2 h-2 bg-red-500 rounded-full mr-2"></div>
-                Not Ready
-              </div>
-
-              <div className="bg-accent-primary/10 border border-accent-primary/30 rounded-lg p-4">
-                <p className="text-sm text-text-primary mb-3">
-                  You need a usage key to transform text with Milo.
-                </p>
+            <div className="space-y-4">
+              <div className="flex items-center justify-between">
+                <div className="inline-flex items-center px-3 py-1 rounded-full text-xs bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400">
+                  <div className="w-2 h-2 bg-red-500 rounded-full mr-2"></div>
+                  Not Ready
+                </div>
                 <button
                   onClick={openWebsite}
-                  className="inline-flex items-center px-4 py-2 bg-accent-primary text-white text-sm rounded-lg hover:bg-accent-secondary transition-colors"
+                  className="inline-flex items-center px-3 py-2 bg-accent-primary text-white text-sm rounded-lg hover:bg-accent-secondary transition-colors"
                 >
                   <svg className="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
@@ -256,7 +278,7 @@ export function Settings() {
                   type="password"
                   value={usageKey}
                   onChange={(e) => setUsageKey(e.target.value)}
-                  placeholder="milo-..."
+                  placeholder="sk-..."
                   className="w-full px-3 py-2 border border-border-primary rounded-lg focus:ring-2 focus:ring-accent-primary focus:border-accent-primary bg-background-primary text-text-primary"
                 />
                 <button
@@ -276,6 +298,12 @@ export function Settings() {
                   <div className="w-2 h-2 bg-green-500 rounded-full mr-2"></div>
                   Ready
                 </div>
+                <button
+                  onClick={deleteUsageKey}
+                  className="px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors"
+                >
+                  Delete
+                </button>
               </div>
 
               <div className="bg-background-tertiary p-3 rounded-lg border border-border-primary">