@convokitapp/vue-ui 0.4.1 → 0.6.0

package/dist/index.css

@@ -11,6 +11,7 @@
   --ckui-incoming: #f4f4f5;
   --ckui-outgoing: #18181b;
   --ckui-outgoing-text: #fafafa;
+  --ckui-badge: #18181b;
   --ckui-radius: 10px;
   --ckui-avatar-size: 40px;
   --ckui-font:
@@ -32,6 +33,7 @@
   --ckui-incoming: inherit;
   --ckui-outgoing: inherit;
   --ckui-outgoing-text: inherit;
+  --ckui-badge: inherit;
   --ckui-radius: inherit;
   --ckui-avatar-size: inherit;
   --ckui-font: inherit;
@@ -100,7 +102,9 @@
 }
 .ckui-conversation-item {
   display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto;
+  grid-template-columns: auto minmax(0, 1fr);
+  grid-auto-flow: column;
+  grid-auto-columns: auto;
   gap: 12px;
   align-items: center;
   width: 100%;
@@ -140,6 +144,38 @@
   color: var(--ckui-muted);
   font-size: 12px;
 }
+.ckui-conversation-item[data-unread] .ckui-conversation-item__body strong {
+  font-weight: 700;
+}
+.ckui-conversation-item[data-unread] .ckui-conversation-item__body span {
+  color: var(--ckui-text);
+}
+.ckui-conversation-item__meta {
+  display: grid;
+  flex: 0 0 auto;
+  gap: 4px;
+  justify-items: end;
+  align-self: start;
+  padding-top: 2px;
+}
+.ckui-conversation-item__time {
+  color: var(--ckui-muted);
+  font-size: 11px;
+  white-space: nowrap;
+}
+.ckui-unread-badge {
+  display: inline-grid;
+  place-items: center;
+  min-width: 20px;
+  height: 20px;
+  padding: 0 6px;
+  border-radius: 999px;
+  background: var(--ckui-badge);
+  color: var(--ckui-outgoing-text);
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1;
+}
 .ckui-avatar {
   display: inline-grid;
   flex: 0 0 auto;
@@ -427,6 +463,15 @@ button.ckui-media-card {
   --ckui-avatar-size: 30px;
   font-size: 10px;
 }
+.ckui[data-density=compact] .ckui-conversation-item__meta {
+  align-self: center;
+  padding-top: 0;
+}
+.ckui[data-density=compact] .ckui-unread-badge {
+  min-width: 18px;
+  height: 18px;
+  font-size: 10px;
+}
 .ckui[data-density=compact] .ckui-message-list {
   gap: 5px;
   padding: 10px 12px;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles.css"],"sourcesContent":[".ckui-theme,\n.ckui {\n  --ckui-background: #fafafa;\n  --ckui-surface: #ffffff;\n  --ckui-primary: #18181b;\n  --ckui-text: #09090b;\n  --ckui-muted: #71717a;\n  --ckui-border: #e4e4e7;\n  --ckui-error: #dc2626;\n  --ckui-incoming: #f4f4f5;\n  --ckui-outgoing: #18181b;\n  --ckui-outgoing-text: #fafafa;\n  --ckui-radius: 10px;\n  --ckui-avatar-size: 40px;\n  --ckui-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n\n.ckui-theme .ckui {\n  --ckui-background: inherit;\n  --ckui-surface: inherit;\n  --ckui-primary: inherit;\n  --ckui-text: inherit;\n  --ckui-muted: inherit;\n  --ckui-border: inherit;\n  --ckui-error: inherit;\n  --ckui-incoming: inherit;\n  --ckui-outgoing: inherit;\n  --ckui-outgoing-text: inherit;\n  --ckui-radius: inherit;\n  --ckui-avatar-size: inherit;\n  --ckui-font: inherit;\n}\n\n.ckui,\n.ckui *,\n.ckui *::before,\n.ckui *::after { box-sizing: border-box; }\n\n.ckui { color: var(--ckui-text); font-family: var(--ckui-font); font-size: 14px; line-height: 1.45; }\n.ckui button, .ckui textarea { color: inherit; font: inherit; }\n.ckui button:focus-visible, .ckui textarea:focus-visible { outline: 2px solid color-mix(in srgb, var(--ckui-primary) 38%, white); outline-offset: 2px; }\n\n.ckui-conversation-list,\n.ckui-conversation {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  height: 100%;\n  overflow: hidden;\n  flex-direction: column;\n  border: 1px solid var(--ckui-border);\n  border-radius: var(--ckui-radius);\n  background: var(--ckui-surface);\n  box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);\n}\n\n.ckui-scroll-area, .ckui-message-list { min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }\n.ckui-scroll-area { flex: 1; background: var(--ckui-surface); }\n\n.ckui-conversation-list__toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 8px 10px 8px 16px;\n  border-bottom: 1px solid var(--ckui-border);\n  background: var(--ckui-surface);\n  color: var(--ckui-text);\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n\n.ckui-conversation-list__items { display: grid; }\n.ckui-conversation-item {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n  min-height: 68px;\n  padding: 10px 14px;\n  border: 0;\n  border-bottom: 1px solid var(--ckui-border);\n  border-radius: 0;\n  background: var(--ckui-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: background-color 120ms ease;\n}\n.ckui-conversation-item:hover { background: color-mix(in srgb, var(--ckui-primary) 4%, var(--ckui-surface)); }\n.ckui-conversation-item[data-selected] { background: color-mix(in srgb, var(--ckui-primary) 7%, var(--ckui-surface)); }\n.ckui-conversation-item__body { display: grid; min-width: 0; gap: 2px; }\n.ckui-conversation-item__body strong, .ckui-conversation-item__body span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ckui-conversation-item__body strong { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; }\n.ckui-conversation-item__body span { color: var(--ckui-muted); font-size: 12px; }\n\n.ckui-avatar {\n  display: inline-grid;\n  flex: 0 0 auto;\n  width: var(--ckui-avatar-size);\n  height: var(--ckui-avatar-size);\n  overflow: hidden;\n  place-items: center;\n  border: 1px solid var(--ckui-border);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--ckui-primary) 6%, var(--ckui-surface));\n  color: var(--ckui-text);\n  font-size: 12px;\n  font-weight: 600;\n}\n.ckui-avatar__image, .ckui-avatar__fallback { width: 100%; height: 100%; }\n.ckui-avatar__image { object-fit: cover; }\n.ckui-avatar__fallback { display: grid; place-items: center; }\n.ckui-separator { display: none; }\n\n.ckui-icon-button, .ckui-send-button, .ckui-link-button { border: 0; background: transparent; cursor: pointer; }\n.ckui-icon-button { display: inline-grid; flex: 0 0 auto; width: 34px; height: 34px; place-items: center; border-radius: 7px; color: var(--ckui-muted); }\n.ckui-icon-button:hover { background: color-mix(in srgb, var(--ckui-primary) 6%, transparent); color: var(--ckui-text); }\n.ckui-state, .ckui-inline-state { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 120px; padding: 20px; color: var(--ckui-muted); text-align: center; }\n.ckui-inline-state { min-height: 52px; font-size: 12px; }\n.ckui-state--error, .ckui-conversation-error { color: var(--ckui-error); }\n.ckui-link-button { color: currentColor; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }\n\n.ckui-conversation-header { display: flex; align-items: center; gap: 10px; min-height: 60px; padding: 8px 12px; border-bottom: 1px solid var(--ckui-border); background: var(--ckui-surface); }\n.ckui-conversation-header__body { display: grid; flex: 1; min-width: 0; gap: 1px; }\n.ckui-conversation-header__body strong { overflow: hidden; font-size: 14px; font-weight: 600; letter-spacing: -0.01em; text-overflow: ellipsis; white-space: nowrap; }\n.ckui-conversation-header__body span { color: var(--ckui-muted); font-size: 12px; }\n.ckui-conversation-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid color-mix(in srgb, var(--ckui-error) 22%, var(--ckui-border)); background: color-mix(in srgb, var(--ckui-error) 5%, var(--ckui-surface)); font-size: 12px; }\n\n.ckui-message-list { display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 18px; background: var(--ckui-background); }\n.ckui-message-row { display: flex; flex-direction: column; align-items: flex-start; }\n.ckui-message-row--outgoing { align-items: flex-end; }\n.ckui-message-bubble { max-width: min(74%, 560px); padding: 9px 12px 7px; border: 1px solid var(--ckui-border); border-radius: calc(var(--ckui-radius) + 2px); background: var(--ckui-incoming); }\n.ckui-message-row--outgoing .ckui-message-bubble { border-color: var(--ckui-outgoing); background: var(--ckui-outgoing); color: var(--ckui-outgoing-text); }\n.ckui-message-sender { display: block; margin-bottom: 3px; color: var(--ckui-muted); font-size: 11px; font-weight: 600; }\n.ckui-message-text { overflow-wrap: anywhere; white-space: pre-wrap; }\n.ckui-message-time { display: flex; align-items: center; justify-content: flex-end; gap: 3px; margin-top: 5px; color: color-mix(in srgb, currentColor 62%, transparent); font-size: 10px; }\n.ckui-read-receipt { min-height: 16px; padding-top: 3px; color: var(--ckui-muted); font-size: 10px; }\n\n.ckui-media { margin-top: 8px; }\n.ckui-media-card { display: flex; align-items: center; gap: 9px; width: 100%; min-width: 210px; padding: 9px; overflow: hidden; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 8px; background: color-mix(in srgb, var(--ckui-surface) 94%, transparent); color: var(--ckui-text); text-align: left; }\nbutton.ckui-media-card { cursor: pointer; }\n.ckui-media-card > span { display: grid; flex: 1; min-width: 0; }\n.ckui-media-card strong, .ckui-media-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ckui-media-card small { color: var(--ckui-muted); }\n.ckui-media-card--image { display: grid; max-width: 330px; padding: 0; }\n.ckui-media-card--image img { display: block; width: 100%; max-height: 280px; object-fit: cover; }\n.ckui-media-name { padding: 0 10px 9px; font-size: 11px; }\n.ckui-media-placeholder { min-height: 120px; place-items: center; padding: 20px; }\n\n.ckui-typing { min-height: 26px; padding: 5px 16px; border-top: 1px solid var(--ckui-border); background: var(--ckui-surface); color: var(--ckui-muted); font-size: 11px; }\n.ckui-composer { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--ckui-border); background: var(--ckui-surface); }\n.ckui-composer__input { flex: 1; min-width: 0; min-height: 38px; max-height: 132px; padding: 9px 11px; resize: none; border: 1px solid var(--ckui-border); border-radius: 8px; outline: 0; background: var(--ckui-surface); box-shadow: 0 1px 2px rgb(0 0 0 / 0.03); }\n.ckui-composer__input::placeholder { color: var(--ckui-muted); }\n.ckui-composer__input:focus { border-color: color-mix(in srgb, var(--ckui-primary) 45%, var(--ckui-border)); }\n.ckui-send-button { display: inline-grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; border-radius: 8px; background: var(--ckui-primary); color: var(--ckui-outgoing-text); box-shadow: 0 1px 2px rgb(0 0 0 / 0.08); }\n.ckui-send-button:hover:not(:disabled) { opacity: 0.9; }\n.ckui-send-button:disabled, .ckui-icon-button:disabled { cursor: not-allowed; opacity: 0.45; }\n\n.ckui[data-density='compact'] { font-size: 12px; }\n.ckui[data-density='compact'] .ckui-conversation-list__toolbar { min-height: 44px; }\n.ckui[data-density='compact'] .ckui-conversation-item { min-height: 46px; padding: 6px 10px; }\n.ckui[data-density='compact'] .ckui-avatar { --ckui-avatar-size: 30px; font-size: 10px; }\n.ckui[data-density='compact'] .ckui-message-list { gap: 5px; padding: 10px 12px; }\n.ckui[data-density='compact'] .ckui-message-bubble { max-width: 88%; padding: 6px 9px; border-radius: 8px; }\n.ckui[data-density='compact'] .ckui-conversation-header { min-height: 48px; }\n.ckui[data-density='compact'] .ckui-typing { min-height: 22px; padding-block: 3px; }\n.ckui[data-density='compact'] .ckui-composer { padding: 6px 8px; }\n.ckui-spin { animation: ckui-spin 900ms linear infinite; }\n@keyframes ckui-spin { to { transform: rotate(360deg); } }\n@media (prefers-reduced-motion: reduce) { .ckui *, .ckui *::before, .ckui *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }\n@media (max-width: 560px) { .ckui-message-bubble { max-width: 88%; } .ckui-message-list { padding-inline: 12px; } }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/styles.css"],"sourcesContent":[".ckui-theme,\n.ckui {\n  --ckui-background: #fafafa;\n  --ckui-surface: #ffffff;\n  --ckui-primary: #18181b;\n  --ckui-text: #09090b;\n  --ckui-muted: #71717a;\n  --ckui-border: #e4e4e7;\n  --ckui-error: #dc2626;\n  --ckui-incoming: #f4f4f5;\n  --ckui-outgoing: #18181b;\n  --ckui-outgoing-text: #fafafa;\n  --ckui-badge: #18181b;\n  --ckui-radius: 10px;\n  --ckui-avatar-size: 40px;\n  --ckui-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n\n.ckui-theme .ckui {\n  --ckui-background: inherit;\n  --ckui-surface: inherit;\n  --ckui-primary: inherit;\n  --ckui-text: inherit;\n  --ckui-muted: inherit;\n  --ckui-border: inherit;\n  --ckui-error: inherit;\n  --ckui-incoming: inherit;\n  --ckui-outgoing: inherit;\n  --ckui-outgoing-text: inherit;\n  --ckui-badge: inherit;\n  --ckui-radius: inherit;\n  --ckui-avatar-size: inherit;\n  --ckui-font: inherit;\n}\n\n.ckui,\n.ckui *,\n.ckui *::before,\n.ckui *::after { box-sizing: border-box; }\n\n.ckui { color: var(--ckui-text); font-family: var(--ckui-font); font-size: 14px; line-height: 1.45; }\n.ckui button, .ckui textarea { color: inherit; font: inherit; }\n.ckui button:focus-visible, .ckui textarea:focus-visible { outline: 2px solid color-mix(in srgb, var(--ckui-primary) 38%, white); outline-offset: 2px; }\n\n.ckui-conversation-list,\n.ckui-conversation {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  height: 100%;\n  overflow: hidden;\n  flex-direction: column;\n  border: 1px solid var(--ckui-border);\n  border-radius: var(--ckui-radius);\n  background: var(--ckui-surface);\n  box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);\n}\n\n.ckui-scroll-area, .ckui-message-list { min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }\n.ckui-scroll-area { flex: 1; background: var(--ckui-surface); }\n\n.ckui-conversation-list__toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 8px 10px 8px 16px;\n  border-bottom: 1px solid var(--ckui-border);\n  background: var(--ckui-surface);\n  color: var(--ckui-text);\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n\n.ckui-conversation-list__items { display: grid; }\n.ckui-conversation-item {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  grid-auto-flow: column;\n  grid-auto-columns: auto;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n  min-height: 68px;\n  padding: 10px 14px;\n  border: 0;\n  border-bottom: 1px solid var(--ckui-border);\n  border-radius: 0;\n  background: var(--ckui-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: background-color 120ms ease;\n}\n.ckui-conversation-item:hover { background: color-mix(in srgb, var(--ckui-primary) 4%, var(--ckui-surface)); }\n.ckui-conversation-item[data-selected] { background: color-mix(in srgb, var(--ckui-primary) 7%, var(--ckui-surface)); }\n.ckui-conversation-item__body { display: grid; min-width: 0; gap: 2px; }\n.ckui-conversation-item__body strong, .ckui-conversation-item__body span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ckui-conversation-item__body strong { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; }\n.ckui-conversation-item__body span { color: var(--ckui-muted); font-size: 12px; }\n.ckui-conversation-item[data-unread] .ckui-conversation-item__body strong { font-weight: 700; }\n.ckui-conversation-item[data-unread] .ckui-conversation-item__body span { color: var(--ckui-text); }\n.ckui-conversation-item__meta { display: grid; flex: 0 0 auto; gap: 4px; justify-items: end; align-self: start; padding-top: 2px; }\n.ckui-conversation-item__time { color: var(--ckui-muted); font-size: 11px; white-space: nowrap; }\n.ckui-unread-badge { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--ckui-badge); color: var(--ckui-outgoing-text); font-size: 11px; font-weight: 600; line-height: 1; }\n\n.ckui-avatar {\n  display: inline-grid;\n  flex: 0 0 auto;\n  width: var(--ckui-avatar-size);\n  height: var(--ckui-avatar-size);\n  overflow: hidden;\n  place-items: center;\n  border: 1px solid var(--ckui-border);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--ckui-primary) 6%, var(--ckui-surface));\n  color: var(--ckui-text);\n  font-size: 12px;\n  font-weight: 600;\n}\n.ckui-avatar__image, .ckui-avatar__fallback { width: 100%; height: 100%; }\n.ckui-avatar__image { object-fit: cover; }\n.ckui-avatar__fallback { display: grid; place-items: center; }\n.ckui-separator { display: none; }\n\n.ckui-icon-button, .ckui-send-button, .ckui-link-button { border: 0; background: transparent; cursor: pointer; }\n.ckui-icon-button { display: inline-grid; flex: 0 0 auto; width: 34px; height: 34px; place-items: center; border-radius: 7px; color: var(--ckui-muted); }\n.ckui-icon-button:hover { background: color-mix(in srgb, var(--ckui-primary) 6%, transparent); color: var(--ckui-text); }\n.ckui-state, .ckui-inline-state { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 120px; padding: 20px; color: var(--ckui-muted); text-align: center; }\n.ckui-inline-state { min-height: 52px; font-size: 12px; }\n.ckui-state--error, .ckui-conversation-error { color: var(--ckui-error); }\n.ckui-link-button { color: currentColor; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }\n\n.ckui-conversation-header { display: flex; align-items: center; gap: 10px; min-height: 60px; padding: 8px 12px; border-bottom: 1px solid var(--ckui-border); background: var(--ckui-surface); }\n.ckui-conversation-header__body { display: grid; flex: 1; min-width: 0; gap: 1px; }\n.ckui-conversation-header__body strong { overflow: hidden; font-size: 14px; font-weight: 600; letter-spacing: -0.01em; text-overflow: ellipsis; white-space: nowrap; }\n.ckui-conversation-header__body span { color: var(--ckui-muted); font-size: 12px; }\n.ckui-conversation-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid color-mix(in srgb, var(--ckui-error) 22%, var(--ckui-border)); background: color-mix(in srgb, var(--ckui-error) 5%, var(--ckui-surface)); font-size: 12px; }\n\n.ckui-message-list { display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 18px; background: var(--ckui-background); }\n.ckui-message-row { display: flex; flex-direction: column; align-items: flex-start; }\n.ckui-message-row--outgoing { align-items: flex-end; }\n.ckui-message-bubble { max-width: min(74%, 560px); padding: 9px 12px 7px; border: 1px solid var(--ckui-border); border-radius: calc(var(--ckui-radius) + 2px); background: var(--ckui-incoming); }\n.ckui-message-row--outgoing .ckui-message-bubble { border-color: var(--ckui-outgoing); background: var(--ckui-outgoing); color: var(--ckui-outgoing-text); }\n.ckui-message-sender { display: block; margin-bottom: 3px; color: var(--ckui-muted); font-size: 11px; font-weight: 600; }\n.ckui-message-text { overflow-wrap: anywhere; white-space: pre-wrap; }\n.ckui-message-time { display: flex; align-items: center; justify-content: flex-end; gap: 3px; margin-top: 5px; color: color-mix(in srgb, currentColor 62%, transparent); font-size: 10px; }\n.ckui-read-receipt { min-height: 16px; padding-top: 3px; color: var(--ckui-muted); font-size: 10px; }\n\n.ckui-media { margin-top: 8px; }\n.ckui-media-card { display: flex; align-items: center; gap: 9px; width: 100%; min-width: 210px; padding: 9px; overflow: hidden; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 8px; background: color-mix(in srgb, var(--ckui-surface) 94%, transparent); color: var(--ckui-text); text-align: left; }\nbutton.ckui-media-card { cursor: pointer; }\n.ckui-media-card > span { display: grid; flex: 1; min-width: 0; }\n.ckui-media-card strong, .ckui-media-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ckui-media-card small { color: var(--ckui-muted); }\n.ckui-media-card--image { display: grid; max-width: 330px; padding: 0; }\n.ckui-media-card--image img { display: block; width: 100%; max-height: 280px; object-fit: cover; }\n.ckui-media-name { padding: 0 10px 9px; font-size: 11px; }\n.ckui-media-placeholder { min-height: 120px; place-items: center; padding: 20px; }\n\n.ckui-typing { min-height: 26px; padding: 5px 16px; border-top: 1px solid var(--ckui-border); background: var(--ckui-surface); color: var(--ckui-muted); font-size: 11px; }\n.ckui-composer { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--ckui-border); background: var(--ckui-surface); }\n.ckui-composer__input { flex: 1; min-width: 0; min-height: 38px; max-height: 132px; padding: 9px 11px; resize: none; border: 1px solid var(--ckui-border); border-radius: 8px; outline: 0; background: var(--ckui-surface); box-shadow: 0 1px 2px rgb(0 0 0 / 0.03); }\n.ckui-composer__input::placeholder { color: var(--ckui-muted); }\n.ckui-composer__input:focus { border-color: color-mix(in srgb, var(--ckui-primary) 45%, var(--ckui-border)); }\n.ckui-send-button { display: inline-grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; border-radius: 8px; background: var(--ckui-primary); color: var(--ckui-outgoing-text); box-shadow: 0 1px 2px rgb(0 0 0 / 0.08); }\n.ckui-send-button:hover:not(:disabled) { opacity: 0.9; }\n.ckui-send-button:disabled, .ckui-icon-button:disabled { cursor: not-allowed; opacity: 0.45; }\n\n.ckui[data-density='compact'] { font-size: 12px; }\n.ckui[data-density='compact'] .ckui-conversation-list__toolbar { min-height: 44px; }\n.ckui[data-density='compact'] .ckui-conversation-item { min-height: 46px; padding: 6px 10px; }\n.ckui[data-density='compact'] .ckui-avatar { --ckui-avatar-size: 30px; font-size: 10px; }\n.ckui[data-density='compact'] .ckui-conversation-item__meta { align-self: center; padding-top: 0; }\n.ckui[data-density='compact'] .ckui-unread-badge { min-width: 18px; height: 18px; font-size: 10px; }\n.ckui[data-density='compact'] .ckui-message-list { gap: 5px; padding: 10px 12px; }\n.ckui[data-density='compact'] .ckui-message-bubble { max-width: 88%; padding: 6px 9px; border-radius: 8px; }\n.ckui[data-density='compact'] .ckui-conversation-header { min-height: 48px; }\n.ckui[data-density='compact'] .ckui-typing { min-height: 22px; padding-block: 3px; }\n.ckui[data-density='compact'] .ckui-composer { padding: 6px 8px; }\n.ckui-spin { animation: ckui-spin 900ms linear infinite; }\n@keyframes ckui-spin { to { transform: rotate(360deg); } }\n@media (prefers-reduced-motion: reduce) { .ckui *, .ckui *::before, .ckui *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }\n@media (max-width: 560px) { .ckui-message-bubble { max-width: 88%; } .ckui-message-list { padding-inline: 12px; } }\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { Conversation as Conversation$1, MessageListOptions, Message, SendMessageInput, RealtimeConnectionHandlers, RealtimeSubscription, MessageEvent, MessageDeletedEvent, ReadEvent, TypingEvent, MessageMedia, ConvoKitClient } from '@convokitapp/sdk';
+import { Conversation as Conversation$1, InboxPage, MessageListOptions, Message, SendMessageInput, MarkConversationReadOptions, RealtimeConnectionHandlers, RealtimeSubscription, MessageEvent, MessageDeletedEvent, ReadEvent, TypingEvent, ReadPosition, InboxSummary, MessageMedia, ConvoKitClient, InboxEntry } from '@convokitapp/sdk';
 import * as vue from 'vue';
 import { CSSProperties, HTMLAttributes, Ref, VNodeChild, PropType, MaybeRefOrGetter, TextareaHTMLAttributes } from 'vue';
 
@@ -11,13 +11,26 @@ interface ConvoKitUiClient {
         offset: number;
         archived: boolean;
     }): Promise<Conversation$1[]>;
+    /** Activity-ordered inbox pages with a preview, unread count and read state per row (core 0.6). Pass the previous
+     * `nextCursor` back as `cursor` (null for the head). Adapters without it, and custom page loaders, use the legacy
+     * `getConversations` path without summaries; a 404 from this endpoint falls back to that path for the store's life.
+     */
+    listInbox?(options: {
+        limit: number;
+        cursor: string | null;
+        archived: boolean;
+    }): Promise<InboxPage>;
     getConversation(conversationId: string): Promise<Conversation$1>;
     /** Newest first, with a paired value cursor; never derive an offset from rendered rows. */
     getMessages(options: MessageListOptions): Promise<Message[]>;
     /** Complete authorized message, including related media absent from raw row events. */
     getMessage(id: string): Promise<Message>;
     sendMessage(input: SendMessageInput): Promise<Message>;
-    markConversationRead(conversationId: string): Promise<void>;
+    /** Acknowledge through `options.throughMessageId` (the newest rendered row). Custom adapters must forward it
+     * and reject a missing target with `code: 'MESSAGE_NOT_FOUND'` (or a 404 without a code); the UI never sends a
+     * request without a target. Membership failures keep their error code, if any, so they surface as errors.
+     */
+    markConversationRead(conversationId: string, options?: MarkConversationReadOptions): Promise<void>;
     sendTyping(input: {
         conversationId: string;
         isTyping: boolean;
@@ -25,6 +38,10 @@ interface ConvoKitUiClient {
     onConnectionEvent(handlers: RealtimeConnectionHandlers): RealtimeSubscription;
     /** Notify on inbox mutations AND on initial subscription/reconnect. No room data in the signal. */
     onInboxChanged(handler: () => void, onError?: (error: Error) => void): RealtimeSubscription;
+    /** Message inserts/edits and read-position advances in the caller's rooms; never fires on join/rejoin. The list
+     * store throttles these (`activityRefreshWindowMs`); room stores ignore them.
+     */
+    onInboxActivity?(handler: () => void, onError?: (error: Error) => void): RealtimeSubscription;
     onMessage(conversationId: string, handler: (event: MessageEvent) => void, onError?: (error: Error) => void): RealtimeSubscription;
     onMessageDeleted(conversationId: string, handler: (event: MessageDeletedEvent) => void, onError?: (error: Error) => void): RealtimeSubscription;
     onReadReceipt(conversationId: string, handler: (event: ReadEvent) => void, onError?: (error: Error) => void): RealtimeSubscription;
@@ -47,6 +64,10 @@ interface ConversationPageRequest {
 type ConversationPageLoader = (request: ConversationPageRequest) => Promise<Conversation$1[]>;
 interface ConversationListState {
     conversations: Readonly<Ref<Conversation$1[]>>;
+    /** Per-room preview, unread count and read state by conversation ID; empty on the legacy `getConversations` path. */
+    summaries: Readonly<Ref<ReadonlyMap<string, InboxSummary>>>;
+    /** The bound session's user; `''` without a session, on the legacy path and after disposal. */
+    currentUserId: Readonly<Ref<string>>;
     filter: Readonly<Ref<ConversationFilter>>;
     isInitialLoading: Readonly<Ref<boolean>>;
     isLoadingMore: Readonly<Ref<boolean>>;
@@ -58,7 +79,10 @@ interface ConversationState {
     conversation: Readonly<Ref<Conversation$1 | null>>;
     messages: Readonly<Ref<Message[]>>;
     typingUserIds: Readonly<Ref<ReadonlySet<string>>>;
+    /** Last acknowledgement time per user; kept for custom renderers. */
     readAtByUserId: Readonly<Ref<ReadonlyMap<string, Date>>>;
+    /** Monotonic read-through position per user; `readerIdsFor` prefers it over `readAtByUserId`. */
+    readPositionByUserId: Readonly<Ref<ReadonlyMap<string, ReadPosition>>>;
     isInitialLoading: Readonly<Ref<boolean>>;
     isLoadingOlder: Readonly<Ref<boolean>>;
     isReconciling: Readonly<Ref<boolean>>;
@@ -82,6 +106,10 @@ interface ConversationItemSlotProps {
     index: number;
     selected: boolean;
     select: () => void;
+    /** Present when the list carries an inbox summary for this row (0.6.0). */
+    summary?: InboxSummary;
+    /** Present when the list knows the viewer (0.6.0); compare with `summary.latestMessage.senderId`. */
+    currentUserId?: string;
 }
 interface MessageSlotProps {
     message: Message;
@@ -171,7 +199,10 @@ interface ConversationController extends ConversationState {
         text?: string;
         media?: MessageMedia[];
     }): Promise<Message | null>;
+    /** Acknowledge through the newest rendered message now; no request is sent while nothing is rendered. */
     markRead(): Promise<void>;
+    /** Automatic acknowledgements pause while hidden and resume when the view becomes visible again. */
+    setVisible(visible: boolean): void;
     updateTyping(isTyping: boolean): Promise<void>;
     dispose(): Promise<void>;
 }
@@ -185,6 +216,7 @@ interface ConversationViewProps extends ConvoKitAppearanceProps {
     onSendMessage: (text: string) => boolean | void | Promise<boolean | void>;
     typingUserIds?: ReadonlySet<string>;
     readAtByUserId?: ReadonlyMap<string, Date>;
+    readPositionByUserId?: ReadonlyMap<string, ReadPosition>;
     readersResolver?: (message: Message) => ReadonlySet<string>;
     onBack?: () => void;
     onRefresh?: () => void | Promise<void>;
@@ -239,6 +271,10 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readonly readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readonly readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -382,6 +418,10 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readonly readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readonly readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -510,6 +550,7 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     readonly typingUserIds: ReadonlySet<string>;
     readonly readAtByUserId: ReadonlyMap<string, Date>;
+    readonly readPositionByUserId: ReadonlyMap<string, ReadPosition>;
     readonly isInitialLoading: boolean;
     readonly isLoadingOlder: boolean;
     readonly isSending: boolean;
@@ -538,7 +579,7 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly defaultDraft: string;
     readonly onDraftChange: (value: string) => void;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-interface ConversationProps extends Omit<ConversationViewProps, 'conversation' | 'messages' | 'currentUserId' | 'onSendMessage' | 'typingUserIds' | 'readAtByUserId' | 'onRefresh' | 'onLoadOlder' | 'onTypingChange' | 'isInitialLoading' | 'isLoadingOlder' | 'isSending' | 'hasOlderMessages' | 'error'>, Omit<UseConversationOptions, 'client' | 'conversationId'> {
+interface ConversationProps extends Omit<ConversationViewProps, 'conversation' | 'messages' | 'currentUserId' | 'onSendMessage' | 'typingUserIds' | 'readAtByUserId' | 'readPositionByUserId' | 'onRefresh' | 'onLoadOlder' | 'onTypingChange' | 'isInitialLoading' | 'isLoadingOlder' | 'isSending' | 'hasOlderMessages' | 'error'>, Omit<UseConversationOptions, 'client' | 'conversationId'> {
     client: ConvoKitUiClient;
     conversationId: string;
     onControllerChange?: (controller: ConversationController) => void;
@@ -601,6 +642,10 @@ declare const Conversation: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -776,6 +821,10 @@ declare const Conversation: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -907,6 +956,7 @@ declare const Conversation: vue.DefineComponent<vue.ExtractPropTypes<{
     conversation: Conversation$1;
     typingUserIds: ReadonlySet<string>;
     readAtByUserId: ReadonlyMap<string, Date>;
+    readPositionByUserId: ReadonlyMap<string, ReadPosition>;
     isInitialLoading: boolean;
     isLoadingOlder: boolean;
     isSending: boolean;
@@ -950,6 +1000,8 @@ interface UseConversationListOptions {
     initialFilter?: ConversationFilter;
     pageSize?: number;
     autoLoad?: boolean;
+    /** Max-wait window (ms) that coalesces `inbox_activity` signals into one refresh; default 500, 0 = immediate. */
+    activityRefreshWindowMs?: number;
 }
 interface ConversationListController extends ConversationListState {
     loadInitial(): Promise<void>;
@@ -963,6 +1015,10 @@ declare function useConversationList(options: UseConversationListOptions): Conve
 
 interface ConversationListViewProps extends ConvoKitAppearanceProps {
     conversations: readonly Conversation$1[];
+    /** Inbox summaries by conversation ID (0.6.0). Rows with one show a preview, time and unread badge. */
+    summaries?: ReadonlyMap<string, InboxSummary>;
+    /** The viewer; a preview from them reads `You: …`. Absent → no prefix. */
+    currentUserId?: string;
     selectedConversationId?: string;
     onConversationSelect?: (conversation: Conversation$1) => void;
     onRefresh?: () => void | Promise<void>;
@@ -983,6 +1039,14 @@ declare const ConversationListView: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<readonly Conversation$1[]>;
         readonly required: true;
     };
+    readonly summaries: {
+        readonly type: PropType<ReadonlyMap<string, InboxSummary>>;
+        readonly default: undefined;
+    };
+    readonly currentUserId: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     readonly selectedConversationId: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -1054,6 +1118,14 @@ declare const ConversationListView: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<readonly Conversation$1[]>;
         readonly required: true;
     };
+    readonly summaries: {
+        readonly type: PropType<ReadonlyMap<string, InboxSummary>>;
+        readonly default: undefined;
+    };
+    readonly currentUserId: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     readonly selectedConversationId: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -1120,6 +1192,7 @@ declare const ConversationListView: vue.DefineComponent<vue.ExtractPropTypes<{
     "onLoad-more"?: () => any;
 }>, {
     readonly isInitialLoading: boolean;
+    readonly currentUserId: string;
     readonly scrollElement: Ref<HTMLElement | null, HTMLElement | null>;
     readonly paginationThreshold: number;
     readonly classNames: Partial<Record<ConvoKitUiPart, string>>;
@@ -1127,6 +1200,7 @@ declare const ConversationListView: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly density: ConvoKitUiDensity;
     readonly unstyled: boolean;
     readonly onRefresh: () => void | Promise<void>;
+    readonly summaries: ReadonlyMap<string, InboxSummary>;
     readonly isLoadingMore: boolean;
     readonly hasMore: boolean;
     readonly selectedConversationId: string;
@@ -1164,10 +1238,22 @@ declare const ConversationList: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    activityRefreshWindowMs: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     onControllerChange: {
         type: PropType<(controller: ConversationListController) => void>;
         default: undefined;
     };
+    summaries: {
+        readonly type: PropType<ReadonlyMap<string, InboxSummary>>;
+        readonly default: undefined;
+    };
+    currentUserId: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     selectedConversationId: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -1255,10 +1341,22 @@ declare const ConversationList: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    activityRefreshWindowMs: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     onControllerChange: {
         type: PropType<(controller: ConversationListController) => void>;
         default: undefined;
     };
+    summaries: {
+        readonly type: PropType<ReadonlyMap<string, InboxSummary>>;
+        readonly default: undefined;
+    };
+    currentUserId: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     selectedConversationId: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -1324,6 +1422,7 @@ declare const ConversationList: vue.DefineComponent<vue.ExtractPropTypes<{
     "onConversation-select"?: (...args: any[]) => any;
 }>, {
     isInitialLoading: boolean;
+    currentUserId: string;
     scrollElement: Ref<HTMLElement | null, HTMLElement | null>;
     paginationThreshold: number;
     classNames: Partial<Record<ConvoKitUiPart, string>>;
@@ -1334,6 +1433,7 @@ declare const ConversationList: vue.DefineComponent<vue.ExtractPropTypes<{
     autoLoad: boolean;
     onControllerChange: (controller: ConversationListController) => void;
     conversations: readonly Conversation$1[];
+    summaries: ReadonlyMap<string, InboxSummary>;
     isLoadingMore: boolean;
     hasMore: boolean;
     selectedConversationId: string;
@@ -1343,13 +1443,37 @@ declare const ConversationList: vue.DefineComponent<vue.ExtractPropTypes<{
     pageLoader: ConversationPageLoader;
     initialFilter: ConversationFilter;
     pageSize: number;
+    activityRefreshWindowMs: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
+/** Whether a message is an optimistic row awaiting server acknowledgement. */
+declare function isConvoKitPendingMessage(message: Message): boolean;
+declare function matchesConversation(conversation: Conversation$1, filter: ConversationFilter): boolean;
+declare function applyConversationFilter(conversations: readonly Conversation$1[], filter: ConversationFilter): Conversation$1[];
+declare function mergeConversations(current: readonly Conversation$1[], incoming: readonly Conversation$1[]): Conversation$1[];
+/** Merge inbox pages by conversation ID: a later entry replaces an earlier one (its room moved), and the result is
+ * re-ordered by `(activityAt desc, id desc)`. Server order is authoritative within a page; this is the rule applied
+ * whenever pages are combined (load more, refresh).
+ */
+declare function mergeInboxEntries(current: readonly InboxEntry[], incoming: readonly InboxEntry[]): InboxEntry[];
+/** Device-zone clock time, shared by message rows and inbox rows. */
+declare function formatMessageTime(date: Date): string;
+declare function mergeMessages(current: readonly Message[], incoming: readonly Message[]): Message[];
+/** Readers of a message under the unified rule: a user's read position (createdAt, id) wins when present,
+ * otherwise the acknowledgement time is compared with createdAt (legacy participants, empty-room acknowledgements).
+ * The sender and pending rows never have readers.
+ */
+declare function readerIdsFor(message: Message, readAtByUserId: ReadonlyMap<string, Date>, readPositionByUserId?: ReadonlyMap<string, ReadPosition>): ReadonlySet<string>;
+declare function formatFileSize(size: number | undefined): string | null;
+
 interface MessageListViewProps extends ConvoKitAppearanceProps {
     conversation: Conversation$1;
     messages: readonly Message[];
     currentUserId: string;
+    /** Acknowledgement times; the fallback for users without a read position. */
     readAtByUserId?: ReadonlyMap<string, Date>;
+    /** Read-through positions; a user's position decides their receipts whenever one is present. */
+    readPositionByUserId?: ReadonlyMap<string, ReadPosition>;
     readersResolver?: (message: Message) => ReadonlySet<string>;
     onLoadOlder?: () => void | Promise<void>;
     hasOlderMessages?: boolean;
@@ -1365,7 +1489,6 @@ interface MessageListViewProps extends ConvoKitAppearanceProps {
     class?: unknown;
     style?: unknown;
 }
-declare function defaultFormatTime(date: Date): string;
 /** Controlled message history with read receipts, structured media, and older-page loading. */
 declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
     conversation: {
@@ -1384,6 +1507,10 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ReadonlyMap<string, Date>>;
         default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        type: PropType<ReadonlyMap<string, ReadPosition>>;
+        default: () => Map<any, any>;
+    };
     readersResolver: {
         type: PropType<(message: Message) => ReadonlySet<string>>;
         default: undefined;
@@ -1426,7 +1553,7 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     formatTime: {
         type: PropType<(date: Date) => string>;
-        default: typeof defaultFormatTime;
+        default: typeof formatMessageTime;
     };
     imageLoading: {
         type: PropType<"eager" | "lazy">;
@@ -1467,6 +1594,10 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ReadonlyMap<string, Date>>;
         default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        type: PropType<ReadonlyMap<string, ReadPosition>>;
+        default: () => Map<any, any>;
+    };
     readersResolver: {
         type: PropType<(message: Message) => ReadonlySet<string>>;
         default: undefined;
@@ -1509,7 +1640,7 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     formatTime: {
         type: PropType<(date: Date) => string>;
-        default: typeof defaultFormatTime;
+        default: typeof formatMessageTime;
     };
     imageLoading: {
         type: PropType<"eager" | "lazy">;
@@ -1537,6 +1668,7 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     reverse: boolean;
     readAtByUserId: ReadonlyMap<string, Date>;
+    readPositionByUserId: ReadonlyMap<string, ReadPosition>;
     isLoadingOlder: boolean;
     hasOlderMessages: boolean;
     readersResolver: (message: Message) => ReadonlySet<string>;
@@ -1552,7 +1684,7 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
     density: ConvoKitUiDensity;
     unstyled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare function defaultReadersResolver(readAtByUserId: ReadonlyMap<string, Date>): (message: Message) => ReadonlySet<string>;
+declare function defaultReadersResolver(readAtByUserId: ReadonlyMap<string, Date>, readPositionByUserId?: ReadonlyMap<string, ReadPosition>): (message: Message) => ReadonlySet<string>;
 
 interface ConvoKitTheme {
     background: string;
@@ -1565,6 +1697,8 @@ interface ConvoKitTheme {
     incomingBubble: string;
     outgoingBubble: string;
     outgoingText: string;
+    /** Unread badge background (0.6.0); its label uses `outgoingText`. Defaults to the primary color. */
+    badge: string;
     radius: string;
     avatarSize: string;
     fontFamily: string;
@@ -1605,13 +1739,4 @@ declare const ConvoKitThemeProvider: vue.DefineComponent<vue.ExtractPropTypes<{
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare function useConvoKitTheme(): Readonly<Ref<ConvoKitTheme>>;
 
-/** Whether a message is an optimistic row awaiting server acknowledgement. */
-declare function isConvoKitPendingMessage(message: Message): boolean;
-declare function matchesConversation(conversation: Conversation$1, filter: ConversationFilter): boolean;
-declare function applyConversationFilter(conversations: readonly Conversation$1[], filter: ConversationFilter): Conversation$1[];
-declare function mergeConversations(current: readonly Conversation$1[], incoming: readonly Conversation$1[]): Conversation$1[];
-declare function mergeMessages(current: readonly Message[], incoming: readonly Message[]): Message[];
-declare function readerIdsFor(message: Message, readAtByUserId: ReadonlyMap<string, Date>): ReadonlySet<string>;
-declare function formatFileSize(size: number | undefined): string | null;
-
-export { type BaseViewProps, type ComposerSlotProps, Conversation, type ConversationController, type ConversationFilter, type ConversationItemSlotProps, ConversationList, type ConversationListController, type ConversationListProps, type ConversationListState, ConversationListView, type ConversationListViewProps, type ConversationPageLoader, type ConversationPageRequest, type ConversationProps, type ConversationState, ConversationView, type ConversationViewProps, type ConvoKitAppearanceProps, ConvoKitAvatar, type ConvoKitTheme, ConvoKitThemeProvider, type ConvoKitUiClient, type ConvoKitUiDensity, type ConvoKitUiPart, type ErrorSlot, type ErrorSlotProps, type MediaSlotProps, MessageListView, type MessageListViewProps, type MessageSlotProps, type ReadReceiptSlotProps, type ScrollOptions, type StateSlot, type TypingSlotProps, type UseConversationListOptions, type UseConversationOptions, applyConversationFilter, createConvoKitUiClient, defaultConvoKitTheme, defaultReadersResolver, formatFileSize, isConvoKitPendingMessage, matchesConversation, mergeConversations, mergeMessages, readerIdsFor, useConversation, useConversationList, useConvoKitTheme };
+export { type BaseViewProps, type ComposerSlotProps, Conversation, type ConversationController, type ConversationFilter, type ConversationItemSlotProps, ConversationList, type ConversationListController, type ConversationListProps, type ConversationListState, ConversationListView, type ConversationListViewProps, type ConversationPageLoader, type ConversationPageRequest, type ConversationProps, type ConversationState, ConversationView, type ConversationViewProps, type ConvoKitAppearanceProps, ConvoKitAvatar, type ConvoKitTheme, ConvoKitThemeProvider, type ConvoKitUiClient, type ConvoKitUiDensity, type ConvoKitUiPart, type ErrorSlot, type ErrorSlotProps, type MediaSlotProps, MessageListView, type MessageListViewProps, type MessageSlotProps, type ReadReceiptSlotProps, type ScrollOptions, type StateSlot, type TypingSlotProps, type UseConversationListOptions, type UseConversationOptions, applyConversationFilter, createConvoKitUiClient, defaultConvoKitTheme, defaultReadersResolver, formatFileSize, isConvoKitPendingMessage, matchesConversation, mergeConversations, mergeInboxEntries, mergeMessages, readerIdsFor, useConversation, useConversationList, useConvoKitTheme };