bothouse-dsh 0.0.0-stage → 0.1.0

package/client/client.js

@@ -0,0 +1,2676 @@
+window.__ModuleLoader__.load({
+ id: "bothouse-dsh",
+ factory: (require) => {
+ var module = { exports: {} };
+ var exports = module.exports;
+(function(){var s=document.createElement('style');s.setAttribute('data-dsh-plugin',"bothouse-dsh");s.textContent=".OEONaq_page {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  padding-top: var(--dsh-frame-top-clearance, 0px);\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base);\n  grid-template-columns: 220px minmax(0, 1fr) 240px;\n  font-size: 14px;\n  line-height: 1.5;\n  display: grid;\n}\n\n.OEONaq_notice {\n  max-width: 480px;\n  color: var(--dsw-alias-label-secondary);\n  text-align: center;\n  grid-column: 1 / -1;\n  place-self: center;\n  padding: 24px;\n}\n\n.OEONaq_rooms, .OEONaq_members {\n  background: var(--dsw-alias-bg-layer-2);\n  min-height: 0;\n  padding: 8px 8px 16px;\n  overflow-y: auto;\n}\n\n.OEONaq_groupTitle {\n  color: var(--dsw-alias-label-tertiary);\n  letter-spacing: .02em;\n  margin: 12px 8px 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.OEONaq_room {\n  border-radius: var(--dsw-radius-sm);\n  width: 100%;\n  color: var(--dsw-alias-label-secondary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 8px;\n  display: flex;\n}\n\n.OEONaq_room:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_room:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-focus-ring-color);\n}\n\n.OEONaq_workspace {\n  padding-left: 22px;\n  font-size: .95em;\n}\n\n.OEONaq_roomLabel {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.OEONaq_activeCount {\n  color: var(--dsw-alias-label-tertiary);\n  flex-shrink: 0;\n  margin-left: auto;\n  font-size: 11px;\n}\n\n.OEONaq_activeBusy {\n  color: var(--dsw-alias-label-primary);\n}\n\n.OEONaq_roomActive {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_hash {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 16px;\n}\n\n.OEONaq_chat {\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n}\n\n.OEONaq_chatHead {\n  border-bottom: 1px solid var(--dsw-alias-border-l2);\n  align-items: center;\n  gap: 6px;\n  height: 44px;\n  padding: 0 16px;\n  font-weight: 600;\n  display: flex;\n}\n\n.OEONaq_log {\n  flex: 1;\n  min-height: 0;\n  padding: 8px 0 12px;\n  overflow-y: auto;\n}\n\n.OEONaq_guide {\n  border: 1px dashed var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-secondary);\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 10px;\n  margin: 16px;\n  padding: 14px 16px;\n  display: flex;\n}\n\n.OEONaq_empty {\n  color: var(--dsw-alias-label-tertiary);\n  padding: 24px 16px;\n}\n\n.OEONaq_message {\n  grid-template-columns: 36px minmax(0, 1fr);\n  gap: 12px;\n  padding: 6px 16px;\n  display: grid;\n}\n\n.OEONaq_message:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_system .OEONaq_text {\n  color: var(--dsw-alias-label-tertiary);\n  font-style: italic;\n}\n\n.OEONaq_avatar {\n  corner-shape: round;\n  color: #fff;\n  border-radius: 50%;\n  place-items: center;\n  width: 36px;\n  height: 36px;\n  font-weight: 700;\n  display: grid;\n  position: relative;\n}\n\n.OEONaq_avatarImage {\n  object-fit: cover;\n  border-radius: 50%;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  inset: 0;\n}\n\n.OEONaq_avatarSmall {\n  width: 28px;\n  height: 28px;\n  font-size: 12px;\n}\n\n.OEONaq_avatarAnchor {\n  align-self: start;\n  position: relative;\n}\n\n.OEONaq_avatarButton {\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 50%;\n  padding: 0;\n}\n\n.OEONaq_avatarMenu {\n  z-index: 3;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-base);\n  min-width: 140px;\n  box-shadow: var(--dsw-elevation-panel, 0 8px 24px #0000003d);\n  flex-direction: column;\n  padding: 6px;\n  display: flex;\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n}\n\n.OEONaq_avatarMenuTitle {\n  padding: 4px 8px;\n  font-weight: 700;\n}\n\n.OEONaq_avatarMenuItem {\n  border-radius: var(--dsw-radius-sm);\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  padding: 6px 8px;\n}\n\n.OEONaq_avatarMenuItem:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_messageBody {\n  min-width: 0;\n}\n\n.OEONaq_messageHead {\n  align-items: baseline;\n  gap: 6px;\n  display: flex;\n}\n\n.OEONaq_author {\n  font-weight: 600;\n}\n\n.OEONaq_time {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n\n.OEONaq_tag {\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-primary-inverted);\n  background: var(--dsw-alias-state-business-primary);\n  white-space: nowrap;\n  padding: 0 4px;\n  font-size: 10px;\n  font-weight: 600;\n}\n\n.OEONaq_text {\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n\n.OEONaq_card {\n  border-left: 4px solid var(--dsw-alias-state-business-primary);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n  margin-top: 4px;\n  padding: 6px 10px;\n}\n\n.OEONaq_card[data-state=\"failed\"] {\n  border-left-color: var(--dsw-alias-state-error-primary);\n}\n\n.OEONaq_cardTitle {\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.OEONaq_cardHead {\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.OEONaq_cardViews {\n  gap: 4px;\n  display: flex;\n}\n\n.OEONaq_cardViewButton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  padding: 0 6px;\n  font-size: 12px;\n}\n\n.OEONaq_cardViewButton[aria-pressed=\"true\"] {\n  background: var(--dsw-alias-bg-base);\n  font-weight: 600;\n}\n\n.OEONaq_permActions {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 6px;\n  display: flex;\n}\n\n.OEONaq_permScope {\n  color: var(--dsw-alias-text-secondary);\n  flex-basis: 100%;\n  font-size: 12px;\n}\n\n.OEONaq_permStatus {\n  margin-top: 6px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.OEONaq_message {\n  position: relative;\n}\n\n.OEONaq_quote {\n  border-left: 2px solid var(--dsw-alias-label-tertiary);\n  min-width: 0;\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  gap: 6px;\n  margin-bottom: 2px;\n  padding-left: 8px;\n  font-size: 12px;\n  display: flex;\n  overflow: hidden;\n}\n\n.OEONaq_quoteDeleted {\n  font-style: italic;\n}\n\n.OEONaq_quoteAuthor {\n  flex: none;\n  font-weight: 600;\n}\n\n.OEONaq_replyButton {\n  opacity: 0;\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--dsw-alias-bg-layer-2);\n  cursor: pointer;\n  border: 0;\n  padding: 0 6px;\n  position: absolute;\n  top: 4px;\n  right: 16px;\n}\n\n.OEONaq_message:hover .OEONaq_replyButton, .OEONaq_message:focus-within .OEONaq_replyButton, .OEONaq_replyButton:focus-visible {\n  opacity: 1;\n}\n\n@media (hover: none) {\n  .OEONaq_replyButton {\n    opacity: 1;\n  }\n}\n\n.OEONaq_replyBar {\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--dsw-alias-bg-layer-2);\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 6px;\n  padding: 4px 8px;\n  font-size: 12px;\n  display: flex;\n}\n\n.OEONaq_replyBarText {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.OEONaq_replyCancel {\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  flex: none;\n}\n\n.OEONaq_working {\n  min-height: 20px;\n  color: var(--dsw-alias-label-tertiary);\n  padding: 0 16px;\n  font-size: 12px;\n}\n\n.OEONaq_composer {\n  padding: 0 16px 16px;\n  position: relative;\n}\n\n.OEONaq_composerRow {\n  align-items: flex-end;\n  gap: 8px;\n  display: flex;\n}\n\n.OEONaq_mentionButton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  width: 40px;\n  height: 40px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n  font: inherit;\n  cursor: pointer;\n  flex: none;\n  font-size: 18px;\n  font-weight: 600;\n}\n\n.OEONaq_mentionButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_mentionButton:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-focus-ring-color);\n}\n\n.OEONaq_mentionPopup {\n  z-index: 2;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-base);\n  max-height: 320px;\n  box-shadow: var(--dsw-elevation-panel, 0 8px 24px #0000003d);\n  flex-direction: column;\n  padding: 6px;\n  display: flex;\n  position: absolute;\n  bottom: calc(100% - 8px);\n  left: 16px;\n  right: 16px;\n}\n\n.OEONaq_mentionPopup > [role=\"listbox\"] {\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.OEONaq_mentionTitle {\n  color: var(--dsw-alias-label-tertiary);\n  padding: 4px 8px 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.OEONaq_mentionItem {\n  border-radius: var(--dsw-radius-sm);\n  cursor: pointer;\n  align-items: center;\n  gap: 10px;\n  padding: 6px 8px;\n  display: flex;\n}\n\n.OEONaq_mentionActive {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_mentionName {\n  font-weight: 600;\n}\n\n.OEONaq_mentionMeta {\n  color: var(--dsw-alias-label-tertiary);\n  margin-left: auto;\n  font-size: 12px;\n}\n\n.OEONaq_mentionHint {\n  border-top: 1px solid var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-tertiary);\n  padding: 6px 8px 2px;\n  font-size: 11px;\n}\n\n.OEONaq_sendError {\n  color: var(--dsw-alias-state-error-primary);\n  margin-bottom: 6px;\n  font-size: 12px;\n}\n\n.OEONaq_input {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  width: 100%;\n  max-height: 40vh;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2);\n  font: inherit;\n  resize: none;\n  field-sizing: content;\n  padding: 10px 14px;\n}\n\n.OEONaq_input:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-focus-ring-color);\n}\n\n.OEONaq_member {\n  border-radius: var(--dsw-radius-sm);\n  min-width: 0;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  flex: 1;\n  align-items: center;\n  gap: 10px;\n  padding: 5px 8px;\n  display: flex;\n}\n\n.OEONaq_member:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_member:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-focus-ring-color);\n}\n\n.OEONaq_offline {\n  opacity: .5;\n}\n\n.OEONaq_memberAvatar {\n  position: relative;\n}\n\n.OEONaq_presence {\n  border: 2px solid var(--dsw-alias-bg-layer-2);\n  corner-shape: round;\n  background: #23a55a;\n  border-radius: 50%;\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  bottom: -2px;\n  right: -2px;\n}\n\n.OEONaq_offline .OEONaq_presence {\n  background: var(--dsw-alias-label-tertiary);\n}\n\n.OEONaq_memberText {\n  flex-direction: column;\n  min-width: 0;\n  display: flex;\n}\n\n.OEONaq_memberName {\n  align-items: center;\n  gap: 6px;\n  display: flex;\n}\n\n.OEONaq_memberStatus {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n}\n\n@media (width <= 900px) {\n  .OEONaq_page {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .OEONaq_rooms, .OEONaq_members {\n    display: none;\n  }\n}\n\n.OEONaq_groupHead {\n  justify-content: space-between;\n  align-items: center;\n  padding-right: 4px;\n  display: flex;\n}\n\n.OEONaq_iconButton {\n  border-radius: var(--dsw-radius-sm);\n  width: 22px;\n  height: 22px;\n  color: var(--dsw-alias-label-tertiary);\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  font-size: 16px;\n  line-height: 1;\n}\n\n.OEONaq_iconButton:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_roomInput, .OEONaq_fieldInput {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  width: 100%;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base);\n  font: inherit;\n  padding: 6px 8px;\n}\n\n.OEONaq_roomInput {\n  margin: 2px 0 6px;\n}\n\n.OEONaq_roomInput:focus-visible, .OEONaq_fieldInput:focus-visible, .OEONaq_iconButton:focus-visible, .OEONaq_linkButton:focus-visible, .OEONaq_addMemberButton:focus-visible, .OEONaq_primaryButton:focus-visible, .OEONaq_secondaryButton:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-focus-ring-color);\n}\n\n.OEONaq_addMemberButton {\n  border: 1px dashed var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  width: 100%;\n  color: var(--dsw-alias-label-secondary);\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  margin: 4px 0;\n  padding: 7px 8px;\n}\n\n.OEONaq_addMemberButton:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_memberRow {\n  border-radius: var(--dsw-radius-sm);\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.OEONaq_memberRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_memberRow .OEONaq_member:hover {\n  background: none;\n}\n\n.OEONaq_memberModel {\n  color: var(--dsw-alias-label-tertiary);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 11px;\n  overflow: hidden;\n}\n\n.OEONaq_memberActions {\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 0;\n  flex: none;\n  gap: 4px;\n  padding-right: 6px;\n  font-size: 12px;\n  display: flex;\n}\n\n.OEONaq_memberRow:hover .OEONaq_memberActions, .OEONaq_memberRow:focus-within .OEONaq_memberActions {\n  opacity: 1;\n}\n\n.OEONaq_linkButton {\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-secondary);\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  padding: 2px 4px;\n  font-size: 12px;\n}\n\n.OEONaq_linkButton:hover {\n  color: var(--dsw-alias-label-primary);\n  text-decoration: underline;\n}\n\n.OEONaq_dialogBackdrop {\n  z-index: 10;\n  background: #00000073;\n  place-items: center;\n  padding: 16px;\n  display: grid;\n  position: fixed;\n  inset: 0;\n}\n\n.OEONaq_dialog {\n  border-radius: var(--dsw-radius-lg);\n  width: min(460px, 100%);\n  max-height: calc(100vh - 32px);\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-base);\n  box-shadow: var(--dsw-elevation-panel, 0 12px 32px #0000004d);\n  flex-direction: column;\n  gap: 12px;\n  padding: 20px;\n  display: flex;\n  overflow-y: auto;\n}\n\n.OEONaq_dialogTitle {\n  margin: 0;\n  font-size: 16px;\n}\n\n.OEONaq_field {\n  color: var(--dsw-alias-label-secondary);\n  flex-direction: column;\n  gap: 4px;\n  font-size: 12px;\n  display: flex;\n}\n\n.OEONaq_field textarea {\n  resize: vertical;\n}\n\n.OEONaq_choiceRow {\n  flex-wrap: wrap;\n  gap: 12px;\n  display: flex;\n}\n\n.OEONaq_choice {\n  color: var(--dsw-alias-label-primary, inherit);\n  cursor: pointer;\n  align-items: center;\n  gap: 4px;\n  font-size: 13px;\n  display: inline-flex;\n}\n\n.OEONaq_dialogActions {\n  justify-content: flex-end;\n  gap: 8px;\n  display: flex;\n}\n\n.OEONaq_primaryButton, .OEONaq_secondaryButton {\n  border-radius: var(--dsw-radius-sm);\n  font: inherit;\n  cursor: pointer;\n  padding: 7px 14px;\n}\n\n.OEONaq_primaryButton {\n  color: #fff;\n  background: var(--dsw-alias-state-business-primary);\n  border: 0;\n}\n\n.OEONaq_primaryButton:disabled {\n  cursor: not-allowed;\n  opacity: .5;\n}\n\n.OEONaq_secondaryButton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-primary);\n  background: none;\n}\n\n.OEONaq_memberFailed .OEONaq_memberStatus {\n  color: var(--dsw-alias-state-error-primary, #ed4245);\n}\n\n.OEONaq_memberFailed .OEONaq_presence {\n  background: #ed4245;\n}\n\n.OEONaq_mobileButton, .OEONaq_drawerBackdrop {\n  display: none;\n}\n\n.OEONaq_panelToggle {\n  border-radius: var(--dsw-radius-sm);\n  width: 28px;\n  height: 28px;\n  color: var(--dsw-alias-label-tertiary);\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  justify-content: center;\n  align-items: center;\n  font-size: 16px;\n  line-height: 1;\n  display: inline-flex;\n}\n\n.OEONaq_panelToggle:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_panelToggle:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-focus-ring-color);\n}\n\n.OEONaq_panelToggleEnd {\n  margin-left: auto;\n}\n\n.OEONaq_capabilityMenu {\n  z-index: 4;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-base);\n  max-height: 260px;\n  box-shadow: var(--dsw-elevation-panel, 0 8px 24px #0000003d);\n  gap: 2px;\n  padding: 5px;\n  display: grid;\n  position: absolute;\n  bottom: calc(100% + 4px);\n  left: 0;\n  right: 0;\n  overflow-y: auto;\n}\n\n.OEONaq_capabilityItem:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_capabilityHelp {\n  color: var(--dsw-alias-label-secondary);\n  white-space: normal;\n  margin: 6px;\n  font-size: 12px;\n}\n\n.OEONaq_capabilityItem:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-focus-ring-color);\n}\n\n.OEONaq_capabilityItem {\n  text-align: left;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n  background: none;\n  border: 0;\n  padding: 5px 8px;\n  font-size: 12px;\n  font-weight: 400;\n}\n\n@media (width >= 901px) {\n  .OEONaq_page.OEONaq_roomsHidden {\n    grid-template-columns: minmax(0, 1fr) 240px;\n  }\n\n  .OEONaq_page.OEONaq_membersHidden {\n    grid-template-columns: 220px minmax(0, 1fr);\n  }\n\n  .OEONaq_page.OEONaq_roomsHidden.OEONaq_membersHidden {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .OEONaq_roomsHidden > .OEONaq_rooms, .OEONaq_membersHidden > .OEONaq_members {\n    display: none;\n  }\n}\n\n@media (width <= 900px) {\n  .OEONaq_page {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .OEONaq_mobileButton {\n    min-width: 40px;\n    min-height: 40px;\n    color: inherit;\n    font: inherit;\n    cursor: pointer;\n    background: none;\n    border: 0;\n    border-radius: 6px;\n    justify-content: center;\n    align-items: center;\n    display: inline-flex;\n  }\n\n  .OEONaq_mobileButton:last-child {\n    margin-left: auto;\n  }\n\n  .OEONaq_panelToggle {\n    display: none;\n  }\n\n  .OEONaq_drawerBackdrop {\n    z-index: 4;\n    background: #00000073;\n    border: 0;\n    display: block;\n    position: absolute;\n    inset: 0;\n  }\n\n  .OEONaq_rooms.OEONaq_drawerOpen, .OEONaq_members.OEONaq_drawerOpen {\n    z-index: 5;\n    box-sizing: border-box;\n    width: min(280px, 85%);\n    display: block;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    box-shadow: 0 0 24px #0000004d;\n  }\n\n  .OEONaq_rooms.OEONaq_drawerOpen {\n    left: 0;\n  }\n\n  .OEONaq_members.OEONaq_drawerOpen {\n    right: 0;\n  }\n\n  .OEONaq_memberActions {\n    opacity: 1;\n  }\n\n  .OEONaq_messageHead {\n    flex-wrap: wrap;\n  }\n}\n\n.OEONaq_avatarPicker {\n  flex-wrap: wrap;\n  gap: 8px;\n  display: flex;\n}\n\n.OEONaq_avatarOption {\n  cursor: pointer;\n  background: none;\n  border: 2px solid #0000;\n  border-radius: 50%;\n  padding: 2px;\n  display: grid;\n}\n\n.OEONaq_avatarOption[aria-checked=\"true\"] {\n  border-color: var(--dsw-alias-accent, #5865f2);\n}\n\n.OEONaq_taskBoard {\n  border-bottom: 1px solid var(--dsw-alias-border-l2);\n  margin-bottom: 8px;\n  padding-bottom: 8px;\n}\n\n.OEONaq_leadControl {\n  border-bottom: 1px solid var(--dsw-alias-border-l2);\n  margin: 0 0 10px;\n  padding: 0 8px 10px;\n}\n\n.OEONaq_leadControl .OEONaq_field {\n  color: var(--dsw-alias-label-tertiary);\n  gap: 5px;\n  font-size: 12px;\n}\n\n.OEONaq_fieldLabel {\n  color: var(--dsw-alias-label-tertiary);\n  margin-bottom: 5px;\n  font-size: 12px;\n  display: block;\n}\n\n.OEONaq_leadControl .OEONaq_fieldInput {\n  width: 100%;\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n  cursor: pointer;\n}\n\n.OEONaq_leadMenu {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-base);\n  gap: 2px;\n  margin-top: 4px;\n  padding: 4px;\n  display: grid;\n}\n\n.OEONaq_leadOption {\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  padding: 5px 8px;\n}\n\n.OEONaq_leadOption:hover, .OEONaq_leadOption[aria-selected=\"true\"] {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_taskSection + .OEONaq_taskSection {\n  margin-top: 8px;\n}\n\n.OEONaq_taskSectionTitle {\n  color: var(--dsw-alias-label-secondary);\n  margin: 0 0 4px;\n  padding: 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.OEONaq_taskOwnerGroup + .OEONaq_taskOwnerGroup {\n  margin-top: 4px;\n}\n\n.OEONaq_taskOwnerName {\n  color: var(--dsw-alias-label-tertiary);\n  padding: 0 8px;\n  font-size: 12px;\n}\n\n.OEONaq_taskList {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.OEONaq_taskRow {\n  border-radius: var(--dsw-radius-sm);\n  padding: 6px 8px;\n}\n\n.OEONaq_taskRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.OEONaq_taskLine {\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  display: flex;\n}\n\n.OEONaq_taskTitle {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  overflow: hidden;\n}\n\n.OEONaq_taskMeta {\n  color: var(--dsw-alias-label-tertiary);\n  flex-wrap: wrap;\n  gap: 0 8px;\n  font-size: 12px;\n  display: flex;\n}\n\n.OEONaq_taskLinks {\n  gap: 8px;\n  display: flex;\n}\n\n.OEONaq_taskEmpty {\n  color: var(--dsw-alias-label-tertiary);\n  margin: 0 8px;\n  font-size: 12px;\n}\n\n.OEONaq_taskDone summary {\n  cursor: pointer;\n}\n\n.OEONaq_taskStatus {\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-primary-inverted);\n  background: var(--dsw-alias-state-business-primary);\n  flex: none;\n  padding: 0 4px;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 600;\n}\n\n.OEONaq_taskStatus[data-status=\"asked\"], .OEONaq_taskStatus[data-status=\"escalated\"], .OEONaq_taskStatus[data-status=\"declined\"], .OEONaq_taskStatus[data-status=\"rework\"] {\n  background: var(--dsw-alias-state-warning-primary, var(--dsw-alias-state-error-primary));\n}\n\n.OEONaq_taskStatus[data-status=\"done\"] {\n  background: var(--dsw-alias-label-tertiary);\n}\n\n.OEONaq_taskCard {\n  margin-top: 4px;\n  font-style: normal;\n}\n\n.OEONaq_taskMembers {\n  margin: 4px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.OEONaq_taskMember {\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  display: flex;\n}\n\n.OEONaq_taskMemberName {\n  font-weight: 600;\n}\n\n.OEONaq_taskSub {\n  color: var(--dsw-alias-label-secondary);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.OEONaq_focused {\n  background: var(--dsw-alias-interactive-bg-hover);\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n}\n";document.head.appendChild(s)})();
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+// src/client/channel-source.ts
+/**
+* Order rooms as chat channel, then its workspaces, in id order. A workspace whose
+* chat channel is missing is shown at the top level so it stays reachable.
+*/
+function groupRooms(rooms) {
+	const chats = new Set(rooms.filter((r) => r.kind !== "workspace").map((r) => r.id));
+	const under = /* @__PURE__ */ new Map();
+	for (const r of rooms) if (r.kind === "workspace" && r.parent_id != null && chats.has(r.parent_id)) under.set(r.parent_id, [...under.get(r.parent_id) ?? [], r]);
+	const rows = [];
+	for (const r of rooms) if (r.kind !== "workspace") {
+		rows.push({
+			room: r,
+			depth: 0
+		});
+		for (const w of under.get(r.id) ?? []) rows.push({
+			room: w,
+			depth: 1
+		});
+	} else if (r.parent_id == null || !chats.has(r.parent_id)) rows.push({
+		room: r,
+		depth: 0
+	});
+	return rows;
+}
+const INITIAL = {
+	phase: "idle",
+	error: void 0,
+	rooms: [],
+	roomId: void 0,
+	members: [],
+	thinking: {},
+	messages: [],
+	leadId: null,
+	tasks: [],
+	taskChat: void 0
+};
+/** Status-coded service failure so the panel can tell "not enabled" from "not signed in". */
+var ServiceError = class extends Error {
+	status;
+	constructor(status, message) {
+		super(message);
+		this.status = status;
+		this.name = "ServiceError";
+	}
+};
+function json(method, body) {
+	return {
+		method,
+		headers: { "content-type": "application/json" },
+		body: JSON.stringify(body)
+	};
+}
+/**
+* Browser transport over the page's own origin and document base.
+* @returns fetch and EventSource bound to the current document.
+*/
+function browserTransport() {
+	return {
+		fetch: (input, init) => fetch(input, {
+			credentials: "same-origin",
+			...init
+		}),
+		openEvents: (url) => new EventSource(url, { withCredentials: true }),
+		url: (path) => new URL(path, document.baseURI).toString()
+	};
+}
+/**
+* Create the channel source and its actions.
+* @param transport - fetch/EventSource binding.
+* @returns the observable snapshot, the actions, and a disposer.
+*/
+function createChannelSource(transport) {
+	let snapshot = INITIAL;
+	const listeners = /* @__PURE__ */ new Set();
+	let stream;
+	let lifetime;
+	let pending;
+	const set = (next) => {
+		snapshot = {
+			...snapshot,
+			...next
+		};
+		for (const listener of listeners) listener();
+	};
+	const request = async (path, init) => {
+		const response = await transport.fetch(transport.url(path), init);
+		if (!response.ok) {
+			const body = await response.json().catch(() => ({}));
+			throw new ServiceError(response.status, body.error ?? response.statusText);
+		}
+		return await response.json();
+	};
+	const fail = (error) => {
+		if (error instanceof ServiceError && error.status === 404) set({
+			phase: "unavailable",
+			error: void 0
+		});
+		else if (error instanceof ServiceError && error.status === 401) set({
+			phase: "unauthorized",
+			error: void 0
+		});
+		else set({
+			phase: "error",
+			error: error instanceof Error ? error.message : String(error)
+		});
+	};
+	const earlyTasks = /* @__PURE__ */ new Map();
+	const newer = (a, b) => (a?.updated_at ?? -Infinity) <= b.updated_at;
+	const applyEvent = (current, event) => {
+		switch (event.type) {
+			case "message": {
+				if (event.message.room_id !== current.roomId) return current;
+				const rows = new Map(current.messages.map((m) => [m.id, m]));
+				rows.set(event.message.id, event.message);
+				return {
+					...current,
+					messages: [...rows.values()].sort((a, b) => a.id - b.id)
+				};
+			}
+			case "deleted": return event.room_id === current.roomId ? {
+				...current,
+				messages: current.messages.filter((m) => m.id !== event.id).map((m) => m.reply_to?.id === event.id ? {
+					...m,
+					reply_to: {
+						id: event.id,
+						deleted: true
+					}
+				} : m)
+			} : current;
+			case "members": return {
+				...current,
+				members: event.members
+			};
+			case "thinking": return {
+				...current,
+				thinking: {
+					...current.thinking,
+					[String(event.room_id)]: event.members
+				}
+			};
+			case "rooms": return {
+				...current,
+				rooms: event.rooms
+			};
+			case "lead": return {
+				...current,
+				leadId: event.lead_id,
+				effectiveLeadId: event.effective_lead_id ?? event.lead_id
+			};
+			case "task": {
+				if (current.taskChat === void 0) {
+					if (newer(earlyTasks.get(event.task.id)?.task, event.task)) earlyTasks.set(event.task.id, {
+						chat: event.chat_id,
+						task: event.task
+					});
+					return current;
+				}
+				if (event.chat_id !== current.taskChat) return current;
+				const rows = new Map((current.tasks ?? []).map((t) => [t.id, t]));
+				rows.set(event.task.id, event.task);
+				return {
+					...current,
+					tasks: [...rows.values()].sort((a, b) => b.id - a.id)
+				};
+			}
+			default: return current;
+		}
+	};
+	const onEvent = (event) => {
+		pending?.events.push(event);
+		set(applyEvent(snapshot, event));
+	};
+	let boardRead;
+	const loadBoard = async (owner, roomId) => {
+		boardRead?.abort();
+		const read = new AbortController();
+		boardRead = read;
+		try {
+			const board = await request("collab/api/rooms/" + roomId + "/tasks", { signal: read.signal });
+			if (lifetime !== owner || boardRead !== read || snapshot.roomId !== roomId) return;
+			const live = snapshot.taskChat === board.chat_id ? snapshot.tasks ?? [] : [];
+			const early = [...earlyTasks.values()].filter((e) => e.chat === board.chat_id).map((e) => e.task);
+			earlyTasks.clear();
+			const rows = new Map(board.tasks.map((t) => [t.id, t]));
+			for (const t of [...live, ...early]) if (newer(rows.get(t.id), t)) rows.set(t.id, t);
+			set({
+				tasks: [...rows.values()].sort((a, b) => b.id - a.id),
+				taskChat: board.chat_id
+			});
+		} catch (error) {} finally {
+			if (boardRead === read) boardRead = void 0;
+		}
+	};
+	const refresh = async (resume) => {
+		const owner = lifetime;
+		if (owner === void 0) return;
+		pending?.controller.abort();
+		const read = {
+			controller: new AbortController(),
+			events: []
+		};
+		pending = read;
+		const previous = snapshot;
+		const current = () => lifetime === owner && pending === read && !read.controller.signal.aborted;
+		try {
+			const state = await request("collab/api/state", { signal: read.controller.signal });
+			if (!current()) return;
+			const roomId = state.rooms.some((r) => r.id === previous.roomId) ? previous.roomId : state.rooms[0]?.id;
+			const rows = [];
+			if (roomId !== void 0) {
+				let after = resume && roomId === previous.roomId ? (previous.messages[0]?.id ?? 1) - 1 : void 0;
+				while (current()) {
+					const query = after === void 0 ? "limit=100" : "after=" + after + "&limit=200";
+					const { messages } = await request("collab/api/rooms/" + roomId + "/messages?" + query, { signal: read.controller.signal });
+					if (!current()) return;
+					rows.push(...messages);
+					if (after === void 0 || messages.length < 200) break;
+					const next = messages.at(-1)?.id;
+					if (next === void 0 || next <= after) throw new Error("Channel history cursor did not advance");
+					after = next;
+				}
+			}
+			const keepBoard = roomId === previous.roomId;
+			if (!keepBoard) earlyTasks.clear();
+			let next = {
+				phase: "ready",
+				error: void 0,
+				rooms: state.rooms,
+				roomId,
+				members: state.members,
+				thinking: state.thinking,
+				messages: rows,
+				leadId: state.lead_id ?? null,
+				effectiveLeadId: state.effective_lead_id ?? state.lead_id ?? null,
+				tasks: keepBoard ? previous.tasks : [],
+				taskChat: keepBoard ? previous.taskChat : void 0
+			};
+			for (const event of read.events) next = applyEvent(next, event);
+			pending = void 0;
+			set(next);
+			if (roomId !== void 0) loadBoard(owner, roomId);
+		} catch (error) {
+			if (!current()) return;
+			pending = void 0;
+			fail(error);
+		}
+	};
+	const selectRoom = async (roomId) => {
+		if (roomId !== snapshot.roomId) earlyTasks.clear();
+		set(roomId === snapshot.roomId ? {
+			roomId,
+			messages: []
+		} : {
+			roomId,
+			messages: [],
+			tasks: [],
+			taskChat: void 0
+		});
+		await refresh(false);
+	};
+	const start = async (owner) => {
+		set({
+			phase: "loading",
+			error: void 0
+		});
+		await refresh(false);
+		if (lifetime !== owner || listeners.size === 0 || snapshot.phase !== "ready") return;
+		try {
+			const events = transport.openEvents(transport.url("collab/api/events"));
+			stream = events;
+			events.onopen = () => {
+				if (lifetime === owner) refresh(true);
+			};
+			events.onerror = () => {
+				if (lifetime !== owner) return;
+				pending?.controller.abort();
+				pending = void 0;
+				set({
+					phase: "loading",
+					error: void 0
+				});
+			};
+			events.onmessage = (event) => {
+				if (lifetime !== owner) return;
+				try {
+					onEvent(JSON.parse(event.data));
+				} catch (error) {}
+			};
+		} catch (error) {
+			if (lifetime === owner) fail(error);
+		}
+	};
+	const stop = () => {
+		lifetime = void 0;
+		pending?.controller.abort();
+		pending = void 0;
+		boardRead?.abort();
+		boardRead = void 0;
+		if (stream !== void 0) {
+			stream.onopen = null;
+			stream.onmessage = null;
+			stream.onerror = null;
+			stream.close();
+			stream = void 0;
+		}
+	};
+	return {
+		source: {
+			getSnapshot: () => snapshot,
+			subscribe(listener) {
+				listeners.add(listener);
+				if (lifetime === void 0) {
+					lifetime = {};
+					start(lifetime);
+				}
+				return () => {
+					listeners.delete(listener);
+					if (listeners.size === 0) stop();
+				};
+			}
+		},
+		actions: {
+			selectRoom,
+			async send(text, replyTo) {
+				const roomId = snapshot.roomId;
+				const owner = lifetime;
+				if (roomId === void 0 || owner === void 0) throw new Error("No channel is open");
+				const { message } = await request(`collab/api/rooms/${roomId}/messages`, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(replyTo === void 0 ? {
+						text,
+						client_key: crypto.randomUUID()
+					} : {
+						text,
+						client_key: crypto.randomUUID(),
+						reply_to: replyTo
+					})
+				});
+				if (lifetime === owner) onEvent({
+					type: "message",
+					message
+				});
+			},
+			async createRoom(name) {
+				const { room, workspace } = await request("collab/api/rooms", json("POST", { name }));
+				const added = [room, workspace].filter((r) => r !== void 0 && !snapshot.rooms.some((s) => s.id === r.id));
+				if (added.length > 0) set({ rooms: [...snapshot.rooms, ...added] });
+				await selectRoom(room.id);
+			},
+			async listModels() {
+				const { routes } = await request("collab/api/models");
+				return routes;
+			},
+			async listClis() {
+				return await request("collab/api/clis");
+			},
+			async addMember(input) {
+				await request("collab/api/members", json("POST", input));
+			},
+			async updateMember(id, input) {
+				await request(`collab/api/members/${encodeURIComponent(id)}`, json("PATCH", input));
+			},
+			async removeMember(id) {
+				await request(`collab/api/members/${encodeURIComponent(id)}`, { method: "DELETE" });
+			},
+			async setDispatchMode(roomId, mode) {
+				const result = await request(`collab/api/rooms/${roomId}/mode`, json("PATCH", { dispatch_mode: mode }));
+				const chatId = snapshot.rooms.find((r) => r.id === roomId)?.parent_id ?? roomId;
+				set({ rooms: snapshot.rooms.map((r) => r.id === chatId || r.parent_id === chatId ? {
+					...r,
+					...result
+				} : r) });
+			},
+			async setLead(id) {
+				const result = await request("collab/api/lead", json("PATCH", { lead_id: id }));
+				if (lifetime !== void 0) onEvent({
+					type: "lead",
+					lead_id: result.lead_id,
+					effective_lead_id: result.effective_lead_id
+				});
+			},
+			async decidePermission(messageId, decision) {
+				const owner = lifetime;
+				const { message } = await request(`collab/api/messages/${messageId}/permission`, json("POST", { decision }));
+				if (lifetime === owner) onEvent({
+					type: "message",
+					message
+				});
+			}
+		},
+		dispose: stop
+	};
+}
+// src/client/ChannelsIcon.tsx
+/** Decorative occupant for the channels sidebar entry. */
+/**
+* Render the members glyph at the size the sidebar asks for; the sidebar owns the label.
+* @param props - the sidebar's icon share.
+* @returns decorative icon.
+*/
+function ChannelsIcon({ size }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconUsersOutlineRegular, { size });
+}
+// src/client/task-board.ts
+/** Locale key of each status label (dsh/collab/tasks.mjs STATUS). */
+const STATUS_KEY = {
+	assigned: "taskAssigned",
+	accepted: "taskAccepted",
+	asked: "taskAsked",
+	declined: "taskDeclined",
+	escalated: "taskEscalated",
+	returned: "taskReturned",
+	done: "taskDone",
+	rework: "taskRework"
+};
+/** Board order: the owner's turn first (tasks.mjs WORKING), then waiting for the lead, then finished. */
+const GROUPS = [
+	[
+		"assigned",
+		"accepted",
+		"asked",
+		"rework"
+	],
+	[
+		"returned",
+		"declined",
+		"escalated"
+	],
+	["done"]
+];
+const groupOf = (status) => GROUPS.findIndex((g) => g.includes(status));
+/** Board rows, grouped as above and newest first inside a group. */
+function boardOrder(tasks) {
+	return [...tasks].sort((a, b) => groupOf(a.status) - groupOf(b.status) || b.id - a.id);
+}
+/** Seconds a task has taken: until hand-back, until it closed, or until now. */
+function elapsed(task, now) {
+	const end = task.returned_at ?? (task.status === "done" ? task.updated_at : now);
+	return Math.max(0, end - task.created_at);
+}
+/** Elapsed time as words (unit conversions only). */
+function formatDuration(seconds, t) {
+	const s = Math.round(seconds);
+	if (s < 60) return t("durSeconds", { n: String(s) });
+	if (s < 3600) return t("durMinutes", { n: String(Math.round(s / 60)) });
+	return t("durHours", {
+		h: String(Math.floor(s / 3600)),
+		m: String(Math.round(s % 3600 / 60))
+	});
+}
+/** Task-card rows: the task's owner first, then each sub-task in dispatch order. */
+function cardMembers(taskId, tasks) {
+	const task = tasks.find((x) => x.id === taskId);
+	if (task === void 0) return [];
+	return [task, ...tasks.filter((x) => x.parent_task === task.id).sort((a, b) => a.id - b.id)];
+}
+/**
+* The board grouped as chat channel -> workspace -> owner, the shape the owner asked for:
+* a chat channel's board covers all of its workspaces, and inside each block the tasks are
+* listed per member. A task belongs to the room it was dispatched in (its room_id); the
+* board only reads that, it never infers a room from a name.
+* `chatId` is the chat channel the board belongs to, `roomId` the room being viewed: a
+* workspace shows only its own block, the chat channel shows itself and its workspaces.
+* Rooms without tasks are left out; the viewed room itself always stays, so an empty
+* board still says which room it is.
+*/
+function boardSections(tasks, rooms, chatId, roomId) {
+	if (chatId === void 0) return [];
+	const chat = rooms.find((r) => r.id === chatId);
+	const viewed = roomId === void 0 ? void 0 : rooms.find((r) => r.id === roomId);
+	const blocks = viewed?.kind === "workspace" ? [{
+		id: viewed.id,
+		name: viewed.name,
+		chat: false
+	}] : [{
+		id: chatId,
+		name: chat?.name ?? String(chatId),
+		chat: true
+	}, ...rooms.filter((r) => r.kind === "workspace" && r.parent_id === chatId).map((r) => ({
+		id: r.id,
+		name: r.name,
+		chat: false
+	}))];
+	const sections = [];
+	for (const block of blocks) {
+		const mine = boardOrder(tasks.filter((task) => task.room_id === block.id));
+		if (block.id !== roomId && !block.chat && mine.length === 0) continue;
+		const byOwner = /* @__PURE__ */ new Map();
+		for (const task of mine) {
+			let group = byOwner.get(task.owner);
+			if (group === void 0) {
+				group = {
+					open: [],
+					done: []
+				};
+				byOwner.set(task.owner, group);
+			}
+			(task.status === "done" ? group.done : group.open).push(task);
+		}
+		const owners = [...byOwner].map(([owner, group]) => ({
+			owner,
+			ownerName: (group.open[0] ?? group.done[0]).owner_name,
+			open: group.open,
+			done: group.done
+		}));
+		sections.push({
+			roomId: block.id,
+			name: block.name,
+			chat: block.chat,
+			owners,
+			open: owners.reduce((n, g) => n + g.open.length, 0),
+			done: owners.reduce((n, g) => n + g.done.length, 0)
+		});
+	}
+	return sections;
+}
+// src/client/ChannelsPage.module.css
+var ChannelsPage_module_default = {
+	"activeBusy": "OEONaq_activeBusy",
+	"activeCount": "OEONaq_activeCount",
+	"addMemberButton": "OEONaq_addMemberButton",
+	"author": "OEONaq_author",
+	"avatar": "OEONaq_avatar",
+	"avatarAnchor": "OEONaq_avatarAnchor",
+	"avatarButton": "OEONaq_avatarButton",
+	"avatarImage": "OEONaq_avatarImage",
+	"avatarMenu": "OEONaq_avatarMenu",
+	"avatarMenuItem": "OEONaq_avatarMenuItem",
+	"avatarMenuTitle": "OEONaq_avatarMenuTitle",
+	"avatarOption": "OEONaq_avatarOption",
+	"avatarPicker": "OEONaq_avatarPicker",
+	"avatarSmall": "OEONaq_avatarSmall",
+	"capabilityHelp": "OEONaq_capabilityHelp",
+	"capabilityItem": "OEONaq_capabilityItem",
+	"capabilityMenu": "OEONaq_capabilityMenu",
+	"card": "OEONaq_card",
+	"cardHead": "OEONaq_cardHead",
+	"cardTitle": "OEONaq_cardTitle",
+	"cardViewButton": "OEONaq_cardViewButton",
+	"cardViews": "OEONaq_cardViews",
+	"chat": "OEONaq_chat",
+	"chatHead": "OEONaq_chatHead",
+	"choice": "OEONaq_choice",
+	"choiceRow": "OEONaq_choiceRow",
+	"composer": "OEONaq_composer",
+	"composerRow": "OEONaq_composerRow",
+	"dialog": "OEONaq_dialog",
+	"dialogActions": "OEONaq_dialogActions",
+	"dialogBackdrop": "OEONaq_dialogBackdrop",
+	"dialogTitle": "OEONaq_dialogTitle",
+	"drawerBackdrop": "OEONaq_drawerBackdrop",
+	"drawerOpen": "OEONaq_drawerOpen",
+	"empty": "OEONaq_empty",
+	"field": "OEONaq_field",
+	"fieldInput": "OEONaq_fieldInput",
+	"fieldLabel": "OEONaq_fieldLabel",
+	"focused": "OEONaq_focused",
+	"groupHead": "OEONaq_groupHead",
+	"groupTitle": "OEONaq_groupTitle",
+	"guide": "OEONaq_guide",
+	"hash": "OEONaq_hash",
+	"iconButton": "OEONaq_iconButton",
+	"input": "OEONaq_input",
+	"leadControl": "OEONaq_leadControl",
+	"leadMenu": "OEONaq_leadMenu",
+	"leadOption": "OEONaq_leadOption",
+	"linkButton": "OEONaq_linkButton",
+	"log": "OEONaq_log",
+	"member": "OEONaq_member",
+	"memberActions": "OEONaq_memberActions",
+	"memberAvatar": "OEONaq_memberAvatar",
+	"memberFailed": "OEONaq_memberFailed",
+	"memberModel": "OEONaq_memberModel",
+	"memberName": "OEONaq_memberName",
+	"memberRow": "OEONaq_memberRow",
+	"members": "OEONaq_members",
+	"membersHidden": "OEONaq_membersHidden",
+	"memberStatus": "OEONaq_memberStatus",
+	"memberText": "OEONaq_memberText",
+	"mentionActive": "OEONaq_mentionActive",
+	"mentionButton": "OEONaq_mentionButton",
+	"mentionHint": "OEONaq_mentionHint",
+	"mentionItem": "OEONaq_mentionItem",
+	"mentionMeta": "OEONaq_mentionMeta",
+	"mentionName": "OEONaq_mentionName",
+	"mentionPopup": "OEONaq_mentionPopup",
+	"mentionTitle": "OEONaq_mentionTitle",
+	"message": "OEONaq_message",
+	"messageBody": "OEONaq_messageBody",
+	"messageHead": "OEONaq_messageHead",
+	"mobileButton": "OEONaq_mobileButton",
+	"notice": "OEONaq_notice",
+	"offline": "OEONaq_offline",
+	"page": "OEONaq_page",
+	"panelToggle": "OEONaq_panelToggle",
+	"panelToggleEnd": "OEONaq_panelToggleEnd",
+	"permActions": "OEONaq_permActions",
+	"permScope": "OEONaq_permScope",
+	"permStatus": "OEONaq_permStatus",
+	"presence": "OEONaq_presence",
+	"primaryButton": "OEONaq_primaryButton",
+	"quote": "OEONaq_quote",
+	"quoteAuthor": "OEONaq_quoteAuthor",
+	"quoteDeleted": "OEONaq_quoteDeleted",
+	"replyBar": "OEONaq_replyBar",
+	"replyBarText": "OEONaq_replyBarText",
+	"replyButton": "OEONaq_replyButton",
+	"replyCancel": "OEONaq_replyCancel",
+	"room": "OEONaq_room",
+	"roomActive": "OEONaq_roomActive",
+	"roomInput": "OEONaq_roomInput",
+	"roomLabel": "OEONaq_roomLabel",
+	"rooms": "OEONaq_rooms",
+	"roomsHidden": "OEONaq_roomsHidden",
+	"secondaryButton": "OEONaq_secondaryButton",
+	"sendError": "OEONaq_sendError",
+	"system": "OEONaq_system",
+	"tag": "OEONaq_tag",
+	"taskBoard": "OEONaq_taskBoard",
+	"taskCard": "OEONaq_taskCard",
+	"taskDone": "OEONaq_taskDone",
+	"taskEmpty": "OEONaq_taskEmpty",
+	"taskLine": "OEONaq_taskLine",
+	"taskLinks": "OEONaq_taskLinks",
+	"taskList": "OEONaq_taskList",
+	"taskMember": "OEONaq_taskMember",
+	"taskMemberName": "OEONaq_taskMemberName",
+	"taskMembers": "OEONaq_taskMembers",
+	"taskMeta": "OEONaq_taskMeta",
+	"taskOwnerGroup": "OEONaq_taskOwnerGroup",
+	"taskOwnerName": "OEONaq_taskOwnerName",
+	"taskRow": "OEONaq_taskRow",
+	"taskSection": "OEONaq_taskSection",
+	"taskSectionTitle": "OEONaq_taskSectionTitle",
+	"taskStatus": "OEONaq_taskStatus",
+	"taskSub": "OEONaq_taskSub",
+	"taskTitle": "OEONaq_taskTitle",
+	"text": "OEONaq_text",
+	"time": "OEONaq_time",
+	"working": "OEONaq_working",
+	"workspace": "OEONaq_workspace"
+};
+// src/client/TaskBoard.tsx
+function clock(seconds) {
+	return (/* @__PURE__ */ new Date(seconds * 1e3)).toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function Status({ status, t }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: ChannelsPage_module_default.taskStatus,
+		"data-status": status,
+		children: t(STATUS_KEY[status])
+	});
+}
+/**
+* Right-column board for the selected chat channel.
+* @param onOpen - jump to a message in a room (dispatch or delivery).
+*/
+function TaskBoard({ tasks, rooms, chatId, roomId, t, onOpen }) {
+	const now = Date.now() / 1e3;
+	const sections = boardSections(tasks, rooms, chatId, roomId);
+	const openTotal = sections.reduce((n, s) => n + s.open, 0);
+	const all = sections.reduce((n, s) => n + s.open + s.done, 0);
+	const row = (task) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className: ChannelsPage_module_default.taskRow,
+		"data-task-id": task.id,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: ChannelsPage_module_default.taskLine,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+					status: task.status,
+					t
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: ChannelsPage_module_default.taskTitle,
+					children: [
+						"#",
+						task.id,
+						" ",
+						task.title
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: ChannelsPage_module_default.taskMeta,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("taskElapsed", { d: formatDuration(elapsed(task, now), t) }) }), task.next_check_at !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("taskNextCheck", { time: clock(task.next_check_at) }) })]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: ChannelsPage_module_default.taskLinks,
+				children: [task.assign_msg_id !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: ChannelsPage_module_default.linkButton,
+					onClick: () => {
+						onOpen(task.room_id, task.assign_msg_id);
+					},
+					children: t("taskOpenAssign")
+				}), task.result_msg_id !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: ChannelsPage_module_default.linkButton,
+					onClick: () => {
+						onOpen(task.room_id, task.result_msg_id);
+					},
+					children: t("taskOpenResult")
+				})]
+			})
+		]
+	}, task.id);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: ChannelsPage_module_default.taskBoard,
+		"aria-label": t("taskBoard"),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+				className: ChannelsPage_module_default.groupTitle,
+				children: t("taskBoardTitle", { count: String(openTotal) })
+			}),
+			all === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ChannelsPage_module_default.taskEmpty,
+				children: t("taskBoardEmpty")
+			}),
+			sections.map((section) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: ChannelsPage_module_default.taskSection,
+				"data-room-id": section.roomId,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+					className: ChannelsPage_module_default.taskSectionTitle,
+					children: section.chat ? t("taskBoardChat") : t("taskBoardWorkspace", { room: section.name })
+				}), section.owners.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ChannelsPage_module_default.taskOwnerGroup,
+					"data-owner": group.owner,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: ChannelsPage_module_default.taskOwnerName,
+							children: t("taskBoardOwner", { name: group.ownerName })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: ChannelsPage_module_default.taskList,
+							children: group.open.map(row)
+						}),
+						group.done.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+							className: ChannelsPage_module_default.taskDone,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+								className: ChannelsPage_module_default.groupTitle,
+								children: t("taskDoneGroup", { count: String(group.done.length) })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+								className: ChannelsPage_module_default.taskList,
+								children: group.done.map(row)
+							})]
+						})
+					]
+				}, group.owner))]
+			}, section.roomId))
+		]
+	});
+}
+/**
+* Card for a task record in the message stream: the task and one row per
+* member (owner of the task and of each sub-task) with status and elapsed time.
+* Renders nothing when the task is not on the loaded board.
+*/
+function TaskCard({ taskId, tasks, t }) {
+	const members = cardMembers(taskId, tasks);
+	const task = members[0];
+	if (task === void 0) return null;
+	const now = Date.now() / 1e3;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: ChannelsPage_module_default.taskCard,
+		"data-status": task.status,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: ChannelsPage_module_default.taskLine,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: ChannelsPage_module_default.cardTitle,
+				children: [
+					"#",
+					task.id,
+					" ",
+					task.title
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+				status: task.status,
+				t
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			className: ChannelsPage_module_default.taskMembers,
+			children: members.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: ChannelsPage_module_default.taskMember,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ChannelsPage_module_default.taskMemberName,
+						children: m.owner_name
+					}),
+					m.id !== task.id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ChannelsPage_module_default.taskSub,
+						children: m.title
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+						status: m.status,
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ChannelsPage_module_default.taskMeta,
+						children: formatDuration(elapsed(m, now), t)
+					})
+				]
+			}, m.id))
+		})]
+	});
+}
+// src/client/CapabilityList.tsx
+/** On-demand help for existing capabilities; selecting help never executes an action. */
+const CAPABILITIES = [
+	["capabilityTaskBoard", "capabilityTaskBoardHelp"],
+	["capabilityLater", "capabilityLaterHelp"],
+	["capabilityReminder", "capabilityReminderHelp"],
+	["capabilityWorkspace", "capabilityWorkspaceHelp"],
+	["capabilityLead", "capabilityLeadHelp"],
+	["capabilityDm", "capabilityDmHelp"]
+];
+/** Show the capability names and, after selection, the corresponding usage. */
+function CapabilityList({ t, onClose }) {
+	const [selected, setSelected] = (0, react.useState)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: ChannelsPage_module_default.capabilityMenu,
+		"aria-label": t("capabilities"),
+		onKeyDown: (event) => {
+			if (event.key === "Escape") {
+				event.stopPropagation();
+				onClose();
+			}
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: ChannelsPage_module_default.groupHead,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("capabilities") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: ChannelsPage_module_default.iconButton,
+					"aria-label": t("close"),
+					onClick: onClose,
+					children: "×"
+				})]
+			}),
+			CAPABILITIES.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: ChannelsPage_module_default.capabilityItem,
+				"aria-pressed": selected === item,
+				onClick: () => {
+					setSelected(item);
+				},
+				children: t(item[0])
+			}, item[0])),
+			selected !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: ChannelsPage_module_default.capabilityHelp,
+				role: "status",
+				children: t(selected[1])
+			})
+		]
+	});
+}
+// src/client/mention-complete.ts
+/** Characters that may sit right before an `@` that starts a mention. */
+const MENTION_BOUNDARY = /[\s([{"'“‘，。、！？：；,.!?:;]/;
+/**
+* The mention being typed at `caret`, if any. A mention starts at an `@` at the
+* beginning of the text or after whitespace/punctuation, and its query runs to
+* the caret without whitespace (so `a@b.com` and finished `@name ` do not open it).
+* @param text - the draft.
+* @param caret - caret offset in `text`.
+* @returns the active mention, or undefined.
+*/
+function activeMention(text, caret) {
+	const head = text.slice(0, caret);
+	const at = head.lastIndexOf("@");
+	if (at < 0) return void 0;
+	const query = head.slice(at + 1);
+	if (/\s/.test(query)) return void 0;
+	if (at > 0 && !MENTION_BOUNDARY.test(head[at - 1])) return void 0;
+	return {
+		start: at,
+		query
+	};
+}
+/**
+* Members the query can name, best first: agents before people, then prefix
+* matches before substring matches (on name or id, case-insensitive), then
+* online before offline, then name order. An empty query lists everyone.
+* @param members - channel members.
+* @param query - text typed after `@`.
+* @returns ranked candidates.
+*/
+function rankMembers(members, query) {
+	const q = query.toLowerCase();
+	const score = (m) => {
+		if (q === "") return 0;
+		const name = m.name.toLowerCase();
+		const id = m.id.toLowerCase();
+		if (name.startsWith(q) || id.startsWith(q)) return 0;
+		if (name.includes(q) || id.includes(q)) return 1;
+	};
+	return members.map((m) => ({
+		m,
+		s: score(m)
+	})).filter((x) => x.s !== void 0).sort((a, b) => Number(a.m.kind === "human") - Number(b.m.kind === "human") || a.s - b.s || Number(!a.m.online) - Number(!b.m.online) || a.m.name.localeCompare(b.m.name)).map((x) => x.m);
+}
+/**
+* Replace the active `@query` with `@name ` and put the caret after it.
+* @param text - the draft.
+* @param caret - caret offset in `text`.
+* @param mention - the active mention at `caret`.
+* @param member - the chosen member.
+* @returns the new draft and caret.
+*/
+function applyMention(text, caret, mention, member) {
+	const insert = `@${member.name} `;
+	const tail = text.slice(caret).replace(/^ /, "");
+	return {
+		text: text.slice(0, mention.start) + insert + tail,
+		caret: mention.start + insert.length
+	};
+}
+/**
+* Insert `@name ` at the caret (member-list click), adding a separating space
+* when the caret sits right after a non-space character.
+* @param text - the draft.
+* @param caret - caret offset in `text`.
+* @param member - the member to mention.
+* @returns the new draft and caret.
+*/
+function insertMention(text, caret, member) {
+	const before = text.slice(0, caret);
+	const insert = `${before === "" || /\s$/.test(before) ? "" : " "}@${member.name} `;
+	return {
+		text: before + insert + text.slice(caret),
+		caret: caret + insert.length
+	};
+}
+// src/client/avatars.ts
+/**
+* Built-in member avatars served by the collab plugin at `collab/avatars/<slug>.png`:
+* the five original character portraits (user 2026-10-23: 「我还是保留原本那个」).
+*/
+const AVATARS = [
+	"orange",
+	"whale",
+	"dragon",
+	"rainbow",
+	"lanxi"
+];
+/**
+* Image source for a member avatar.
+* @param avatar - built-in slug, http(s) URL announced by a bot, or empty.
+* @returns a URL relative to the document base, the absolute URL, or undefined for the initial badge.
+*/
+function avatarSrc(avatar) {
+	if (avatar === void 0 || avatar === "") return void 0;
+	if (/^https?:\/\//.test(avatar)) return avatar;
+	return AVATARS.includes(avatar) ? `collab/avatars/${avatar}.png` : void 0;
+}
+// src/client/Avatar.tsx
+/** Member portrait: a built-in or bot-announced image over a colored initial badge. */
+const PALETTE = [
+	"#5865f2",
+	"#eb459e",
+	"#3ba55c",
+	"#faa61a",
+	"#ed4245",
+	"#00a8fc",
+	"#9b59b6",
+	"#e67e22"
+];
+function color(id) {
+	let h = 7;
+	for (const c of id) h = h * 31 + c.charCodeAt(0) >>> 0;
+	return PALETTE[h % PALETTE.length];
+}
+/** Member portrait, or a colored initial badge when there is none or the image fails to load. */
+function Avatar({ id, name, avatar, small }) {
+	const src = avatarSrc(avatar);
+	const [broken, setBroken] = (0, react.useState)(void 0);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: small === true ? `${ChannelsPage_module_default.avatar} ${ChannelsPage_module_default.avatarSmall}` : ChannelsPage_module_default.avatar,
+		style: { background: color(id) },
+		"aria-hidden": true,
+		children: [(name || id).slice(0, 1), src !== void 0 && broken !== src && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			className: ChannelsPage_module_default.avatarImage,
+			src,
+			alt: "",
+			onError: () => {
+				setBroken(src);
+			}
+		})]
+	});
+}
+// src/client/MemberDialog.tsx
+/**
+* Add/edit dialog for one channel member: name, persona, and either a DSH
+* model (grouped by provider route, as the host lists them) or, when adding, a
+* CLI agent installed on this machine (Claude Code, Codex, Gemini), plus one of the built-in
+* avatars or none (initial badge). Submission goes through the
+* injected action; the host's refusal (name taken, model unavailable) is shown
+* inline and the form keeps its values.
+*/
+const SEP = "\0";
+/** CLI choices offered for a local-CLI member, in display order (user request 2026-10-23). */
+const CLI_CHOICES = [
+	{
+		cli: "claude",
+		label: "Claude Code"
+	},
+	{
+		cli: "codex",
+		label: "Codex"
+	},
+	{
+		cli: "gemini",
+		label: "Gemini"
+	}
+];
+/**
+* Render the member dialog.
+* @param props - target member, actions, and copy.
+* @returns a modal form.
+*/
+function MemberDialog({ member, listModels, listClis, onSubmit, onClose, t }) {
+	const [name, setName] = (0, react.useState)(member?.name ?? "");
+	const [persona, setPersona] = (0, react.useState)(member?.persona ?? "");
+	const [modelKey, setModelKey] = (0, react.useState)(member?.model ? member.model.provider + SEP + member.model.model : "");
+	const [routes, setRoutes] = (0, react.useState)(void 0);
+	const [error, setError] = (0, react.useState)(void 0);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [type, setType] = (0, react.useState)(member?.cli !== void 0 ? "cli" : "dsh");
+	const [clis, setClis] = (0, react.useState)(void 0);
+	const [cli, setCli] = (0, react.useState)(member?.cli ?? "");
+	const [avatar, setAvatar] = (0, react.useState)(member?.avatar !== void 0 && AVATARS.includes(member.avatar) ? member.avatar : "");
+	(0, react.useEffect)(() => {
+		let live = true;
+		listModels().then((list) => {
+			if (live) setRoutes(list);
+		}).catch((reason) => {
+			if (live) {
+				setRoutes([]);
+				setError(reason instanceof Error ? reason.message : String(reason));
+			}
+		});
+		return () => {
+			live = false;
+		};
+	}, [listModels]);
+	const wantClis = type === "cli" && clis === void 0;
+	(0, react.useEffect)(() => {
+		if (!wantClis) return;
+		let live = true;
+		listClis().then((list) => {
+			if (!live) return;
+			setClis(list);
+			setCli((prev) => prev !== "" ? prev : CLI_CHOICES.find((c) => list.some((l) => l.cli === c.cli))?.cli ?? "");
+		}).catch((reason) => {
+			if (live) {
+				setClis([]);
+				setError(reason instanceof Error ? reason.message : String(reason));
+			}
+		});
+		return () => {
+			live = false;
+		};
+	}, [wantClis, listClis]);
+	const submit = (event) => {
+		event.preventDefault();
+		if (busy) return;
+		const [provider, model] = modelKey === "" ? [] : modelKey.split(SEP);
+		setBusy(true);
+		setError(void 0);
+		onSubmit(type === "cli" ? {
+			name: name.trim(),
+			persona,
+			avatar,
+			cli
+		} : {
+			name: name.trim(),
+			persona,
+			avatar,
+			model: provider !== void 0 && model !== void 0 ? {
+				provider,
+				model
+			} : null
+		}).then(onClose).catch((reason) => {
+			setError(reason instanceof Error ? reason.message : String(reason));
+		}).finally(() => {
+			setBusy(false);
+		});
+	};
+	const current = member?.model ? member.model.provider + SEP + member.model.model : void 0;
+	const listed = routes?.some((r) => r.models.some((m) => r.provider + SEP + m.id === current)) ?? false;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: ChannelsPage_module_default.dialogBackdrop,
+		onMouseDown: (event) => {
+			if (event.target === event.currentTarget) onClose();
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			className: ChannelsPage_module_default.dialog,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": member === void 0 ? t("memberDialogAdd") : t("memberDialogEdit", { name: member.name }),
+			onSubmit: submit,
+			onKeyDown: (event) => {
+				if (event.key === "Escape") onClose();
+			},
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					className: ChannelsPage_module_default.dialogTitle,
+					children: member === void 0 ? t("memberDialogAdd") : t("memberDialogEdit", { name: member.name })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: ChannelsPage_module_default.field,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("memberName") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: ChannelsPage_module_default.fieldInput,
+						value: name,
+						maxLength: 32,
+						autoFocus: true,
+						onChange: (event) => {
+							setName(event.target.value);
+						}
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ChannelsPage_module_default.field,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						id: "member-avatar-label",
+						children: t("memberAvatar")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ChannelsPage_module_default.avatarPicker,
+						role: "radiogroup",
+						"aria-labelledby": "member-avatar-label",
+						children: ["", ...AVATARS].map((slug) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							role: "radio",
+							"aria-checked": avatar === slug,
+							className: ChannelsPage_module_default.avatarOption,
+							title: slug === "" ? t("memberAvatarNone") : slug,
+							onClick: () => {
+								setAvatar(slug);
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+								id: member?.id ?? (name.trim() || "new"),
+								name: name.trim() || "?",
+								avatar: slug
+							})
+						}, slug === "" ? "none" : slug))
+					})]
+				}),
+				member === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ChannelsPage_module_default.field,
+					role: "radiogroup",
+					"aria-label": t("memberType"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("memberType") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ChannelsPage_module_default.choiceRow,
+						children: ["dsh", "cli"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: ChannelsPage_module_default.choice,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "radio",
+								name: "member-type",
+								value,
+								checked: type === value,
+								onChange: () => {
+									setType(value);
+									setError(void 0);
+								}
+							}), value === "dsh" ? t("memberTypeDsh") : t("memberTypeCli")]
+						}, value))
+					})]
+				}),
+				type === "cli" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ChannelsPage_module_default.field,
+					role: "radiogroup",
+					"aria-label": t("memberCli"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: clis === void 0 ? t("memberCliLoading") : t("memberCli") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ChannelsPage_module_default.choiceRow,
+						children: CLI_CHOICES.map(({ cli: id, label }) => {
+							const found = clis?.find((l) => l.cli === id);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: ChannelsPage_module_default.choice,
+								title: found?.path,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "radio",
+									name: "member-cli",
+									value: id,
+									checked: cli === id,
+									disabled: found === void 0,
+									onChange: () => {
+										setCli(id);
+									}
+								}), found === void 0 && clis !== void 0 ? `${label} (${t("memberCliMissing")})` : label]
+							}, id);
+						})
+					})]
+				}),
+				type === "dsh" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: ChannelsPage_module_default.field,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("memberModel") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+						className: ChannelsPage_module_default.fieldInput,
+						value: modelKey,
+						disabled: routes === void 0,
+						onChange: (event) => {
+							setModelKey(event.target.value);
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: routes === void 0 ? t("memberModelLoading") : t("memberModelDefault")
+							}),
+							current !== void 0 && !listed && member?.model && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: current,
+								children: `${member.model.provider}/${member.model.model}`
+							}),
+							routes?.map((route) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("optgroup", {
+								label: route.error === void 0 ? route.name : t("memberModelRouteError", {
+									route: route.name,
+									error: route.error
+								}),
+								children: route.models.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: route.provider + SEP + m.id,
+									children: m.name === m.id ? m.id : `${m.name} (${m.id})`
+								}, m.id))
+							}, route.provider))
+						]
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: ChannelsPage_module_default.field,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("memberPersona") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						className: ChannelsPage_module_default.fieldInput,
+						rows: 4,
+						value: persona,
+						maxLength: 4e3,
+						onChange: (event) => {
+							setPersona(event.target.value);
+						}
+					})]
+				}),
+				error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: ChannelsPage_module_default.sendError,
+					role: "alert",
+					children: error
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ChannelsPage_module_default.dialogActions,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: ChannelsPage_module_default.secondaryButton,
+						onClick: onClose,
+						children: t("cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "submit",
+						className: ChannelsPage_module_default.primaryButton,
+						disabled: busy || name.trim() === "" || type === "cli" && cli === "",
+						children: t("save")
+					})]
+				})
+			]
+		})
+	});
+}
+// src/client/PermissionCard.tsx
+/**
+* Buttons for a cloud-web bot's permission prompt (#120). The card JSON is
+* written by dsh/collab/cloudweb.mjs; the decision goes to
+* POST collab/api/messages/{id}/permission, and the updated card arrives back
+* as a `message` event, so the state shown here always comes from the server.
+*/
+const STATE_TEXT = {
+	allowed: "permAllowed",
+	denied: "permDenied",
+	allowed_all: "permAllowedAll",
+	expired: "permExpired"
+};
+function PermissionCard({ messageId, card, t, onDecide }) {
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)(void 0);
+	if (card.state !== "pending") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: ChannelsPage_module_default.permStatus,
+		role: "status",
+		children: [t(STATE_TEXT[card.state]), card.decided_by === "text" && ` ${t("permByText")}`]
+	});
+	const decide = (decision) => {
+		if (busy) return;
+		setBusy(true);
+		setError(void 0);
+		onDecide(messageId, decision).catch((e) => {
+			setError(e instanceof Error ? e.message : String(e));
+		}).finally(() => {
+			setBusy(false);
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: ChannelsPage_module_default.permActions,
+		children: [
+			card.actions.map((a) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: a.decision === "deny" ? ChannelsPage_module_default.secondaryButton : ChannelsPage_module_default.primaryButton,
+				disabled: busy,
+				onClick: () => {
+					decide(a.decision);
+				},
+				children: a.label
+			}, a.decision)),
+			card.actions.some((a) => a.decision === "allow_all") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ChannelsPage_module_default.permScope,
+				children: t("permAllowAllScope")
+			}),
+			error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ChannelsPage_module_default.sendError,
+				role: "alert",
+				children: error
+			})
+		]
+	});
+}
+// src/client/ChannelsPage.tsx
+/**
+* Channels main panel: room list, message stream with composer, and member
+* list, in a Discord-style three-column layout. All data arrives through the
+* injected `useChannels` hook; posting goes through the injected actions.
+*/
+const CLI_TAG = {
+	claude: "kindClaude",
+	codex: "kindCodex",
+	gemini: "kindGemini"
+};
+function KindTag({ kind, cli, t }) {
+	if (cli !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: ChannelsPage_module_default.tag,
+		children: t(CLI_TAG[cli])
+	});
+	if (kind === "dsh") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: ChannelsPage_module_default.tag,
+		children: t("kindDsh")
+	});
+	if (kind === "bot") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: ChannelsPage_module_default.tag,
+		children: t("kindBot")
+	});
+	return null;
+}
+/** The quoted original above a reply; a deleted original shows only a placeholder. */
+function Quote({ quote, t }) {
+	if (quote.deleted === true) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `${ChannelsPage_module_default.quote} ${ChannelsPage_module_default.quoteDeleted}`,
+		children: t("replyDeleted")
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: ChannelsPage_module_default.quote,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: ChannelsPage_module_default.quoteAuthor,
+			children: quote.name
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: quote.text })]
+	});
+}
+const CARD_VIEW_DEFAULT = "brief";
+const CARD_VIEW_KEY = "dsh-channels-card-view:";
+function loadCardView(roomId) {
+	try {
+		const v = globalThis.localStorage?.getItem(CARD_VIEW_KEY + roomId);
+		if (v === "detail" || v === "brief") return v;
+	} catch (error) {}
+	return CARD_VIEW_DEFAULT;
+}
+function saveCardView(roomId, view) {
+	try {
+		globalThis.localStorage?.setItem(CARD_VIEW_KEY + roomId, view);
+	} catch (error) {}
+}
+function MessageRow({ message, member, t, onConfigure, menuOpen, onAvatar, onCloseMenu, onMention, onDecide, onReply, tasks, focused, cardView, onCardView }) {
+	let card;
+	if (message.card !== null) try {
+		card = JSON.parse(message.card);
+	} catch (error) {}
+	const classes = [
+		ChannelsPage_module_default.message,
+		message.author_kind === "system" ? ChannelsPage_module_default.system : "",
+		focused ? ChannelsPage_module_default.focused : ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: classes,
+		"data-message-id": message.id,
+		children: [
+			member === void 0 || message.author_kind === "system" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+				id: message.author,
+				name: message.name,
+				avatar: member?.avatar
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: ChannelsPage_module_default.avatarAnchor,
+				"data-avatar-menu": true,
+				onKeyDown: (event) => {
+					if (event.key === "Escape") onCloseMenu();
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: ChannelsPage_module_default.avatarButton,
+					"aria-label": t("memberMenu", { name: member.name }),
+					"aria-haspopup": "menu",
+					"aria-expanded": menuOpen,
+					onClick: onAvatar,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+						id: member.id,
+						name: message.name,
+						avatar: member.avatar
+					})
+				}), menuOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ChannelsPage_module_default.avatarMenu,
+					role: "menu",
+					"aria-label": t("memberMenu", { name: member.name }),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: ChannelsPage_module_default.avatarMenuTitle,
+						children: member.name
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "menuitem",
+						className: ChannelsPage_module_default.avatarMenuItem,
+						onClick: () => {
+							onMention(member);
+						},
+						children: t("avatarMention")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: ChannelsPage_module_default.messageBody,
+				children: [
+					message.reply_to !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Quote, {
+						quote: message.reply_to,
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: ChannelsPage_module_default.messageHead,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: ChannelsPage_module_default.author,
+								children: message.name
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(KindTag, {
+								kind: member?.kind,
+								cli: member?.cli,
+								t
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
+								className: ChannelsPage_module_default.time,
+								children: (/* @__PURE__ */ new Date(message.created_at * 1e3)).toLocaleString()
+							})
+						]
+					}),
+					card === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: ChannelsPage_module_default.text,
+						children: message.text
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: ChannelsPage_module_default.card,
+						"data-state": card.state,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: ChannelsPage_module_default.cardHead,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: ChannelsPage_module_default.cardTitle,
+									children: card.title
+								}), typeof card.brief === "string" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: ChannelsPage_module_default.cardViews,
+									role: "group",
+									"aria-label": t("cardView"),
+									children: ["detail", "brief"].map((view) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: ChannelsPage_module_default.cardViewButton,
+										"aria-pressed": cardView === view,
+										onClick: () => {
+											onCardView(view);
+										},
+										children: t(view === "detail" ? "cardViewDetail" : "cardViewBrief")
+									}, view))
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: ChannelsPage_module_default.text,
+								children: typeof card.brief === "string" && cardView === "brief" ? card.brief : message.text
+							}),
+							card.action === "configure-model" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ChannelsPage_module_default.secondaryButton,
+								onClick: onConfigure,
+								children: t("configureModel")
+							}),
+							card.kind === "permission" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PermissionCard, {
+								messageId: message.id,
+								card,
+								t,
+								onDecide
+							}),
+							card.kind === "task" && typeof card.task_id === "number" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskCard, {
+								taskId: card.task_id,
+								tasks,
+								t
+							})
+						]
+					})
+				]
+			}),
+			message.author_kind !== "system" && card === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: ChannelsPage_module_default.replyButton,
+				title: t("reply"),
+				"aria-label": t("reply"),
+				onClick: () => {
+					onReply(message);
+				},
+				children: "↩"
+			})
+		]
+	});
+}
+function MemberGroup({ title, members, busy, onPick, onEdit, onRemove, t }) {
+	if (members.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+		className: ChannelsPage_module_default.groupTitle,
+		children: title
+	}), members.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${ChannelsPage_module_default.memberRow} ${m.error ? ChannelsPage_module_default.memberFailed : m.online ? "" : ChannelsPage_module_default.offline}`,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: ChannelsPage_module_default.member,
+			title: t("mentionPick", { name: m.name }),
+			onClick: () => {
+				onPick(m);
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: ChannelsPage_module_default.memberAvatar,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+					id: m.id,
+					name: m.name,
+					avatar: m.avatar,
+					small: true
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: m.error ? `${ChannelsPage_module_default.presence} ${ChannelsPage_module_default.errorPresence}` : ChannelsPage_module_default.presence })]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: ChannelsPage_module_default.memberText,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: ChannelsPage_module_default.memberName,
+						children: [m.name, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KindTag, {
+							kind: m.kind,
+							cli: m.cli,
+							t
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ChannelsPage_module_default.memberStatus,
+						children: m.error ? t("memberFailed") : busy.has(m.id) ? t("working") : m.online ? t("online") : t("offline")
+					}),
+					m.kind === "dsh" && m.cli === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ChannelsPage_module_default.memberModel,
+						children: m.model ? `${m.model.provider}/${m.model.model}` : t("defaultModel")
+					})
+				]
+			})]
+		}), m.kind === "dsh" && (m.editable === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: ChannelsPage_module_default.memberActions,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: ChannelsPage_module_default.linkButton,
+				onClick: () => {
+					onEdit(m);
+				},
+				children: t("editMember")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: ChannelsPage_module_default.linkButton,
+				onClick: () => {
+					onRemove(m);
+				},
+				children: t("removeMember")
+			})]
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: ChannelsPage_module_default.memberActions,
+			title: t("configMember"),
+			children: "⚙"
+		}))]
+	}, m.id))] });
+}
+/**
+* Render the channels panel.
+* @param props - framework, injected, and locale shares.
+* @returns the three-column channel view.
+*/
+function ChannelsPage({ useChannels, selectRoom, send, createRoom, listModels, listClis, addMember, updateMember, removeMember, setLead, setDispatchMode, decidePermission, renderSlot, t }) {
+	const state = useChannels((snapshot) => snapshot);
+	const [drafts, setDrafts] = (0, react.useState)({});
+	const [errors, setErrors] = (0, react.useState)({});
+	const [sending, setSending] = (0, react.useState)({});
+	const [replies, setReplies] = (0, react.useState)({});
+	const pendingRooms = (0, react.useRef)(/* @__PURE__ */ new Set());
+	const draft = state.roomId === void 0 ? "" : drafts[state.roomId] ?? "";
+	const sendError = state.roomId === void 0 ? void 0 : errors[state.roomId];
+	const replying = state.roomId === void 0 ? void 0 : replies[state.roomId];
+	const logRef = (0, react.useRef)(null);
+	const stickRef = (0, react.useRef)(true);
+	const inputRef = (0, react.useRef)(null);
+	const [caret, setCaret] = (0, react.useState)(0);
+	const [dismissedAt, setDismissedAt] = (0, react.useState)(void 0);
+	const [highlight, setHighlight] = (0, react.useState)(0);
+	const pendingCaret = (0, react.useRef)(void 0);
+	const [dialog, setDialog] = (0, react.useState)(void 0);
+	const [modelsOpen, setModelsOpen] = (0, react.useState)(false);
+	const [drawer, setDrawer] = (0, react.useState)(void 0);
+	const [roomsHidden, setRoomsHidden] = (0, react.useState)(false);
+	const [membersHidden, setMembersHidden] = (0, react.useState)(false);
+	const [newRoom, setNewRoom] = (0, react.useState)(void 0);
+	const [roomError, setRoomError] = (0, react.useState)(void 0);
+	const [memberError, setMemberError] = (0, react.useState)(void 0);
+	const [modeSaving, setModeSaving] = (0, react.useState)(false);
+	const [modeError, setModeError] = (0, react.useState)(void 0);
+	const [leadSaving, setLeadSaving] = (0, react.useState)(false);
+	const [leadOpen, setLeadOpen] = (0, react.useState)(false);
+	const [capabilitiesDismissed, setCapabilitiesDismissed] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		setCapabilitiesDismissed(false);
+	}, [state.roomId]);
+	const composerRef = (0, react.useRef)(null);
+	const openMentionAt = (0, react.useRef)(void 0);
+	(0, react.useEffect)(() => {
+		const onPress = (event) => {
+			const at = openMentionAt.current;
+			if (composerRef.current?.contains(event.target) === true) return;
+			if (at !== void 0) setDismissedAt(at);
+			if (draft === "/" && !capabilitiesDismissed) setCapabilitiesDismissed(true);
+		};
+		document.addEventListener("mousedown", onPress);
+		return () => {
+			document.removeEventListener("mousedown", onPress);
+		};
+	}, [draft, capabilitiesDismissed]);
+	(0, react.useEffect)(() => {
+		const input = inputRef.current;
+		const next = pendingCaret.current;
+		if (input === null || next === void 0) return;
+		pendingCaret.current = void 0;
+		input.focus();
+		input.setSelectionRange(next, next);
+	});
+	const [avatarMenu, setAvatarMenu] = (0, react.useState)(void 0);
+	const [cardViews, setCardViews] = (0, react.useState)({});
+	const cardView = state.roomId === void 0 ? CARD_VIEW_DEFAULT : cardViews[state.roomId] ?? loadCardView(state.roomId);
+	const chooseCardView = (view) => {
+		if (state.roomId === void 0) return;
+		const roomId = state.roomId;
+		saveCardView(roomId, view);
+		setCardViews((views) => ({
+			...views,
+			[roomId]: view
+		}));
+	};
+	(0, react.useEffect)(() => {
+		if (avatarMenu === void 0) return;
+		const onPress = (event) => {
+			if (event.target?.closest?.("[data-avatar-menu]") == null) setAvatarMenu(void 0);
+		};
+		document.addEventListener("mousedown", onPress);
+		return () => {
+			document.removeEventListener("mousedown", onPress);
+		};
+	}, [avatarMenu]);
+	(0, react.useEffect)(() => {
+		const log = logRef.current;
+		if (log !== null && stickRef.current) log.scrollTop = log.scrollHeight;
+	}, [state.messages, state.roomId]);
+	const [jump, setJump] = (0, react.useState)(void 0);
+	const [focusedId, setFocusedId] = (0, react.useState)(void 0);
+	(0, react.useEffect)(() => {
+		if (jump === void 0 || jump.roomId !== state.roomId) return;
+		const el = logRef.current?.querySelector(`[data-message-id="${jump.messageId}"]`);
+		if (el == null) return;
+		stickRef.current = false;
+		el.scrollIntoView?.({ block: "center" });
+		setFocusedId(jump.messageId);
+		setJump(void 0);
+	}, [
+		jump,
+		state.messages,
+		state.roomId
+	]);
+	const openMessage = (roomId, messageId) => {
+		setDrawer(void 0);
+		setJump({
+			roomId,
+			messageId
+		});
+		if (roomId !== state.roomId) selectRoom(roomId);
+	};
+	if (state.phase !== "ready") {
+		const notice = state.phase === "unavailable" ? t("unavailable") : state.phase === "unauthorized" ? t("unauthorized") : state.phase === "error" ? t("error", { message: state.error ?? "" }) : t("loading");
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: ChannelsPage_module_default.page,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ChannelsPage_module_default.notice,
+				role: "status",
+				children: notice
+			})
+		});
+	}
+	const room = state.rooms.find((r) => r.id === state.roomId);
+	const openTaskOwners = new Set((state.tasks ?? []).filter((t) => [
+		"assigned",
+		"accepted",
+		"asked",
+		"rework"
+	].includes(t.status)).map((t) => t.owner));
+	const busy = /* @__PURE__ */ new Set([...state.roomId === void 0 ? [] : state.thinking[String(state.roomId)] ?? [], ...openTaskOwners]);
+	const byId = new Map(state.members.map((m) => [m.id, m]));
+	const typingNames = (state.roomId === void 0 ? [] : state.thinking[String(state.roomId)] ?? []).map((id) => byId.get(id)?.name ?? id);
+	const mention = activeMention(draft, caret);
+	const candidates = mention === void 0 || mention.start === dismissedAt ? [] : rankMembers(state.members, mention.query);
+	const popupOpen = mention !== void 0 && candidates.length > 0;
+	openMentionAt.current = popupOpen ? mention.start : void 0;
+	const selected = Math.min(highlight, Math.max(candidates.length - 1, 0));
+	const setDraft = (text, nextCaret) => {
+		const roomId = state.roomId;
+		if (roomId === void 0) return;
+		setDrafts((previous) => ({
+			...previous,
+			[roomId]: text
+		}));
+		setCaret(nextCaret);
+		setHighlight(0);
+		pendingCaret.current = nextCaret;
+	};
+	const choose = (member) => {
+		if (mention === void 0) return;
+		const next = applyMention(draft, caret, mention, member);
+		setDraft(next.text, next.caret);
+	};
+	const pickFromList = (member) => {
+		setDrawer(void 0);
+		const next = insertMention(draft, caret, member);
+		setDraft(next.text, next.caret);
+	};
+	const mentionFromAvatar = (member) => {
+		setAvatarMenu(void 0);
+		pickFromList(member);
+	};
+	const submitRoom = () => {
+		const name = (newRoom ?? "").trim();
+		if (!name) {
+			setNewRoom(void 0);
+			return;
+		}
+		setRoomError(void 0);
+		createRoom(name).then(() => {
+			setNewRoom(void 0);
+		}).catch((error) => {
+			setRoomError(error instanceof Error ? error.message : String(error));
+		});
+	};
+	const confirmRemove = (member) => {
+		if (!window.confirm(t("removeConfirm", { name: member.name }))) return;
+		setMemberError(void 0);
+		removeMember(member.id).catch((error) => {
+			setMemberError(error instanceof Error ? error.message : String(error));
+		});
+	};
+	const changeLead = (id) => {
+		setLeadOpen(false);
+		if (!id || id === state.leadId || leadSaving) return;
+		setMemberError(void 0);
+		setLeadSaving(true);
+		setLead(id).catch((error) => {
+			setMemberError(error instanceof Error ? error.message : String(error));
+		}).finally(() => {
+			setLeadSaving(false);
+		});
+	};
+	const openPicker = () => {
+		const before = draft.slice(0, caret);
+		const insert = before === "" || /\s$/.test(before) ? "@" : " @";
+		setDismissedAt(void 0);
+		setDraft(before + insert + draft.slice(caret), caret + insert.length);
+	};
+	const submit = () => {
+		const roomId = state.roomId;
+		const text = draft.trim();
+		if (!text || roomId === void 0 || pendingRooms.current.has(roomId)) return;
+		pendingRooms.current.add(roomId);
+		setSending((previous) => ({
+			...previous,
+			[roomId]: true
+		}));
+		setErrors((previous) => ({
+			...previous,
+			[roomId]: void 0
+		}));
+		stickRef.current = true;
+		const replyTo = replies[roomId]?.id;
+		(replyTo === void 0 ? send(text) : send(text, replyTo)).then(() => {
+			setDrafts((previous) => ({
+				...previous,
+				[roomId]: ""
+			}));
+			setReplies((previous) => ({
+				...previous,
+				[roomId]: void 0
+			}));
+		}).catch((error) => {
+			setErrors((previous) => ({
+				...previous,
+				[roomId]: t("sendFailed", { message: error instanceof Error ? error.message : String(error) })
+			}));
+		}).finally(() => {
+			pendingRooms.current.delete(roomId);
+			setSending((previous) => ({
+				...previous,
+				[roomId]: false
+			}));
+		});
+	};
+	const startReply = (message) => {
+		const roomId = state.roomId;
+		if (roomId === void 0) return;
+		setReplies((previous) => ({
+			...previous,
+			[roomId]: message
+		}));
+		pendingCaret.current = caret;
+	};
+	const cancelReply = () => {
+		const roomId = state.roomId;
+		if (roomId !== void 0) setReplies((previous) => ({
+			...previous,
+			[roomId]: void 0
+		}));
+	};
+	const onKeyDown = (event) => {
+		if (draft === "/" && !capabilitiesDismissed && !event.nativeEvent.isComposing) {
+			if (event.key === "Escape") {
+				event.preventDefault();
+				setCapabilitiesDismissed(true);
+				return;
+			}
+			if (event.key === "Enter") {
+				event.preventDefault();
+				return;
+			}
+		}
+		if (popupOpen && !event.nativeEvent.isComposing) {
+			if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+				event.preventDefault();
+				const step = event.key === "ArrowDown" ? 1 : -1;
+				setHighlight((selected + step + candidates.length) % candidates.length);
+				return;
+			}
+			if (event.key === "Enter" || event.key === "Tab") {
+				event.preventDefault();
+				choose(candidates[selected]);
+				return;
+			}
+			if (event.key === "Escape") {
+				event.preventDefault();
+				setDismissedAt(mention?.start);
+				return;
+			}
+		}
+		if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+			event.preventDefault();
+			submit();
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: [
+			ChannelsPage_module_default.page,
+			roomsHidden ? ChannelsPage_module_default.roomsHidden : "",
+			membersHidden ? ChannelsPage_module_default.membersHidden : ""
+		].filter(Boolean).join(" "),
+		onKeyDown: (event) => {
+			if (event.key === "Escape") setDrawer(void 0);
+		},
+		children: [
+			drawer !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: ChannelsPage_module_default.drawerBackdrop,
+				"aria-label": t("closeDrawer"),
+				onClick: () => setDrawer(void 0)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+				className: drawer === "rooms" ? `${ChannelsPage_module_default.rooms} ${ChannelsPage_module_default.drawerOpen}` : ChannelsPage_module_default.rooms,
+				"aria-label": t("rooms"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: ChannelsPage_module_default.groupHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: ChannelsPage_module_default.groupTitle,
+							children: t("rooms")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: ChannelsPage_module_default.iconButton,
+							title: t("newRoom"),
+							"aria-label": t("newRoom"),
+							onClick: () => {
+								setNewRoom("");
+								setRoomError(void 0);
+							},
+							children: "+"
+						})]
+					}),
+					newRoom !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: ChannelsPage_module_default.roomInput,
+						autoFocus: true,
+						value: newRoom,
+						maxLength: 32,
+						placeholder: t("newRoomPlaceholder"),
+						"aria-label": t("newRoom"),
+						onChange: (event) => {
+							setNewRoom(event.target.value);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+								event.preventDefault();
+								submitRoom();
+							}
+							if (event.key === "Escape") {
+								setNewRoom(void 0);
+								setRoomError(void 0);
+							}
+						},
+						onBlur: () => {
+							if ((newRoom ?? "").trim() === "") setNewRoom(void 0);
+						}
+					}),
+					roomError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: ChannelsPage_module_default.sendError,
+						role: "alert",
+						children: roomError
+					}),
+					groupRooms(state.rooms).map(({ room: r, depth }) => {
+						const active = r.active ?? 0;
+						const showActive = depth === 1 || r.kind === "workspace" || active > 0;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: [
+								ChannelsPage_module_default.room,
+								depth === 1 ? ChannelsPage_module_default.workspace : "",
+								r.id === state.roomId ? ChannelsPage_module_default.roomActive : ""
+							].filter(Boolean).join(" "),
+							"aria-current": r.id === state.roomId,
+							onClick: () => {
+								stickRef.current = true;
+								setDrawer(void 0);
+								selectRoom(r.id);
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ChannelsPage_module_default.hash,
+									"aria-hidden": true,
+									children: "#"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ChannelsPage_module_default.roomLabel,
+									children: r.name
+								}),
+								showActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: active > 0 ? `${ChannelsPage_module_default.activeCount} ${ChannelsPage_module_default.activeBusy}` : ChannelsPage_module_default.activeCount,
+									children: t("activeTasks", { count: active })
+								})
+							]
+						}, r.id);
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: ChannelsPage_module_default.chat,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: ChannelsPage_module_default.chatHead,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ChannelsPage_module_default.mobileButton,
+								"aria-label": t("showRooms"),
+								"aria-expanded": drawer === "rooms",
+								onClick: () => setDrawer(drawer === "rooms" ? void 0 : "rooms"),
+								children: "☰"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ChannelsPage_module_default.panelToggle,
+								title: t(roomsHidden ? "expandRooms" : "collapseRooms"),
+								"aria-label": t(roomsHidden ? "expandRooms" : "collapseRooms"),
+								"aria-expanded": !roomsHidden,
+								onClick: () => {
+									setRoomsHidden(!roomsHidden);
+								},
+								children: roomsHidden ? "»" : "«"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: ChannelsPage_module_default.hash,
+								"aria-hidden": true,
+								children: "#"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: ChannelsPage_module_default.roomName,
+								children: room?.name
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${ChannelsPage_module_default.panelToggle} ${ChannelsPage_module_default.panelToggleEnd}`,
+								title: t(membersHidden ? "expandMembers" : "collapseMembers"),
+								"aria-label": t(membersHidden ? "expandMembers" : "collapseMembers"),
+								"aria-expanded": !membersHidden,
+								onClick: () => {
+									setMembersHidden(!membersHidden);
+								},
+								children: membersHidden ? "«" : "»"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ChannelsPage_module_default.mobileButton,
+								"aria-label": t("showMembers"),
+								"aria-expanded": drawer === "members",
+								onClick: () => setDrawer(drawer === "members" ? void 0 : "members"),
+								children: t("membersButton")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						ref: logRef,
+						className: ChannelsPage_module_default.log,
+						role: "log",
+						"aria-live": "polite",
+						onScroll: (event) => {
+							const el = event.currentTarget;
+							stickRef.current = el.scrollTop + el.clientHeight >= el.scrollHeight - 40;
+						},
+						children: [!state.members.some((m) => m.kind !== "human") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: ChannelsPage_module_default.guide,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("guideNoMembers") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ChannelsPage_module_default.primaryButton,
+								onClick: () => {
+									setDialog(null);
+								},
+								children: t("addMember")
+							})]
+						}), state.messages.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: ChannelsPage_module_default.empty,
+							children: t("empty")
+						}) : state.messages.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageRow, {
+							message: m,
+							member: byId.get(m.author),
+							t,
+							onConfigure: () => {
+								setModelsOpen(true);
+							},
+							menuOpen: avatarMenu === m.id,
+							cardView,
+							onCardView: chooseCardView,
+							onAvatar: () => {
+								setAvatarMenu(avatarMenu === m.id ? void 0 : m.id);
+							},
+							onCloseMenu: () => {
+								setAvatarMenu(void 0);
+							},
+							onMention: mentionFromAvatar,
+							onDecide: decidePermission,
+							tasks: state.tasks ?? [],
+							focused: focusedId === m.id,
+							onReply: startReply
+						}, m.id))]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: ChannelsPage_module_default.working,
+						"aria-live": "polite",
+						children: typingNames.length > 0 ? t("workingList", { names: typingNames.join("、") }) : ""
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: ChannelsPage_module_default.composer,
+						ref: composerRef,
+						children: [
+							draft === "/" && !capabilitiesDismissed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CapabilityList, {
+								t,
+								onClose: () => {
+									setCapabilitiesDismissed(true);
+								}
+							}, state.roomId),
+							sendError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: ChannelsPage_module_default.sendError,
+								role: "alert",
+								children: sendError
+							}),
+							popupOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: ChannelsPage_module_default.mentionPopup,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: ChannelsPage_module_default.mentionTitle,
+										children: mention.query === "" ? t("mentionTitle") : t("mentionTitleQuery", { query: mention.query })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										role: "listbox",
+										id: "channel-mention-list",
+										"aria-label": t("mentionTitle"),
+										children: candidates.map((m, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											id: `channel-mention-${m.id}`,
+											role: "option",
+											"aria-selected": index === selected,
+											className: index === selected ? `${ChannelsPage_module_default.mentionItem} ${ChannelsPage_module_default.mentionActive}` : ChannelsPage_module_default.mentionItem,
+											onMouseDown: (event) => {
+												event.preventDefault();
+											},
+											onMouseEnter: () => {
+												setHighlight(index);
+											},
+											onClick: () => {
+												choose(m);
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: ChannelsPage_module_default.memberAvatar,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar, {
+														id: m.id,
+														name: m.name,
+														avatar: m.avatar,
+														small: true
+													}), m.online && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: m.error ? `${ChannelsPage_module_default.presence} ${ChannelsPage_module_default.errorPresence}` : ChannelsPage_module_default.presence })]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: ChannelsPage_module_default.mentionName,
+													children: m.name
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(KindTag, {
+													kind: m.kind,
+													cli: m.cli,
+													t
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: ChannelsPage_module_default.mentionMeta,
+													children: m.error ? t("memberFailed") : busy.has(m.id) ? t("working") : m.online ? `@${m.id}` : t("offline")
+												})
+											]
+										}, m.id))
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: ChannelsPage_module_default.mentionHint,
+										children: t("mentionHint")
+									})
+								]
+							}),
+							replying !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: ChannelsPage_module_default.replyBar,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: ChannelsPage_module_default.replyBarText,
+									children: [t("replyingTo", { name: replying.name }), state.messages.some((m) => m.id === replying.id) ? "" : ` · ${t("replyDeleted")}`]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: ChannelsPage_module_default.replyCancel,
+									title: t("cancelReply"),
+									"aria-label": t("cancelReply"),
+									onClick: cancelReply,
+									children: "×"
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: ChannelsPage_module_default.composerRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+									ref: inputRef,
+									className: ChannelsPage_module_default.input,
+									rows: 1,
+									value: draft,
+									disabled: state.roomId === void 0 || sending[state.roomId] === true,
+									placeholder: t("placeholder", { room: room?.name ?? "" }),
+									role: "combobox",
+									"aria-expanded": popupOpen,
+									"aria-controls": "channel-mention-list",
+									"aria-autocomplete": "list",
+									"aria-activedescendant": popupOpen ? `channel-mention-${candidates[selected].id}` : void 0,
+									onChange: (event) => {
+										const roomId = state.roomId;
+										const value = event.target.value;
+										if (roomId !== void 0) setDrafts((previous) => ({
+											...previous,
+											[roomId]: value
+										}));
+										setCapabilitiesDismissed(false);
+										setCaret(event.target.selectionStart);
+										setHighlight(0);
+									},
+									onSelect: (event) => {
+										setCaret(event.currentTarget.selectionStart);
+									},
+									onKeyDown
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: ChannelsPage_module_default.mentionButton,
+									title: t("mentionButton"),
+									"aria-label": t("mentionButton"),
+									disabled: state.roomId === void 0 || sending[state.roomId] === true,
+									onClick: openPicker,
+									children: "@"
+								})]
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+				className: drawer === "members" ? `${ChannelsPage_module_default.members} ${ChannelsPage_module_default.drawerOpen}` : ChannelsPage_module_default.members,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskBoard, {
+						tasks: state.tasks ?? [],
+						rooms: state.rooms,
+						chatId: state.taskChat,
+						roomId: state.roomId,
+						t,
+						onOpen: openMessage
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: ChannelsPage_module_default.leadControl,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: ChannelsPage_module_default.fieldLabel,
+								children: t("lead")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ChannelsPage_module_default.fieldInput,
+								"aria-haspopup": "listbox",
+								"aria-expanded": leadOpen,
+								"aria-label": t("lead"),
+								disabled: leadSaving || state.members.every((m) => m.kind === "human"),
+								onClick: () => {
+									setLeadOpen(!leadOpen);
+								},
+								children: state.members.find((m) => m.id === (state.effectiveLeadId ?? state.leadId))?.name ?? t("leadNone")
+							}),
+							leadOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: ChannelsPage_module_default.leadMenu,
+								role: "listbox",
+								"aria-label": t("lead"),
+								children: state.members.filter((m) => m.kind !== "human").map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									role: "option",
+									"aria-selected": m.id === state.leadId,
+									className: ChannelsPage_module_default.leadOption,
+									onClick: () => {
+										changeLead(m.id);
+									},
+									children: m.name
+								}, m.id))
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+						disabled: modeSaving || state.roomId === void 0,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", { children: t("dispatchMode") }), [
+							"solo",
+							"team",
+							"mixed"
+						].map((mode) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: { display: "block" },
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "radio",
+								name: "dispatch-mode",
+								value: mode,
+								checked: (state.rooms.find((r) => r.id === state.roomId)?.dispatch_mode ?? "mixed") === mode,
+								onChange: () => {},
+								onClick: () => {
+									const roomId = state.roomId;
+									if (roomId === void 0) return;
+									setModeSaving(true);
+									setModeError(void 0);
+									setDispatchMode(roomId, mode).catch((error) => {
+										setModeError(error instanceof Error ? error.message : String(error));
+									}).finally(() => {
+										setModeSaving(false);
+									});
+								}
+							}), t(mode === "solo" ? "dispatchSolo" : mode === "team" ? "dispatchTeam" : "dispatchMixed")]
+						}, mode))]
+					}),
+					modeError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						role: "alert",
+						children: modeError
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: ChannelsPage_module_default.addMemberButton,
+						onClick: () => {
+							setDrawer(void 0);
+							setDialog(null);
+						},
+						children: ["+ ", t("addMember")]
+					}),
+					memberError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: ChannelsPage_module_default.sendError,
+						role: "alert",
+						children: memberError
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemberGroup, {
+						title: t("agents", { count: String(state.members.filter((m) => m.kind !== "human").length) }),
+						members: state.members.filter((m) => m.kind !== "human"),
+						busy,
+						onPick: pickFromList,
+						onEdit: setDialog,
+						onRemove: confirmRemove,
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemberGroup, {
+						title: t("humans", { count: String(state.members.filter((m) => m.kind === "human").length) }),
+						members: state.members.filter((m) => m.kind === "human"),
+						busy,
+						onPick: pickFromList,
+						onEdit: setDialog,
+						onRemove: confirmRemove,
+						t
+					})
+				]
+			}),
+			modelsOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ChannelsPage_module_default.dialogBackdrop,
+				onClick: () => {
+					setModelsOpen(false);
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: ChannelsPage_module_default.dialog,
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": t("configureModel"),
+					onClick: (event) => {
+						event.stopPropagation();
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: ChannelsPage_module_default.secondaryButton,
+						onClick: () => {
+							setModelsOpen(false);
+						},
+						children: t("close")
+					}), renderSlot("settings.section", { close: () => {
+						setModelsOpen(false);
+					} }, { only: "models" })]
+				})
+			}),
+			dialog !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemberDialog, {
+				member: dialog ?? void 0,
+				listModels,
+				listClis,
+				onSubmit: (input) => dialog === null ? addMember(input) : updateMember(dialog.id, input),
+				onClose: () => {
+					setDialog(void 0);
+				},
+				t
+			})
+		]
+	});
+}
+// src/client/locales.ts
+/** Channel panel dictionaries. */
+/** Locale namespace owned by the channel panel. */
+const NS = "discord-channels";
+/** Simplified Chinese dictionary and key source. */
+const zh = {
+	panel: "频道",
+	capabilities: "能力清单",
+	capabilityTaskBoard: "任务板",
+	capabilityLater: "过会儿回来",
+	capabilityReminder: "催办",
+	capabilityWorkspace: "工作区",
+	capabilityLead: "换主角色",
+	capabilityDm: "私信",
+	capabilityTaskBoardHelp: "在右侧任务板查看负责人、状态和下次查看时间，点「派工消息」或「交回消息」回到对应记录。",
+	capabilityLaterHelp: "告诉角色何时回来、回来做什么，例如「十分钟后回来检查测试结果」。",
+	capabilityReminderHelp: "通过任务分发派出的任务，到点会自动催办一次；负责人交回结果或说明卡在哪里。",
+	capabilityWorkspaceHelp: "在聊天频道把任务交给角色，需要时由角色创建工作区。工作区的问题和阶段结果会送回聊天频道。",
+	capabilityLeadHelp: "在成员栏的「谁当主」里选择角色。切换后，没有点名的消息由新的主角色接收。",
+	capabilityDmHelp: "在支持私信的平台打开与角色的私聊。角色也可向配置中的用户发送私信；DSH 频道页目前没有私信入口。",
+	taskBoard: "任务板",
+	taskBoardTitle: "任务板 — 进行中 {count}",
+	taskBoardEmpty: "还没有派出的任务",
+	taskDoneGroup: "已完成 — {count}",
+	taskBoardChat: "聊天频道",
+	taskBoardWorkspace: "{room}",
+	taskBoardOwner: "{name}",
+	taskAssigned: "派出",
+	taskAccepted: "已接",
+	taskAsked: "有疑问",
+	taskDeclined: "退回",
+	taskEscalated: "升级",
+	taskReturned: "交回",
+	taskDone: "完成",
+	taskRework: "返工",
+	taskIn: "在 #{room}",
+	taskElapsed: "用时 {d}",
+	taskNextCheck: "下次看 {time}",
+	taskOpenAssign: "派工消息",
+	taskOpenResult: "交回消息",
+	dispatchMode: "派活方式",
+	dispatchSolo: "单模型多进程 — 同一模型分开处理任务",
+	dispatchTeam: "完全团队 — 交给团队成员协作",
+	dispatchMixed: "混合 — 按任务选择模型与成员",
+	lead: "谁当主",
+	leadNone: "未选择（按原配置）",
+	durSeconds: "{n} 秒",
+	durMinutes: "{n} 分钟",
+	durHours: "{h} 小时 {m} 分",
+	configureModel: "去配置模型",
+	permAllowed: "已允许",
+	permDenied: "已拒绝",
+	permAllowedAll: "已允许（本会话后续请求自动允许）",
+	permExpired: "已过期：这个请求已被新请求取代或 bot 已重启，不再生效",
+	permByText: "（文字回复）",
+	permAllowAllScope: "「允许所有」只对这个 bot 当前会话生效：之后它的工具权限请求自动允许（向你提问的除外），bot 重启或开新会话后恢复逐条询问。",
+	memberFailed: "出错",
+	showRooms: "打开频道列表",
+	showMembers: "打开成员列表",
+	closeDrawer: "关闭列表",
+	membersButton: "成员",
+	collapseRooms: "收起频道列表",
+	expandRooms: "展开频道列表",
+	collapseMembers: "收起成员列表",
+	expandMembers: "展开成员列表",
+	rooms: "文字频道",
+	agents: "Agent — {count}",
+	humans: "真人 — {count}",
+	online: "在线",
+	close: "关闭",
+	offline: "离线",
+	working: "忙",
+	workingList: "{names} 正在输入…",
+	kindDsh: "DSH",
+	kindBot: "Agent",
+	kindClaude: "Claude Code",
+	kindCodex: "Codex",
+	kindGemini: "Gemini",
+	placeholder: "发消息到 #{room}，@成员 让它干活（Enter 发送，Shift+Enter 换行）",
+	loading: "正在连接频道服务…",
+	unavailable: "频道服务未启用：在 collab.yml 中配置服务后，用 --patch collab.yml 启动 DSH。",
+	unauthorized: "还没有登录 DSH，请刷新页面。",
+	error: "频道服务出错：{message}",
+	empty: "这里还没有消息。@一个成员开始吧。",
+	guideNoMembers: "频道里还没有角色成员。添加一个：用 DSH 里已配好的模型，或本机已装的 CLI（Claude Code、Codex、Gemini）。",
+	sendFailed: "发送失败：{message}",
+	mentionTitle: "可以 @ 的成员",
+	mentionTitleQuery: "匹配「{query}」的成员",
+	mentionHint: "↑↓ 选择 · Enter / Tab 确认 · Esc 关闭",
+	mentionButton: "@ 一个成员",
+	mentionPick: "在输入框里 @{name}",
+	memberMenu: "{name} 的成员操作",
+	avatarMention: "@ TA",
+	newRoom: "新建频道",
+	newRoomPlaceholder: "频道名，回车创建",
+	activeTasks: "进行中 {count} 件",
+	addMember: "添加成员",
+	editMember: "编辑",
+	removeMember: "移除",
+	removeConfirm: "移除成员「{name}」？历史消息会保留。",
+	memberDialogAdd: "添加 DSH 成员",
+	memberDialogEdit: "编辑成员「{name}」",
+	memberName: "名字（@ 时用，不能有空格）",
+	memberModel: "模型",
+	memberModelDefault: "跟随 DSH 默认模型",
+	memberModelLoading: "正在读取可用模型…",
+	memberModelRouteError: "{route}（读取失败：{error}）",
+	memberType: "成员类型",
+	memberTypeDsh: "DSH 模型",
+	memberTypeCli: "本机 CLI",
+	memberCli: "本机 CLI",
+	memberCliLoading: "正在检测本机 CLI…",
+	memberCliMissing: "未检测到",
+	memberPersona: "人设（可选）：它是谁、负责什么、说话风格",
+	memberAvatar: "头像",
+	memberAvatarNone: "不用头像（显示首字）",
+	save: "保存",
+	cancel: "取消",
+	configMember: "来自配置文件，网页里不能修改",
+	defaultModel: "默认模型",
+	reply: "回复",
+	cardView: "卡片视图",
+	cardViewDetail: "细节",
+	cardViewBrief: "简略",
+	replyingTo: "回复 {name}",
+	replyDeleted: "原消息已删除",
+	cancelReply: "取消回复"
+};
+/** English dictionary. */
+const en = {
+	dispatchMode: "Dispatch mode",
+	dispatchSolo: "Single model, multiple processes — separate tasks on one model",
+	dispatchTeam: "Full team — delegate to team members",
+	dispatchMixed: "Mixed — choose models and members for each task",
+	taskBoard: "Task board",
+	taskBoardTitle: "Tasks — {count} in progress",
+	taskBoardEmpty: "No tasks dispatched yet",
+	taskDoneGroup: "Done — {count}",
+	taskBoardChat: "Chat channel",
+	taskBoardWorkspace: "{room}",
+	taskBoardOwner: "{name}",
+	taskAssigned: "Assigned",
+	taskAccepted: "Accepted",
+	taskAsked: "Question",
+	taskDeclined: "Declined",
+	taskEscalated: "Escalated",
+	taskReturned: "Handed back",
+	taskDone: "Done",
+	taskRework: "Rework",
+	taskIn: "in #{room}",
+	taskElapsed: "took {d}",
+	taskNextCheck: "next check {time}",
+	taskOpenAssign: "Dispatch",
+	taskOpenResult: "Delivery",
+	lead: "Primary role",
+	leadNone: "No role is available",
+	durSeconds: "{n}s",
+	durMinutes: "{n} min",
+	durHours: "{h} h {m} min",
+	panel: "Channels",
+	capabilities: "Capabilities",
+	capabilityTaskBoard: "Task board",
+	capabilityLater: "Come back later",
+	capabilityReminder: "Reminders",
+	capabilityWorkspace: "Workspaces",
+	capabilityLead: "Primary role",
+	capabilityDm: "Direct messages",
+	capabilityTaskBoardHelp: "View owners, status and next-check times in the task board on the right. Open Dispatch or Delivery to jump to its message.",
+	capabilityLaterHelp: "Tell a role when to return and what to do, for example “Check the test results in ten minutes.”",
+	capabilityReminderHelp: "Dispatched tasks receive one reminder when due. The owner returns a result or explains the blocker.",
+	capabilityWorkspaceHelp: "Assign work to a role in the chat channel. Roles create workspaces when needed; questions and progress return to the chat channel.",
+	capabilityLeadHelp: "Choose a role under Primary role in the members panel. Messages without an explicit addressee then go to the new primary role.",
+	capabilityDmHelp: "Open a private conversation with a role on a supported platform. Roles can also message the configured owner. The DSH Channels page currently has no private-chat entry.",
+	configureModel: "Configure model",
+	permAllowed: "Allowed",
+	permDenied: "Denied",
+	permAllowedAll: "Allowed (later requests in this session are auto-approved)",
+	permExpired: "Expired: replaced by a newer request or the bot restarted",
+	permByText: "(text reply)",
+	permAllowAllScope: "\"Allow all\" applies only to this bot's current session: its later tool permission requests are auto-approved (questions to you excepted) until the bot restarts or starts a new session.",
+	memberFailed: "Error",
+	showRooms: "Open channels",
+	showMembers: "Open members",
+	closeDrawer: "Close list",
+	membersButton: "Members",
+	collapseRooms: "Collapse channels",
+	expandRooms: "Expand channels",
+	collapseMembers: "Collapse members",
+	expandMembers: "Expand members",
+	rooms: "Text channels",
+	agents: "Agents — {count}",
+	humans: "People — {count}",
+	online: "Online",
+	close: "Close",
+	offline: "Offline",
+	working: "Busy",
+	workingList: "{names} typing…",
+	kindDsh: "DSH",
+	kindBot: "Agent",
+	kindClaude: "Claude Code",
+	kindCodex: "Codex",
+	kindGemini: "Gemini",
+	placeholder: "Message #{room}; @ a member to put it to work (Enter sends, Shift+Enter for a new line)",
+	loading: "Connecting to the channel service…",
+	unavailable: "The channel service is off: configure it in collab.yml, then start DSH with --patch collab.yml.",
+	unauthorized: "Not signed in to DSH; reload the page.",
+	error: "Channel service error: {message}",
+	empty: "No messages yet. @ a member to start.",
+	guideNoMembers: "No role members in this channel yet. Add one using a model configured in DSH, or a CLI installed on this machine (Claude Code, Codex, Gemini).",
+	sendFailed: "Send failed: {message}",
+	mentionTitle: "Members you can mention",
+	mentionTitleQuery: "Members matching \"{query}\"",
+	mentionHint: "↑↓ select · Enter / Tab confirm · Esc close",
+	mentionButton: "Mention a member",
+	mentionPick: "Mention {name} in the message box",
+	memberMenu: "Member actions for {name}",
+	avatarMention: "Mention",
+	newRoom: "New channel",
+	newRoomPlaceholder: "Channel name, Enter to create",
+	activeTasks: "{count} in progress",
+	addMember: "Add member",
+	editMember: "Edit",
+	removeMember: "Remove",
+	removeConfirm: "Remove member \"{name}\"? Their messages stay.",
+	memberDialogAdd: "Add a DSH member",
+	memberDialogEdit: "Edit member \"{name}\"",
+	memberName: "Name (used for @, no spaces)",
+	memberModel: "Model",
+	memberModelDefault: "Follow the DSH default model",
+	memberModelLoading: "Loading available models…",
+	memberModelRouteError: "{route} (could not list: {error})",
+	memberType: "Member type",
+	memberTypeDsh: "DSH model",
+	memberTypeCli: "Local CLI",
+	memberCli: "Local CLI",
+	memberCliLoading: "Detecting CLIs on this machine…",
+	memberCliMissing: "not found",
+	memberPersona: "Persona (optional): who it is, what it does, how it talks",
+	memberAvatar: "Avatar",
+	memberAvatarNone: "No avatar (show initial)",
+	save: "Save",
+	cancel: "Cancel",
+	configMember: "From the config file; not editable here",
+	defaultModel: "Default model",
+	reply: "Reply",
+	cardView: "Card view",
+	cardViewDetail: "Detail",
+	cardViewBrief: "Brief",
+	replyingTo: "Replying to {name}",
+	replyDeleted: "Original message was deleted",
+	cancelReply: "Cancel reply"
+};
+// src/client/index.ts
+const PANEL_ID = "channels";
+/** Required browser services. */
+const inject = [
+	"slots",
+	"locale",
+	"layout"
+];
+/**
+* Register the channel dictionaries, the main panel, and its sidebar entry.
+* @param ctx - Client root context.
+*/
+function apply(ctx) {
+	ctx.effect(() => ctx.locale.register(NS, {
+		zh,
+		en
+	}), "client-ui-discord: dictionaries");
+	const t = ctx.locale.bind(NS);
+	const channels = createChannelSource(browserTransport());
+	ctx.effect(() => channels.dispose, "client-ui-discord: channel stream");
+	const injected = () => ({
+		hooks: { channels: channels.source },
+		selectRoom: channels.actions.selectRoom,
+		send: channels.actions.send,
+		createRoom: channels.actions.createRoom,
+		listModels: channels.actions.listModels,
+		listClis: channels.actions.listClis,
+		addMember: channels.actions.addMember,
+		updateMember: channels.actions.updateMember,
+		removeMember: channels.actions.removeMember,
+		setDispatchMode: channels.actions.setDispatchMode,
+		setLead: channels.actions.setLead,
+		decidePermission: channels.actions.decidePermission
+	});
+	ctx.slots.inject("main", () => {
+		const dispose = ctx.slots.register({
+			name: "main",
+			key: PANEL_ID,
+			locale: NS,
+			inject: injected,
+			children: { "settings.section": {
+				kind: "list",
+				scope: "root"
+			} }
+		}, ChannelsPage);
+		if (location.hash === `#${PANEL_ID}`) ctx.layout.selectPanel(PANEL_ID);
+		return dispose;
+	});
+	ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+		name: "sidebar.panellist",
+		id: PANEL_ID,
+		order: 5,
+		locale: NS,
+		label: () => t("panel")
+	}, ChannelsIcon));
+}
+exports.apply = apply;
+exports.inject = inject;
+
+ return module.exports;
+ }
+});