Tokenade default: set separator to Zero-Width Non-Joiner (zwnj)

index.html

@@ -251,6 +251,12 @@
                             </small>
                         </div>
                         <div class="tokenade-carrier-options options-grid">
+                            <div class="carrier-quick-grid" v-if="tbSingleCarrier">
+                                <small>Quick picks</small>
+                                <div class="emoji-grid" style="grid-template-columns: repeat(10, 32px); grid-auto-rows: 32px; gap: 6px;">
+                                    <button class="emoji-button" v-for="em in quickCarrierEmojis" :key="'q-'+em" @click="tbCarrier = em" :title="'Use '+em">{{ em }}</button>
+                                </div>
+                            </div>
                             <label title="Condense payload into a single emoji carrier">
                                 Single emoji carrier mode
                                 <input type="checkbox" v-model="tbSingleCarrier" />
@@ -761,6 +767,7 @@
         </div>
     </div>
 
+    <!--
     <!-- Tokenade Tab -->
     <div v-if="activeTab === 'tokenade'" class="tab-content">
         <div class="transform-layout">
@@ -917,6 +924,7 @@
             </div>
         </div>
     </div>
+    -->
     <!-- Global Advanced Unicode / Steg Options Panel -->
     <div id="unicode-options-panel" class="unicode-options-panel">
         <div class="unicode-panel-header">

js/app.js

@@ -53,11 +53,12 @@ window.app = new Vue({
         filteredEmojis: [...window.emojiLibrary.EMOJI_LIST],
         selectedEmoji: null,
         carrierEmojiList: [...window.emojiLibrary.EMOJI_LIST],
+        quickCarrierEmojis: ['🐍','🐉','🐲','🔥','💥','🗿','⚓','⭐','✨','🚀','💀','🪨','🍃','🪶','🔮','🐢','🐊','🦎','🐍'],
         // Token Bomb Generator
         tbDepth: 3,
         tbBreadth: 4,
         tbRepeats: 5,
-        tbSeparator: 'zwj',
+        tbSeparator: 'zwnj',
         tbIncludeVS: true,
         tbIncludeNoise: true,
         tbRandomizeEmojis: true,