feat(rp-app): add detailsUrl, stateUrl and min 2-char padding

- Add detailsUrl and stateUrl fields to make text lines clickable
- Add minimum 2-character padding using Hangul filler (same as ytb-music)
- Update UI with URL input fields for details and state
- Discord rejects text fields shorter than 2 characters, padding prevents this

Author: claude

rp-app/src/main/discord-service.js

@@ -197,30 +197,38 @@ class DiscordService {
       payload.statusDisplayType = activity.statusDisplayType;
     }
 
-    // Details (first line)
+    // Details (first line) - min 2 chars required
     if (activity.details && activity.details.trim()) {
-      payload.details = this._truncate(activity.details, 128);
+      payload.details = this._padToMinLength(this._truncate(activity.details, 128));
+    }
+    // Details URL (makes details clickable)
+    if (activity.detailsUrl && activity.detailsUrl.trim()) {
+      payload.detailsUrl = activity.detailsUrl;
     }
 
-    // State (second line)
+    // State (second line) - min 2 chars required
     if (activity.state && activity.state.trim()) {
-      payload.state = this._truncate(activity.state, 128);
+      payload.state = this._padToMinLength(this._truncate(activity.state, 128));
+    }
+    // State URL (makes state clickable)
+    if (activity.stateUrl && activity.stateUrl.trim()) {
+      payload.stateUrl = activity.stateUrl;
     }
 
     // Large image
     if (activity.largeImageKey && activity.largeImageKey.trim()) {
       payload.largeImageKey = activity.largeImageKey;
     }
     if (activity.largeImageText && activity.largeImageText.trim()) {
-      payload.largeImageText = this._truncate(activity.largeImageText, 128);
+      payload.largeImageText = this._padToMinLength(this._truncate(activity.largeImageText, 128));
     }
 
     // Small image
     if (activity.smallImageKey && activity.smallImageKey.trim()) {
       payload.smallImageKey = activity.smallImageKey;
     }
     if (activity.smallImageText && activity.smallImageText.trim()) {
-      payload.smallImageText = this._truncate(activity.smallImageText, 128);
+      payload.smallImageText = this._padToMinLength(this._truncate(activity.smallImageText, 128));
     }
 
     // Timestamps
@@ -263,6 +271,19 @@ class DiscordService {
     return str.substring(0, maxLength - 3) + '...';
   }
 
+  /**
+   * Pad string to minimum length (Discord requires min 2 chars)
+   * Uses Unicode Hangul filler character (invisible)
+   */
+  _padToMinLength(str, minLength = 2) {
+    if (!str) return str;
+    const FILLER = '\u3164'; // Hangul filler (invisible)
+    if (str.length > 0 && str.length < minLength) {
+      return str + FILLER.repeat(minLength - str.length);
+    }
+    return str;
+  }
+
   /**
    * Clear Discord activity
    */

rp-app/src/renderer/index.html

@@ -58,14 +58,27 @@ <h2>Activity Type</h2>
       <!-- Text Fields -->
       <section class="section">
         <h2>Text</h2>
-        <div class="form-group">
-          <label for="details">Details (Line 1)</label>
-          <input type="text" id="details" placeholder="What are you doing?" maxlength="128">
+        <div class="form-row">
+          <div class="form-group">
+            <label for="details">Details (Line 1)</label>
+            <input type="text" id="details" placeholder="What are you doing?" maxlength="128" minlength="2">
+          </div>
+          <div class="form-group">
+            <label for="detailsUrl">Details URL</label>
+            <input type="text" id="detailsUrl" placeholder="https://... (clickable link)">
+          </div>
         </div>
-        <div class="form-group">
-          <label for="state">State (Line 2)</label>
-          <input type="text" id="state" placeholder="Additional info" maxlength="128">
+        <div class="form-row">
+          <div class="form-group">
+            <label for="state">State (Line 2)</label>
+            <input type="text" id="state" placeholder="Additional info" maxlength="128" minlength="2">
+          </div>
+          <div class="form-group">
+            <label for="stateUrl">State URL</label>
+            <input type="text" id="stateUrl" placeholder="https://... (clickable link)">
+          </div>
         </div>
+        <small>Text fields must be at least 2 characters. URLs make the text clickable.</small>
       </section>
 
       <!-- Images -->

rp-app/src/renderer/renderer.js

@@ -11,7 +11,9 @@ const statusText = document.querySelector('.status-text');
 const activityType = document.getElementById('activityType');
 const statusDisplayType = document.getElementById('statusDisplayType');
 const details = document.getElementById('details');
+const detailsUrl = document.getElementById('detailsUrl');
 const state = document.getElementById('state');
+const stateUrl = document.getElementById('stateUrl');
 const largeImageKey = document.getElementById('largeImageKey');
 const largeImageText = document.getElementById('largeImageText');
 const smallImageKey = document.getElementById('smallImageKey');
@@ -106,7 +108,9 @@ function getActivityData() {
     type: parseInt(activityType.value),
     statusDisplayType: parseInt(statusDisplayType.value),
     details: details.value,
+    detailsUrl: detailsUrl.value,
     state: state.value,
+    stateUrl: stateUrl.value,
     largeImageKey: largeImageKey.value,
     largeImageText: largeImageText.value,
     smallImageKey: smallImageKey.value,