A pack link in chat adds the pack in place; coinos has its own share link.

Tapping "Emoji pack" on a phone opened Vector: the chip was an outbound
link to vectorapp.io, a domain the Vector app owns. The chip is now a
button — one tap adds the pack right here, nothing leaves coinos.

Packs also get a coinos share link, v3.coinos.io/emojis/pack/<naddr>
(copy it from the picker's pack row). The Android app already claims
every v3.coinos.io path, so on a phone that link opens coinos, which adds
the pack once the wallet is open. Pack links from any host render as the
chip; the naddr's kind is what's checked.

Pack changes now save at once (learned shortcodes stay coalesced) — a
remove followed straight away by a navigation was lost to the debounce.

Co-Authored-By: Claude Fable 5.1 <[email protected]>
Claude-Session: https://claude.ai/code/session_01JuwQqNWtDJcxPWtEm9134z

1 files changed, 7 insertions, 3 deletions

diff --git a/src/style.css b/src/style.css
index f1670ce..bcec4a5 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1036,9 +1036,13 @@ body::after {
 .emoji-packs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
 .emoji-pack { display: inline-flex; align-items: center; gap: 2px; }
 .emoji-pack .linklike { padding: 0 2px; font-size: 14px; color: var(--muted); }
-/* Vector's pack share link: named, with its Add button */
-.pack-link { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
-.pack-link .btn-sm { padding: 3px 10px; }
+/* a pack share link (Vector's or ours) as a chip: one tap adds the pack */
+.pack-link {
+  display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; font-size: 14px; line-height: 1.3;
+  border: 1px solid var(--line-strong); border-radius: 10px; background: var(--paper); color: inherit; cursor: pointer;
+}
+.pack-link:disabled { opacity: 0.7; cursor: default; }
+.chat-bubble.me .pack-link { background: transparent; border-color: color-mix(in srgb, currentColor 45%, transparent); }
 /* a custom emoji whose picture won't load falls back to its :code: alt text;
    in the 40px grid cell that text must not spill into the next cell */
 .emoji-grid button { overflow: hidden; }