@nyaruka/temba-components 0.142.1 → 0.142.3

package/out-tsc/src/Icons.js

@@ -127,6 +127,7 @@ export var Icon;
     Icon["overview"] = "pie-chart-01";
     Icon["prometheus"] = "prometheus";
     Icon["progress_spinner"] = "refresh-cw-04";
+    Icon["refresh"] = "refresh-cw-05";
     Icon["featured"] = "star-01";
     Icon["quick_replies"] = "dotpoints-01";
     Icon["recording"] = "microphone-01";

package/out-tsc/src/Icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/Icons.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values */\n// for cache busting we dynamically generate a fingerprint, use yarn svg to update\nexport const SVG_FINGERPRINT = 'de580a861152b5d164592ae63b65e5aa';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  ai = 'beaker-02',\n  alert_warning = 'alert-square',\n  account = 'user-01',\n  action = 'lightning-02',\n  active = 'play',\n  add = 'plus',\n  add_note = 'file-02',\n  airtime = 'bank-note-01',\n  analytics = 'bar-chart-01',\n  archive = 'archive',\n  arrow_up = 'chevron-up',\n  arrow_down = 'chevron-down',\n  arrow_left = 'chevron-left',\n  arrow_right = 'chevron-right',\n  attachment = 'paperclip',\n  attachment_audio = 'volume-min',\n  attachment_document = 'file-06',\n  attachment_image = 'image-01',\n  attachment_location = 'marker-pin-01',\n  attachment_video = 'video-recorder',\n  branding = 'brush-02',\n  branding_hostname = 'server-05',\n  branding_notifications = 'mail-01',\n  branding_styling = 'palette',\n  branding_raw = 'pencil-01',\n  broadcast = 'announcement-01',\n  call = 'phone-call-01',\n  call_missed = 'phone-call-02',\n  campaign = 'clock-refresh',\n  campaign_active = 'play',\n  campaign_archived = 'archive',\n  campaigns = 'clock-refresh',\n  channel = 'zap',\n  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  checkbox_partial = 'stop-square',\n  close = 'x',\n  compose = 'send-01',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_export = 'download-cloud-01',\n  contact_import = 'upload-cloud-01',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  copy = 'copy-04',\n  dashboard = 'pie-chart-01',\n  definitions_export = 'download-cloud-01',\n  delete = 'trash-03',\n  delete_small = 'x',\n  down = 'chevron-down',\n  download = 'download-01',\n  drag = 'dots-grid',\n  edit = 'edit-02',\n  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  export = 'download-cloud-01',\n  expressions = 'at-sign',\n  fields = 'user-edit',\n  filter = 'filter-funnel-01',\n  flow = 'flow',\n  flow_background = 'layers-two-01',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone',\n  flow_message = 'message-square-02',\n  flow_surveyor = 'tablet-01',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  follow = 'route',\n  global = 'at-sign',\n  grid = 'dots-grid',\n  group = 'users-01',\n  group_exclude = 'users-x',\n  group_include = 'users-check',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  hide = 'eye-off',\n  home = 'settings-02',\n  image = 'image-01',\n  import = 'upload-cloud-01',\n  inbox = 'inbox-01',\n  incidents = 'alert-square',\n  incoming_call = 'phone-incoming-01',\n  info = 'user-square',\n  integrations = 'layers-three-01',\n  invitations = 'user-plus-01',\n  issue = 'alert-square',\n  label = 'tag-01',\n  language = 'translate-01',\n  link = 'link-external-01',\n  location = 'marker-pin-01',\n  log = 'file-02',\n  logout = 'log-out-04',\n  menu = 'menu-01',\n  menu_collapse = 'chevron-left-double',\n  message = 'message-square-02',\n  message_export = 'download-cloud-01',\n  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  next_schedule = 'alarm-clock',\n  note = 'edit-03',\n  notes = 'edit-03',\n  notification = 'bell-01',\n  number = 'hash-01',\n  optin_requested = 'message-notification-circle',\n  optin = 'message-check-circle',\n  optout = 'message-x-circle',\n  org_active = 'credit-card-02',\n  org_anonymous = 'glasses-01',\n  org_bulk = 'credit-card-plus',\n  org_flagged = 'flag-01',\n  org_new = 'stars-02',\n  org_suspended = 'slash-circle-01',\n  org_verified = 'check-verified-02',\n  overview = 'pie-chart-01',\n  prometheus = 'prometheus',\n  progress_spinner = 'refresh-cw-04',\n  featured = 'star-01',\n  quick_replies = 'dotpoints-01',\n  recording = 'microphone-01',\n  resend = 'refresh-cw-05',\n  reset = 'flip-backward',\n  resthooks = 'share-07',\n  restore = 'play',\n  results_export = 'download-cloud-01',\n  retry = 'refresh-cw-05',\n  revisions = 'clock-rewind',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  schedule = 'calendar',\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  send = 'send-03',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  shortcut = 'zap-fast',\n  show = 'eye',\n  simulator = 'phone-02',\n  split = 'flow',\n  sort = 'chevron-selector-vertical',\n  sort_down = 'sort-arrow-down',\n  sort_up = 'sort-arrow-up',\n  staff = 'hard-drive',\n  submit = 'check',\n  success = 'check',\n  template_approved = 'check-circle',\n  template_pending = 'hourglass-01',\n  template_rejected = 'alert-circle',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_mine_done = 'coffee-empty',\n  tickets_open = 'inbox-01',\n  tickets_export = 'download-cloud-01',\n  tickets_unassigned = 'inbox-01',\n  topic = 'message-text-circle-02',\n  two_factor_enabled = 'shield-02',\n  two_factor_disabled = 'shield-01',\n  trigger = 'signal-01',\n  trigger_active = 'play',\n  trigger_archived = 'archive',\n  trigger_new = 'plus',\n  trigger_keyword = 'message-check-square',\n  trigger_catch_all = 'message-question-square',\n  trigger_inbound_call = 'phone-incoming-01',\n  trigger_missed_call = 'phone-hang-up',\n  trigger_schedule = 'calendar',\n  trigger_new_conversation = 'message-chat-square',\n  trigger_referral = 'user-right-01',\n  trigger_closed_ticket = 'agent',\n  trigger_opt_in = 'message-check-circle',\n  trigger_opt_out = 'message-x-circle',\n  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-01',\n  upload_image = 'camera-01',\n  usages = 'link-04',\n  user = 'users-01',\n  user_beta = 'shield-zap',\n  user_token = 'key-01',\n  users = 'users-01',\n  video = 'video-recorder',\n  webhook = 'link-external-01',\n  workspace = 'folder',\n  zoom_fit = 'maximize-02',\n  zoom_in = 'expand-06',\n\n  // channel types\n  channel_a = 'channel-android',\n  channel_ac = 'zap', // TODO https://www.arabiacell.com/\n  channel_at = 'zap', // TODO https://africastalking.com/\n  channel_bs = 'zap', // TODO https://burstsms.com/\n  channel_bw = 'zap', // TODO https://www.bandwidth.com/\n  channel_cs = 'zap', // TODO https://www.clicksend.com/\n  channel_ct = 'channel-clickatell',\n  channel_d3 = 'channel-whatsapp',\n  channel_d3c = 'channel-whatsapp',\n  channel_da = 'zap', // TODO https://dartmedia.co.id/\n  channel_ds = 'channel-discord',\n  channel_ex = 'zap',\n  channel_fb = 'channel-facebook',\n  channel_fba = 'channel-facebook',\n  channel_fc = 'channel-freshchat',\n  channel_fcm = 'channel-firebase',\n  channel_hm = 'zap', // TODO https://hormuud.com/\n  channel_ib = 'zap', // TODO https://www.infobip.com/\n  channel_ig = 'channel-instagram',\n  channel_jc = 'channel-jiochat',\n  channel_kn = 'channel-kannel',\n  channel_kwa = 'channel-whatsapp',\n  channel_ln = 'channel-line',\n  channel_mt = 'channel-mtarget',\n  channel_mtn = 'zap', // TODO https://mtn.com/\n  channel_nx = 'channel-vonage',\n  channel_pl = 'channel-plivo',\n  channel_rc = 'channel-rocketchat',\n  channel_sl = 'channel-slack',\n  channel_sq = 'zap', // TODO https://shaqodoon.org/\n  channel_st = 'zap', // TODO https://bulk.startmobile.ua\n  channel_sw = 'channel-signalwire',\n  channel_t = 'channel-twilio',\n  channel_tg = 'channel-telegram',\n  channel_tms = 'channel-twilio',\n  channel_tq = 'channel-thinq',\n  channel_tw = 'zap', // TODO https://www.somleng.org/\n  channel_twa = 'channel-whatsapp',\n  channel_twc = 'zap', // TODO\n  channel_twt = 'channel-twitter',\n  channel_vk = 'channel-vk',\n  channel_vp = 'channel-viber',\n  channel_wa = 'channel-whatsapp',\n  channel_wac = 'channel-whatsapp',\n  channel_wc = 'channel-wechat',\n  channel_yo = 'zap', // TODO https://www.yo.co.ug/\n  channel_zvw = 'channel-whatsapp',\n\n  // ai\n  ai_openai = 'openai',\n  ai_anthropic = 'anthropic',\n  ai_google = 'gemini',\n  ai_microsoft = 'azure',\n  ai_deepseek = 'deepseek',\n\n  // classifiers\n  classifier_wit = 'classifier-wit',\n\n  // other brands\n  dtone = 'dtone',\n  zapier = 'zapier',\n\n  // demo\n  default = 'list',\n  datepicker = 'calendar',\n  slider = 'sliders-02',\n  select = 'browser',\n  input = 'edit-05'\n}\n"]}
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/Icons.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values */\n// for cache busting we dynamically generate a fingerprint, use yarn svg to update\nexport const SVG_FINGERPRINT = 'de580a861152b5d164592ae63b65e5aa';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  ai = 'beaker-02',\n  alert_warning = 'alert-square',\n  account = 'user-01',\n  action = 'lightning-02',\n  active = 'play',\n  add = 'plus',\n  add_note = 'file-02',\n  airtime = 'bank-note-01',\n  analytics = 'bar-chart-01',\n  archive = 'archive',\n  arrow_up = 'chevron-up',\n  arrow_down = 'chevron-down',\n  arrow_left = 'chevron-left',\n  arrow_right = 'chevron-right',\n  attachment = 'paperclip',\n  attachment_audio = 'volume-min',\n  attachment_document = 'file-06',\n  attachment_image = 'image-01',\n  attachment_location = 'marker-pin-01',\n  attachment_video = 'video-recorder',\n  branding = 'brush-02',\n  branding_hostname = 'server-05',\n  branding_notifications = 'mail-01',\n  branding_styling = 'palette',\n  branding_raw = 'pencil-01',\n  broadcast = 'announcement-01',\n  call = 'phone-call-01',\n  call_missed = 'phone-call-02',\n  campaign = 'clock-refresh',\n  campaign_active = 'play',\n  campaign_archived = 'archive',\n  campaigns = 'clock-refresh',\n  channel = 'zap',\n  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  checkbox_partial = 'stop-square',\n  close = 'x',\n  compose = 'send-01',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_export = 'download-cloud-01',\n  contact_import = 'upload-cloud-01',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  copy = 'copy-04',\n  dashboard = 'pie-chart-01',\n  definitions_export = 'download-cloud-01',\n  delete = 'trash-03',\n  delete_small = 'x',\n  down = 'chevron-down',\n  download = 'download-01',\n  drag = 'dots-grid',\n  edit = 'edit-02',\n  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  export = 'download-cloud-01',\n  expressions = 'at-sign',\n  fields = 'user-edit',\n  filter = 'filter-funnel-01',\n  flow = 'flow',\n  flow_background = 'layers-two-01',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone',\n  flow_message = 'message-square-02',\n  flow_surveyor = 'tablet-01',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  follow = 'route',\n  global = 'at-sign',\n  grid = 'dots-grid',\n  group = 'users-01',\n  group_exclude = 'users-x',\n  group_include = 'users-check',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  hide = 'eye-off',\n  home = 'settings-02',\n  image = 'image-01',\n  import = 'upload-cloud-01',\n  inbox = 'inbox-01',\n  incidents = 'alert-square',\n  incoming_call = 'phone-incoming-01',\n  info = 'user-square',\n  integrations = 'layers-three-01',\n  invitations = 'user-plus-01',\n  issue = 'alert-square',\n  label = 'tag-01',\n  language = 'translate-01',\n  link = 'link-external-01',\n  location = 'marker-pin-01',\n  log = 'file-02',\n  logout = 'log-out-04',\n  menu = 'menu-01',\n  menu_collapse = 'chevron-left-double',\n  message = 'message-square-02',\n  message_export = 'download-cloud-01',\n  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  next_schedule = 'alarm-clock',\n  note = 'edit-03',\n  notes = 'edit-03',\n  notification = 'bell-01',\n  number = 'hash-01',\n  optin_requested = 'message-notification-circle',\n  optin = 'message-check-circle',\n  optout = 'message-x-circle',\n  org_active = 'credit-card-02',\n  org_anonymous = 'glasses-01',\n  org_bulk = 'credit-card-plus',\n  org_flagged = 'flag-01',\n  org_new = 'stars-02',\n  org_suspended = 'slash-circle-01',\n  org_verified = 'check-verified-02',\n  overview = 'pie-chart-01',\n  prometheus = 'prometheus',\n  progress_spinner = 'refresh-cw-04',\n  refresh = 'refresh-cw-05',\n  featured = 'star-01',\n  quick_replies = 'dotpoints-01',\n  recording = 'microphone-01',\n  resend = 'refresh-cw-05',\n  reset = 'flip-backward',\n  resthooks = 'share-07',\n  restore = 'play',\n  results_export = 'download-cloud-01',\n  retry = 'refresh-cw-05',\n  revisions = 'clock-rewind',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  schedule = 'calendar',\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  send = 'send-03',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  shortcut = 'zap-fast',\n  show = 'eye',\n  simulator = 'phone-02',\n  split = 'flow',\n  sort = 'chevron-selector-vertical',\n  sort_down = 'sort-arrow-down',\n  sort_up = 'sort-arrow-up',\n  staff = 'hard-drive',\n  submit = 'check',\n  success = 'check',\n  template_approved = 'check-circle',\n  template_pending = 'hourglass-01',\n  template_rejected = 'alert-circle',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_mine_done = 'coffee-empty',\n  tickets_open = 'inbox-01',\n  tickets_export = 'download-cloud-01',\n  tickets_unassigned = 'inbox-01',\n  topic = 'message-text-circle-02',\n  two_factor_enabled = 'shield-02',\n  two_factor_disabled = 'shield-01',\n  trigger = 'signal-01',\n  trigger_active = 'play',\n  trigger_archived = 'archive',\n  trigger_new = 'plus',\n  trigger_keyword = 'message-check-square',\n  trigger_catch_all = 'message-question-square',\n  trigger_inbound_call = 'phone-incoming-01',\n  trigger_missed_call = 'phone-hang-up',\n  trigger_schedule = 'calendar',\n  trigger_new_conversation = 'message-chat-square',\n  trigger_referral = 'user-right-01',\n  trigger_closed_ticket = 'agent',\n  trigger_opt_in = 'message-check-circle',\n  trigger_opt_out = 'message-x-circle',\n  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-01',\n  upload_image = 'camera-01',\n  usages = 'link-04',\n  user = 'users-01',\n  user_beta = 'shield-zap',\n  user_token = 'key-01',\n  users = 'users-01',\n  video = 'video-recorder',\n  webhook = 'link-external-01',\n  workspace = 'folder',\n  zoom_fit = 'maximize-02',\n  zoom_in = 'expand-06',\n\n  // channel types\n  channel_a = 'channel-android',\n  channel_ac = 'zap', // TODO https://www.arabiacell.com/\n  channel_at = 'zap', // TODO https://africastalking.com/\n  channel_bs = 'zap', // TODO https://burstsms.com/\n  channel_bw = 'zap', // TODO https://www.bandwidth.com/\n  channel_cs = 'zap', // TODO https://www.clicksend.com/\n  channel_ct = 'channel-clickatell',\n  channel_d3 = 'channel-whatsapp',\n  channel_d3c = 'channel-whatsapp',\n  channel_da = 'zap', // TODO https://dartmedia.co.id/\n  channel_ds = 'channel-discord',\n  channel_ex = 'zap',\n  channel_fb = 'channel-facebook',\n  channel_fba = 'channel-facebook',\n  channel_fc = 'channel-freshchat',\n  channel_fcm = 'channel-firebase',\n  channel_hm = 'zap', // TODO https://hormuud.com/\n  channel_ib = 'zap', // TODO https://www.infobip.com/\n  channel_ig = 'channel-instagram',\n  channel_jc = 'channel-jiochat',\n  channel_kn = 'channel-kannel',\n  channel_kwa = 'channel-whatsapp',\n  channel_ln = 'channel-line',\n  channel_mt = 'channel-mtarget',\n  channel_mtn = 'zap', // TODO https://mtn.com/\n  channel_nx = 'channel-vonage',\n  channel_pl = 'channel-plivo',\n  channel_rc = 'channel-rocketchat',\n  channel_sl = 'channel-slack',\n  channel_sq = 'zap', // TODO https://shaqodoon.org/\n  channel_st = 'zap', // TODO https://bulk.startmobile.ua\n  channel_sw = 'channel-signalwire',\n  channel_t = 'channel-twilio',\n  channel_tg = 'channel-telegram',\n  channel_tms = 'channel-twilio',\n  channel_tq = 'channel-thinq',\n  channel_tw = 'zap', // TODO https://www.somleng.org/\n  channel_twa = 'channel-whatsapp',\n  channel_twc = 'zap', // TODO\n  channel_twt = 'channel-twitter',\n  channel_vk = 'channel-vk',\n  channel_vp = 'channel-viber',\n  channel_wa = 'channel-whatsapp',\n  channel_wac = 'channel-whatsapp',\n  channel_wc = 'channel-wechat',\n  channel_yo = 'zap', // TODO https://www.yo.co.ug/\n  channel_zvw = 'channel-whatsapp',\n\n  // ai\n  ai_openai = 'openai',\n  ai_anthropic = 'anthropic',\n  ai_google = 'gemini',\n  ai_microsoft = 'azure',\n  ai_deepseek = 'deepseek',\n\n  // classifiers\n  classifier_wit = 'classifier-wit',\n\n  // other brands\n  dtone = 'dtone',\n  zapier = 'zapier',\n\n  // demo\n  default = 'list',\n  datepicker = 'calendar',\n  slider = 'sliders-02',\n  select = 'browser',\n  input = 'edit-05'\n}\n"]}

package/out-tsc/src/flow/CanvasMenu.js

@@ -14,6 +14,7 @@ export class CanvasMenu extends RapidElement {
         this.y = 0;
         this.open = false;
         this.showStickyNote = true;
+        this.showWaitForResponse = true;
         this.showReflow = false;
         this.clickPosition = { x: 0, y: 0 };
     }
@@ -51,13 +52,6 @@ export class CanvasMenu extends RapidElement {
 
       .menu-item temba-icon {
         --icon-color: var(--color-text);
-        margin-top: 0.15em;
-      }
-
-      .menu-item-content {
-        display: flex;
-        flex-direction: column;
-        gap: 0.15em;
       }
 
       .menu-item-title {
@@ -66,11 +60,6 @@ export class CanvasMenu extends RapidElement {
         color: var(--color-text-dark);
       }
 
-      .menu-item-description {
-        font-size: 0.85rem;
-        color: var(--color-text);
-      }
-
       .divider {
         height: 1px;
         background: rgba(0, 0, 0, 0.1);
@@ -80,15 +69,19 @@ export class CanvasMenu extends RapidElement {
     }
     firstUpdated(_changedProperties) {
         super.firstUpdated(_changedProperties);
-        // Close menu when clicking outside — use mousedown instead of click
-        // to avoid being triggered by the click synthesized from a drag-and-drop
-        // (mousedown on exit + mouseup on canvas = click on common ancestor)
+        // Close menu when clicking/tapping outside — use mousedown instead of
+        // click to avoid being triggered by the click synthesized from a
+        // drag-and-drop (mousedown on exit + mouseup on canvas = click on
+        // common ancestor). Also listen for touchstart for touch devices.
         const handleClickOutside = (e) => {
             if (this.open && !this.contains(e.target)) {
                 this.close();
             }
         };
         document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('touchstart', handleClickOutside, {
+            passive: true
+        });
         // Store cleanup function
         this._clickOutsideHandler = handleClickOutside;
     }
@@ -96,14 +89,16 @@ export class CanvasMenu extends RapidElement {
         super.disconnectedCallback();
         if (this._clickOutsideHandler) {
             document.removeEventListener('mousedown', this._clickOutsideHandler);
+            document.removeEventListener('touchstart', this._clickOutsideHandler);
         }
     }
-    show(x, y, clickPosition, showStickyNote = true, showReflow = false) {
+    show(x, y, clickPosition, showStickyNote = true, showReflow = false, showWaitForResponse = true) {
         this.x = x;
         this.y = y;
         this.clickPosition = clickPosition;
         this.showStickyNote = showStickyNote;
         this.showReflow = showReflow;
+        this.showWaitForResponse = showWaitForResponse;
         this.open = true;
         // Adjust position after menu renders to ensure it fits on screen
         requestAnimationFrame(() => {
@@ -158,17 +153,32 @@ export class CanvasMenu extends RapidElement {
         }
         return html `
       <div class="menu" style="left: ${this.x}px; top: ${this.y}px;">
+        <div
+          class="menu-item"
+          @click=${() => this.handleMenuItemClick('send_msg')}
+        >
+          <temba-icon name="send" size="1.25"></temba-icon>
+          <div class="menu-item-title">Send Message</div>
+        </div>
+
+        ${this.showWaitForResponse
+            ? html `
+              <div
+                class="menu-item"
+                @click=${() => this.handleMenuItemClick('wait_for_response')}
+              >
+                <temba-icon name="message" size="1.25"></temba-icon>
+                <div class="menu-item-title">Wait for Response</div>
+              </div>
+            `
+            : ''}
+
         <div
           class="menu-item"
           @click=${() => this.handleMenuItemClick('action')}
         >
           <temba-icon name="action" size="1.25"></temba-icon>
-          <div class="menu-item-content">
-            <div class="menu-item-title">Add Action</div>
-            <div class="menu-item-description">
-              Send messages, update contacts
-            </div>
-          </div>
+          <div class="menu-item-title">Add Action</div>
         </div>
 
         <div
@@ -176,10 +186,7 @@ export class CanvasMenu extends RapidElement {
           @click=${() => this.handleMenuItemClick('split')}
         >
           <temba-icon name="split" size="1.25"></temba-icon>
-          <div class="menu-item-content">
-            <div class="menu-item-title">Add Split</div>
-            <div class="menu-item-description">Branch based on conditions</div>
-          </div>
+          <div class="menu-item-title">Add Split</div>
         </div>
 
         ${this.showStickyNote
@@ -191,12 +198,7 @@ export class CanvasMenu extends RapidElement {
                 @click=${() => this.handleMenuItemClick('sticky')}
               >
                 <temba-icon name="note" size="1.25"></temba-icon>
-                <div class="menu-item-content">
-                  <div class="menu-item-title">Add Sticky Note</div>
-                  <div class="menu-item-description">
-                    Add a note to the canvas
-                  </div>
-                </div>
+                <div class="menu-item-title">Add Sticky Note</div>
               </div>
             `
             : ''}
@@ -209,12 +211,7 @@ export class CanvasMenu extends RapidElement {
                 @click=${() => this.handleMenuItemClick('reflow')}
               >
                 <temba-icon name="flow" size="1.25"></temba-icon>
-                <div class="menu-item-content">
-                  <div class="menu-item-title">Reflow</div>
-                  <div class="menu-item-description">
-                    Auto-arrange nodes in this flow
-                  </div>
-                </div>
+                <div class="menu-item-title">Reflow</div>
               </div>
             `
             : ''}
@@ -234,6 +231,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], CanvasMenu.prototype, "showStickyNote", void 0);
+__decorate([
+    property({ type: Boolean })
+], CanvasMenu.prototype, "showWaitForResponse", void 0);
 __decorate([
     property({ type: Boolean })
 ], CanvasMenu.prototype, "showReflow", void 0);

package/out-tsc/src/flow/CanvasMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasMenu.js","sourceRoot":"","sources":["../../../src/flow/CanvasMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { CustomEventType } from '../interfaces';\n\n/**\n * Event detail for canvas menu selection\n */\nexport interface CanvasMenuSelection {\n  action: 'sticky' | 'action' | 'split' | 'reflow';\n  position: { x: number; y: number };\n}\n\n/**\n * CanvasMenu - A popup menu for adding items to the flow canvas\n * Displayed when double-clicking on empty canvas space\n */\nexport class CanvasMenu extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        position: fixed;\n        z-index: 10000;\n        display: block;\n        pointer-events: none;\n      }\n\n      .menu {\n        position: fixed;\n        background: white;\n        border-radius: var(--curvature);\n        box-shadow: var(--dropdown-shadow);\n        padding: 0.5em 0;\n        width: 265px;\n        pointer-events: auto;\n      }\n\n      .menu-item {\n        padding: 0.75em 1.5em;\n        cursor: pointer;\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75em;\n        transition: background-color 0.15s ease;\n      }\n\n      .menu-item:hover {\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n\n      .menu-item temba-icon {\n        --icon-color: var(--color-text);\n        margin-top: 0.15em;\n      }\n\n      .menu-item-content {\n        display: flex;\n        flex-direction: column;\n        gap: 0.15em;\n      }\n\n      .menu-item-title {\n        font-weight: 500;\n        font-size: 1rem;\n        color: var(--color-text-dark);\n      }\n\n      .menu-item-description {\n        font-size: 0.85rem;\n        color: var(--color-text);\n      }\n\n      .divider {\n        height: 1px;\n        background: rgba(0, 0, 0, 0.1);\n        margin: 0.5em 0;\n      }\n    `;\n  }\n\n  @property({ type: Number })\n  public x = 0;\n\n  @property({ type: Number })\n  public y = 0;\n\n  @property({ type: Boolean })\n  public open = false;\n\n  @property({ type: Boolean })\n  public showStickyNote = true;\n\n  @property({ type: Boolean })\n  public showReflow = false;\n\n  @state()\n  private clickPosition = { x: 0, y: 0 };\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(_changedProperties);\n\n    // Close menu when clicking outside — use mousedown instead of click\n    // to avoid being triggered by the click synthesized from a drag-and-drop\n    // (mousedown on exit + mouseup on canvas = click on common ancestor)\n    const handleClickOutside = (e: MouseEvent) => {\n      if (this.open && !this.contains(e.target as Node)) {\n        this.close();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n\n    // Store cleanup function\n    (this as any)._clickOutsideHandler = handleClickOutside;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if ((this as any)._clickOutsideHandler) {\n      document.removeEventListener(\n        'mousedown',\n        (this as any)._clickOutsideHandler\n      );\n    }\n  }\n\n  public show(\n    x: number,\n    y: number,\n    clickPosition: { x: number; y: number },\n    showStickyNote: boolean = true,\n    showReflow: boolean = false\n  ) {\n    this.x = x;\n    this.y = y;\n    this.clickPosition = clickPosition;\n    this.showStickyNote = showStickyNote;\n    this.showReflow = showReflow;\n    this.open = true;\n\n    // Adjust position after menu renders to ensure it fits on screen\n    requestAnimationFrame(() => {\n      this.adjustPosition();\n    });\n  }\n\n  private adjustPosition(): void {\n    const menuElement = this.shadowRoot?.querySelector('.menu') as HTMLElement;\n    if (!menuElement) return;\n\n    const menuRect = menuElement.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n    const margin = 10; // margin from viewport edges\n\n    let adjustedX = this.x;\n    let adjustedY = this.y;\n\n    // Check if menu goes off the right edge\n    if (this.x + menuRect.width + margin > viewportWidth) {\n      adjustedX = viewportWidth - menuRect.width - margin;\n    }\n\n    // Check if menu goes off the bottom edge\n    if (this.y + menuRect.height + margin > viewportHeight) {\n      adjustedY = viewportHeight - menuRect.height - margin;\n    }\n\n    // Update position if needed\n    if (adjustedX !== this.x || adjustedY !== this.y) {\n      this.x = adjustedX;\n      this.y = adjustedY;\n    }\n  }\n\n  public close(fireCanceledEvent: boolean = true) {\n    if (this.open) {\n      this.open = false;\n      // Fire close event so parent can clean up, but only if not from a selection\n      if (fireCanceledEvent) {\n        this.fireCustomEvent(CustomEventType.Canceled, {});\n      }\n    }\n  }\n\n  private handleMenuItemClick(\n    action: 'sticky' | 'action' | 'split' | 'reflow'\n  ) {\n    this.fireCustomEvent(CustomEventType.Selection, {\n      action,\n      position: this.clickPosition\n    } as CanvasMenuSelection);\n    // Close without firing canceled event since we made a selection\n    this.close(false);\n  }\n\n  public render(): TemplateResult {\n    if (!this.open) {\n      return html``;\n    }\n\n    return html`\n      <div class=\"menu\" style=\"left: ${this.x}px; top: ${this.y}px;\">\n        <div\n          class=\"menu-item\"\n          @click=${() => this.handleMenuItemClick('action')}\n        >\n          <temba-icon name=\"action\" size=\"1.25\"></temba-icon>\n          <div class=\"menu-item-content\">\n            <div class=\"menu-item-title\">Add Action</div>\n            <div class=\"menu-item-description\">\n              Send messages, update contacts\n            </div>\n          </div>\n        </div>\n\n        <div\n          class=\"menu-item\"\n          @click=${() => this.handleMenuItemClick('split')}\n        >\n          <temba-icon name=\"split\" size=\"1.25\"></temba-icon>\n          <div class=\"menu-item-content\">\n            <div class=\"menu-item-title\">Add Split</div>\n            <div class=\"menu-item-description\">Branch based on conditions</div>\n          </div>\n        </div>\n\n        ${this.showStickyNote\n          ? html`\n              <div class=\"divider\"></div>\n\n              <div\n                class=\"menu-item\"\n                @click=${() => this.handleMenuItemClick('sticky')}\n              >\n                <temba-icon name=\"note\" size=\"1.25\"></temba-icon>\n                <div class=\"menu-item-content\">\n                  <div class=\"menu-item-title\">Add Sticky Note</div>\n                  <div class=\"menu-item-description\">\n                    Add a note to the canvas\n                  </div>\n                </div>\n              </div>\n            `\n          : ''}\n        ${this.showReflow\n          ? html`\n              <div class=\"divider\"></div>\n\n              <div\n                class=\"menu-item\"\n                @click=${() => this.handleMenuItemClick('reflow')}\n              >\n                <temba-icon name=\"flow\" size=\"1.25\"></temba-icon>\n                <div class=\"menu-item-content\">\n                  <div class=\"menu-item-title\">Reflow</div>\n                  <div class=\"menu-item-description\">\n                    Auto-arrange nodes in this flow\n                  </div>\n                </div>\n              </div>\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"CanvasMenu.js","sourceRoot":"","sources":["../../../src/flow/CanvasMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { CustomEventType } from '../interfaces';\n\n/**\n * Event detail for canvas menu selection\n */\nexport interface CanvasMenuSelection {\n  action:\n    | 'sticky'\n    | 'action'\n    | 'split'\n    | 'send_msg'\n    | 'wait_for_response'\n    | 'reflow';\n  position: { x: number; y: number };\n}\n\n/**\n * CanvasMenu - A popup menu for adding items to the flow canvas\n * Displayed when double-clicking on empty canvas space\n */\nexport class CanvasMenu extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        position: fixed;\n        z-index: 10000;\n        display: block;\n        pointer-events: none;\n      }\n\n      .menu {\n        position: fixed;\n        background: white;\n        border-radius: var(--curvature);\n        box-shadow: var(--dropdown-shadow);\n        padding: 0.5em 0;\n        width: 265px;\n        pointer-events: auto;\n      }\n\n      .menu-item {\n        padding: 0.75em 1.5em;\n        cursor: pointer;\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75em;\n        transition: background-color 0.15s ease;\n      }\n\n      .menu-item:hover {\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n\n      .menu-item temba-icon {\n        --icon-color: var(--color-text);\n      }\n\n      .menu-item-title {\n        font-weight: 500;\n        font-size: 1rem;\n        color: var(--color-text-dark);\n      }\n\n      .divider {\n        height: 1px;\n        background: rgba(0, 0, 0, 0.1);\n        margin: 0.5em 0;\n      }\n    `;\n  }\n\n  @property({ type: Number })\n  public x = 0;\n\n  @property({ type: Number })\n  public y = 0;\n\n  @property({ type: Boolean })\n  public open = false;\n\n  @property({ type: Boolean })\n  public showStickyNote = true;\n\n  @property({ type: Boolean })\n  public showWaitForResponse = true;\n\n  @property({ type: Boolean })\n  public showReflow = false;\n\n  @state()\n  private clickPosition = { x: 0, y: 0 };\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(_changedProperties);\n\n    // Close menu when clicking/tapping outside — use mousedown instead of\n    // click to avoid being triggered by the click synthesized from a\n    // drag-and-drop (mousedown on exit + mouseup on canvas = click on\n    // common ancestor). Also listen for touchstart for touch devices.\n    const handleClickOutside = (e: MouseEvent | TouchEvent) => {\n      if (this.open && !this.contains(e.target as Node)) {\n        this.close();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('touchstart', handleClickOutside, {\n      passive: true\n    });\n\n    // Store cleanup function\n    (this as any)._clickOutsideHandler = handleClickOutside;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if ((this as any)._clickOutsideHandler) {\n      document.removeEventListener(\n        'mousedown',\n        (this as any)._clickOutsideHandler\n      );\n      document.removeEventListener(\n        'touchstart',\n        (this as any)._clickOutsideHandler\n      );\n    }\n  }\n\n  public show(\n    x: number,\n    y: number,\n    clickPosition: { x: number; y: number },\n    showStickyNote: boolean = true,\n    showReflow: boolean = false,\n    showWaitForResponse: boolean = true\n  ) {\n    this.x = x;\n    this.y = y;\n    this.clickPosition = clickPosition;\n    this.showStickyNote = showStickyNote;\n    this.showReflow = showReflow;\n    this.showWaitForResponse = showWaitForResponse;\n    this.open = true;\n\n    // Adjust position after menu renders to ensure it fits on screen\n    requestAnimationFrame(() => {\n      this.adjustPosition();\n    });\n  }\n\n  private adjustPosition(): void {\n    const menuElement = this.shadowRoot?.querySelector('.menu') as HTMLElement;\n    if (!menuElement) return;\n\n    const menuRect = menuElement.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n    const margin = 10; // margin from viewport edges\n\n    let adjustedX = this.x;\n    let adjustedY = this.y;\n\n    // Check if menu goes off the right edge\n    if (this.x + menuRect.width + margin > viewportWidth) {\n      adjustedX = viewportWidth - menuRect.width - margin;\n    }\n\n    // Check if menu goes off the bottom edge\n    if (this.y + menuRect.height + margin > viewportHeight) {\n      adjustedY = viewportHeight - menuRect.height - margin;\n    }\n\n    // Update position if needed\n    if (adjustedX !== this.x || adjustedY !== this.y) {\n      this.x = adjustedX;\n      this.y = adjustedY;\n    }\n  }\n\n  public close(fireCanceledEvent: boolean = true) {\n    if (this.open) {\n      this.open = false;\n      // Fire close event so parent can clean up, but only if not from a selection\n      if (fireCanceledEvent) {\n        this.fireCustomEvent(CustomEventType.Canceled, {});\n      }\n    }\n  }\n\n  private handleMenuItemClick(action: CanvasMenuSelection['action']) {\n    this.fireCustomEvent(CustomEventType.Selection, {\n      action,\n      position: this.clickPosition\n    } as CanvasMenuSelection);\n    // Close without firing canceled event since we made a selection\n    this.close(false);\n  }\n\n  public render(): TemplateResult {\n    if (!this.open) {\n      return html``;\n    }\n\n    return html`\n      <div class=\"menu\" style=\"left: ${this.x}px; top: ${this.y}px;\">\n        <div\n          class=\"menu-item\"\n          @click=${() => this.handleMenuItemClick('send_msg')}\n        >\n          <temba-icon name=\"send\" size=\"1.25\"></temba-icon>\n          <div class=\"menu-item-title\">Send Message</div>\n        </div>\n\n        ${this.showWaitForResponse\n          ? html`\n              <div\n                class=\"menu-item\"\n                @click=${() => this.handleMenuItemClick('wait_for_response')}\n              >\n                <temba-icon name=\"message\" size=\"1.25\"></temba-icon>\n                <div class=\"menu-item-title\">Wait for Response</div>\n              </div>\n            `\n          : ''}\n\n        <div\n          class=\"menu-item\"\n          @click=${() => this.handleMenuItemClick('action')}\n        >\n          <temba-icon name=\"action\" size=\"1.25\"></temba-icon>\n          <div class=\"menu-item-title\">Add Action</div>\n        </div>\n\n        <div\n          class=\"menu-item\"\n          @click=${() => this.handleMenuItemClick('split')}\n        >\n          <temba-icon name=\"split\" size=\"1.25\"></temba-icon>\n          <div class=\"menu-item-title\">Add Split</div>\n        </div>\n\n        ${this.showStickyNote\n          ? html`\n              <div class=\"divider\"></div>\n\n              <div\n                class=\"menu-item\"\n                @click=${() => this.handleMenuItemClick('sticky')}\n              >\n                <temba-icon name=\"note\" size=\"1.25\"></temba-icon>\n                <div class=\"menu-item-title\">Add Sticky Note</div>\n              </div>\n            `\n          : ''}\n        ${this.showReflow\n          ? html`\n              <div class=\"divider\"></div>\n\n              <div\n                class=\"menu-item\"\n                @click=${() => this.handleMenuItemClick('reflow')}\n              >\n                <temba-icon name=\"flow\" size=\"1.25\"></temba-icon>\n                <div class=\"menu-item-title\">Reflow</div>\n              </div>\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/flow/CanvasNode.js

@@ -6,7 +6,7 @@ import { ACTION_GROUP_METADATA, SPLIT_GROUP_METADATA } from './types';
 import { property } from 'lit/decorators.js';
 import { RapidElement } from '../RapidElement';
 import { getClasses } from '../utils';
-import { isRightClick } from './utils';
+import { isRightClick, renderClamped } from './utils';
 import { getStore } from '../store/Store';
 import { CustomEventType } from '../interfaces';
 import { fromStore, zustand } from '../store/AppState';
@@ -171,24 +171,20 @@ export class CanvasNode extends RapidElement {
       }
       .title-spacer {
         width: 1.8em;
-        
       }
 
       .action:hover .drag-handle {
         visibility: visible;
         opacity: 0.7;
-        
-        
-      }
-
-      strong {
-        font-weight: 500;
       }
 
       .action .drag-handle:hover {
         visibility: visible;
         opacity: 1;
-        
+      }
+
+      strong {
+        font-weight: 500;
       }
 
       .action .cn-title,
@@ -215,6 +211,8 @@ export class CanvasNode extends RapidElement {
 
       .quick-replies {
         margin-top: 0.5em;
+        display: flex;
+        flex-wrap: wrap;
       }
 
       .quick-reply {
@@ -222,9 +220,14 @@ export class CanvasNode extends RapidElement {
         border: 1px solid #e0e0e0;
         border-radius: calc(var(--curvature) * 1.5);
         padding: 0.2em 1em;
-        display: inline-block;
         font-size: 0.8em;
         margin: 0.2em;
+        flex: 0 1 auto;
+        min-width: 0;
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
 
       .router-section {
@@ -269,6 +272,7 @@ export class CanvasNode extends RapidElement {
 
       .router .body {
         padding: 0.75em;
+        max-width: 180px;
       }
 
       .result-name {
@@ -408,6 +412,22 @@ export class CanvasNode extends RapidElement {
         color: #9ca3af;
         font-size: 0.9em;
       }
+
+      /* On touch devices, always show interactive controls.
+         The .touch-device class is added to the editor on first touch. */
+      .touch-device .remove-button {
+        visibility: visible !important;
+        opacity: 0.7;
+      }
+
+      .touch-device .action .drag-handle {
+        visibility: visible !important;
+        opacity: 0.7;
+      }
+
+      .touch-device .add-action-button {
+        opacity: 0.8 !important;
+      }
   }`;
     }
     constructor() {
@@ -789,10 +809,11 @@ export class CanvasNode extends RapidElement {
     handleActionMouseDown(event, action) {
         if (isRightClick(event))
             return;
-        // Don't handle clicks on the remove button, drag handle, or when action is in removing state
+        // Don't handle clicks on the remove button, drag handle, linked elements, or when action is in removing state
         const target = event.target;
         if (target.closest('.remove-button') ||
             target.closest('.drag-handle') ||
+            target.closest('.linked-name') ||
             this.actionRemovingState.has(action.uuid)) {
             return;
         }
@@ -809,10 +830,11 @@ export class CanvasNode extends RapidElement {
             this.pendingActionClick = null;
             return;
         }
-        // Don't handle clicks on the remove button, drag handle, or when action is in removing state
+        // Don't handle clicks on the remove button, drag handle, linked elements, or when action is in removing state
         const target = event.target;
         if (target.closest('.remove-button') ||
             target.closest('.drag-handle') ||
+            target.closest('.linked-name') ||
             this.actionRemovingState.has(action.uuid)) {
             this.actionClickStartPos = null;
             this.pendingActionClick = null;
@@ -847,6 +869,61 @@ export class CanvasNode extends RapidElement {
         this.actionClickStartPos = null;
         this.pendingActionClick = null;
     }
+    /* c8 ignore start -- touch-only handlers untestable in headless Chromium */
+    handleActionTouchStart(event, action) {
+        const target = event.target;
+        if (target.closest('.remove-button') ||
+            target.closest('.drag-handle') ||
+            target.closest('.linked-name') ||
+            this.actionRemovingState.has(action.uuid)) {
+            return;
+        }
+        const touch = event.touches[0];
+        if (!touch)
+            return;
+        this.actionClickStartPos = { x: touch.clientX, y: touch.clientY };
+        this.pendingActionClick = { action, event: event };
+    }
+    handleActionTouchEnd(event, action) {
+        if (!this.pendingActionClick ||
+            this.pendingActionClick.action.uuid !== action.uuid) {
+            this.actionClickStartPos = null;
+            this.pendingActionClick = null;
+            return;
+        }
+        const target = event.target;
+        if (target.closest('.remove-button') ||
+            target.closest('.drag-handle') ||
+            target.closest('.linked-name') ||
+            this.actionRemovingState.has(action.uuid)) {
+            this.actionClickStartPos = null;
+            this.pendingActionClick = null;
+            return;
+        }
+        const touch = event.changedTouches[0];
+        if (this.actionClickStartPos && touch) {
+            const deltaX = touch.clientX - this.actionClickStartPos.x;
+            const deltaY = touch.clientY - this.actionClickStartPos.y;
+            const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+            const editor = this.closest('temba-flow-editor');
+            const editorWasDragging = editor === null || editor === void 0 ? void 0 : editor.dragging;
+            if (distance <= DRAG_THRESHOLD && (!editor || !editorWasDragging)) {
+                const actionEl = event.currentTarget;
+                const origin = actionEl
+                    ? this.getTopCenter(actionEl)
+                    : { x: touch.clientX, y: touch.clientY };
+                this.fireCustomEvent(CustomEventType.ActionEditRequested, {
+                    action,
+                    nodeUuid: this.node.uuid,
+                    originX: origin.x,
+                    originY: origin.y
+                });
+            }
+        }
+        this.actionClickStartPos = null;
+        this.pendingActionClick = null;
+    }
+    /* c8 ignore stop */
     handleActionClick(event, action) {
         // This method is kept for backward compatibility but should not be used
         // The new mousedown/mouseup approach handles click vs drag properly
@@ -894,12 +971,13 @@ export class CanvasNode extends RapidElement {
     handleNodeMouseDown(event) {
         if (isRightClick(event))
             return;
-        // Don't handle clicks on the remove button, exits, drag handle, or when node is in removing state
+        // Don't handle clicks on the remove button, exits, drag handle, linked elements, or when node is in removing state
         const target = event.target;
         if (target.closest('.remove-button') ||
             target.closest('.exit') ||
             target.closest('.exit-wrapper') ||
             target.closest('.drag-handle') ||
+            target.closest('.linked-name') ||
             this.actionRemovingState.has(this.node.uuid)) {
             return;
         }
@@ -915,12 +993,13 @@ export class CanvasNode extends RapidElement {
             this.pendingNodeClick = null;
             return;
         }
-        // Don't handle clicks on the remove button, exits, drag handle, or when node is in removing state
+        // Don't handle clicks on the remove button, exits, drag handle, linked elements, or when node is in removing state
         const target = event.target;
         if (target.closest('.remove-button') ||
             target.closest('.exit') ||
             target.closest('.exit-wrapper') ||
             target.closest('.drag-handle') ||
+            target.closest('.linked-name') ||
             this.actionRemovingState.has(this.node.uuid)) {
             this.nodeClickStartPos = null;
             this.pendingNodeClick = null;
@@ -967,6 +1046,73 @@ export class CanvasNode extends RapidElement {
         this.nodeClickStartPos = null;
         this.pendingNodeClick = null;
     }
+    /* c8 ignore start -- touch-only handlers */
+    handleNodeTouchStart(event) {
+        const target = event.target;
+        if (target.closest('.remove-button') ||
+            target.closest('.exit') ||
+            target.closest('.exit-wrapper') ||
+            target.closest('.drag-handle') ||
+            target.closest('.linked-name') ||
+            this.actionRemovingState.has(this.node.uuid)) {
+            return;
+        }
+        const touch = event.touches[0];
+        if (!touch)
+            return;
+        this.nodeClickStartPos = { x: touch.clientX, y: touch.clientY };
+        this.pendingNodeClick = { event: event };
+    }
+    handleNodeTouchEnd(event) {
+        if (!this.pendingNodeClick) {
+            this.nodeClickStartPos = null;
+            this.pendingNodeClick = null;
+            return;
+        }
+        const target = event.target;
+        if (target.closest('.remove-button') ||
+            target.closest('.exit') ||
+            target.closest('.exit-wrapper') ||
+            target.closest('.drag-handle') ||
+            target.closest('.linked-name') ||
+            this.actionRemovingState.has(this.node.uuid)) {
+            this.nodeClickStartPos = null;
+            this.pendingNodeClick = null;
+            return;
+        }
+        const touch = event.changedTouches[0];
+        if (this.nodeClickStartPos && touch) {
+            const deltaX = touch.clientX - this.nodeClickStartPos.x;
+            const deltaY = touch.clientY - this.nodeClickStartPos.y;
+            const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+            const editor = this.closest('temba-flow-editor');
+            const editorWasDragging = editor === null || editor === void 0 ? void 0 : editor.dragging;
+            if (distance <= 5 && (!editor || !editorWasDragging)) {
+                if (this.node.router) {
+                    const origin = this.getTopCenter(this);
+                    if (this.node.actions && this.node.actions.length === 1) {
+                        this.fireCustomEvent(CustomEventType.ActionEditRequested, {
+                            action: this.node.actions[0],
+                            nodeUuid: this.node.uuid,
+                            originX: origin.x,
+                            originY: origin.y
+                        });
+                    }
+                    else {
+                        this.fireCustomEvent(CustomEventType.NodeEditRequested, {
+                            node: this.node,
+                            nodeUI: this.ui,
+                            originX: origin.x,
+                            originY: origin.y
+                        });
+                    }
+                }
+            }
+        }
+        this.nodeClickStartPos = null;
+        this.pendingNodeClick = null;
+    }
+    /* c8 ignore stop */
     handleAddActionClick(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -1225,6 +1371,8 @@ export class CanvasNode extends RapidElement {
           class="action-content ${hasIssues ? 'has-issues' : ''}"
           @mousedown=${(e) => !isDisabled && this.handleActionMouseDown(e, action)}
           @mouseup=${(e) => !isDisabled && this.handleActionMouseUp(e, action)}
+          @touchstart=${(e) => !isDisabled && this.handleActionTouchStart(e, action)}
+          @touchend=${(e) => !isDisabled && this.handleActionTouchEnd(e, action)}
           style="cursor: ${isDisabled ? 'not-allowed' : 'pointer'}"
         >
           ${this.renderTitle(config, action, index, isRemoving)}
@@ -1278,10 +1426,12 @@ export class CanvasNode extends RapidElement {
               class="body"
               @mousedown=${(e) => this.handleNodeMouseDown(e)}
               @mouseup=${(e) => this.handleNodeMouseUp(e)}
+              @touchstart=${(e) => this.handleNodeTouchStart(e)}
+              @touchend=${(e) => this.handleNodeTouchEnd(e)}
               style="cursor: pointer;"
             >
-              Save as
-              <div class="result-name">${router.result_name}</div>
+              ${renderClamped(html `Save as
+                  <span class="result-name">${router.result_name}</span>`, `Save as ${router.result_name}`)}
             </div>`
                 : null}
       </div>`;
@@ -1327,9 +1477,11 @@ export class CanvasNode extends RapidElement {
             })}
             @mousedown=${(e) => this.handleNodeMouseDown(e)}
             @mouseup=${(e) => this.handleNodeMouseUp(e)}
+            @touchstart=${(e) => this.handleNodeTouchStart(e)}
+            @touchend=${(e) => this.handleNodeTouchEnd(e)}
             style="cursor: pointer;"
           >
-            <div class="cn-title">${displayName}</div>
+            <div class="cn-title" title="${displayName}">${displayName}</div>
             ${this.renderExit(exit)}
           </div>`;
         })}
@@ -1391,6 +1543,8 @@ export class CanvasNode extends RapidElement {
               <div
                 @mousedown=${(e) => this.handleNodeMouseDown(e)}
                 @mouseup=${(e) => this.handleNodeMouseUp(e)}
+                @touchstart=${(e) => this.handleNodeTouchStart(e)}
+                @touchend=${(e) => this.handleNodeTouchEnd(e)}
                 style="cursor: pointer;"
               >
                 ${this.renderNodeTitle(nodeConfig, this.node, this.ui, this.actionRemovingState.has(this.node.uuid))}