@itsyouagency/ui 1.47.0 → 1.48.0

package/dist/assets/css/design-system.css

@@ -189,6 +189,9 @@
   font-weight: 600;
   letter-spacing: 1.4px;
 }
+.ui-sidebar-actions .ui-nav {
+  padding: 0;
+}
 .ui-sidebar-sign-out {
   width: 100%;
   text-align: left;
@@ -506,32 +509,68 @@
   width: max-content;
   min-width: 100%;
 }
-.ui-content-tab {
+.ui-content-tab,
+.ui-filter-tabs-underline .ui-filter-chip {
+  position: relative;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
   justify-content: center;
   gap: 8px;
   min-height: 52px;
   padding: 12px 2px;
-  border-bottom: 2px solid transparent;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+  outline: none;
   color: rgb(var(--ui-gray-500));
+  font-family: inherit;
   font-size: 13px;
   font-weight: 500;
+  line-height: 20px;
   white-space: nowrap;
   cursor: pointer;
 }
-.ui-content-tab:hover {
+.ui-content-tab::after,
+.ui-filter-tabs-underline .ui-filter-chip::after {
+  content: '';
+  position: absolute;
+  inset: auto 0 0;
+  height: 2px;
+  border-radius: 2px 2px 0 0;
+  background: rgb(var(--ui-gray-900));
+  opacity: 0;
+}
+.ui-content-tab:hover,
+.ui-filter-tabs-underline .ui-filter-chip:hover {
+  background: transparent;
   color: rgb(var(--ui-gray-900));
 }
-.ui-content-tab[aria-selected='true'] {
-  border-bottom-color: rgb(var(--ui-gray-900));
+.ui-content-tab[aria-selected='true'],
+.ui-filter-tabs-underline .ui-filter-chip[aria-pressed='true'] {
+  background: transparent;
+  box-shadow: none;
   color: rgb(var(--ui-gray-900));
+  font-weight: 500;
 }
-.ui-content-tab:focus-visible {
-  outline: 2px solid rgb(var(--ui-gray-900));
-  outline-offset: -4px;
+.ui-content-tab[aria-selected='true']::after,
+.ui-filter-tabs-underline .ui-filter-chip[aria-pressed='true']::after {
+  opacity: 1;
+}
+/* Keep keyboard focus inside the strip, with priority over shell focus rules. */
+.ui-content-tabs-list .ui-content-tab[data-focus],
+.ui-filter-tabs .ui-filter-chip:focus-visible,
+.ui-segmented-tabs-list .ui-segmented-tab[data-focus] {
+  outline: 2px solid rgb(var(--ui-gray-500));
+  outline-offset: -2px;
   border-radius: 4px;
 }
+.ui-content-tabs-list .ui-content-tab:focus:not([data-focus]),
+.ui-filter-tabs .ui-filter-chip:focus:not(:focus-visible),
+.ui-segmented-tabs-list .ui-segmented-tab:focus:not([data-focus]) {
+  outline: none;
+}
 .ui-content-tab-count {
   display: inline-flex;
   align-items: center;
@@ -545,7 +584,9 @@
   font-size: 10px;
   font-variant-numeric: tabular-nums;
 }
-.ui-content-tab[aria-selected='true'] .ui-content-tab-count {
+.ui-content-tab[aria-selected='true'] .ui-content-tab-count,
+.ui-filter-tabs .ui-filter-chip[aria-pressed='true'] .ui-content-tab-count,
+.ui-segmented-tab[aria-selected='true'] .ui-content-tab-count {
   color: var(--ui-white);
   background: rgb(var(--ui-gray-900));
 }
@@ -553,7 +594,8 @@
   .ui-content-tabs-list {
     gap: 18px;
   }
-  .ui-content-tab {
+  .ui-content-tab,
+  .ui-filter-tabs-underline .ui-filter-chip {
     gap: 5px;
     font-size: 12px;
   }
@@ -796,7 +838,16 @@
 .ui-content table td :is(.font-semibold, .font-medium) {
   color: rgb(var(--ui-gray-700));
 }
-.ui-filter-chip {
+.ui-filter-chip,
+.ui-segmented-tab {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  cursor: pointer;
+  font-family: inherit;
+  font-weight: 600;
+  line-height: 20px;
   min-height: 33px;
   padding: 6px 12px;
   border: 1px solid transparent;
@@ -805,11 +856,13 @@
   color: rgb(var(--ui-gray-500));
   white-space: nowrap;
 }
-.ui-filter-chip:hover {
+.ui-filter-chip:hover,
+.ui-segmented-tab:hover {
   background: rgb(var(--ui-gray-100));
   color: rgb(var(--ui-gray-700));
 }
-.ui-filter-chip[aria-pressed='true'] {
+.ui-filter-chip[aria-pressed='true'],
+.ui-segmented-tab[aria-selected='true'] {
   background: var(--ui-white);
   border-color: rgb(var(--ui-gray-200));
   color: rgb(var(--ui-gray-900));
@@ -824,7 +877,8 @@
   gap: 14px;
   padding: 8px 0;
 }
-.ui-filter-tabs {
+.ui-filter-tabs,
+.ui-segmented-tabs-list {
   display: flex;
   align-items: center;
   gap: 3px;
@@ -835,11 +889,11 @@
   border-radius: 8px;
   background: rgb(var(--ui-gray-100));
 }
-.ui-filter-tabs button span {
-  margin-left: 5px;
-  font-size: 10px;
-  font-variant-numeric: tabular-nums;
-}
+.ui-filter-tabs .ui-content-tab-count { margin-left: 0; }
+.ui-segmented-tabs { display: grid; gap: 24px; min-width: 0; width: 100%; }
+.ui-segmented-tabs-scroll { display: flex; justify-content: center; min-width: 0; }
+.ui-segmented-tabs-list { width: 100%; max-width: 448px; }
+.ui-segmented-tab { flex: 1; flex-shrink: 0; }
 .ui-status {
   display: inline-flex;
   align-items: center;
@@ -907,6 +961,14 @@
   border-radius: 50%;
   color: rgb(var(--ui-gray-500));
 }
+.ui-panel .ui-empty-state,
+.ui-notification-menu .ui-empty-state,
+.ui-panel .ui-list-skeleton,
+.ui-notification-menu .ui-list-skeleton {
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+}
 .ui-inline-error {
   display: flex;
   flex-wrap: wrap;
@@ -1906,24 +1968,17 @@
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 18px;
 }
-.ui-filter-tabs-underline {
+.ui-filter-tabs.ui-filter-tabs-underline {
   border: 0;
   border-bottom: 1px solid rgb(var(--ui-gray-200));
   padding: 0;
+  gap: 24px;
   border-radius: 0;
   background: transparent;
+  scrollbar-width: thin;
 }
-.ui-filter-tabs-underline .ui-filter-chip {
-  border: 0;
-  border-bottom: 2px solid transparent;
-  border-radius: 0;
-  padding: 12px 16px;
-}
-.ui-filter-tabs-underline
-  .ui-filter-chip[aria-pressed='true'] {
-  background: transparent;
-  border-bottom-color: rgb(var(--ui-gray-900));
-  box-shadow: none;
+@media (max-width: 639px) {
+  .ui-filter-tabs.ui-filter-tabs-underline { gap: 18px; }
 }
 .ui-filter-chip:disabled {
   opacity: 0.5;
@@ -2851,6 +2906,49 @@
   color: #9b9ba6;
   margin-top: 4px;
 }
+.ui-chat-message-meta {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 4px;
+}
+.ui-chat-message-meta time {
+  margin-top: 0;
+  flex-wrap: wrap;
+}
+.ui-chat-edit-message {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 5px;
+  color: #d3d4df;
+  flex-shrink: 0;
+}
+.ui-chat-edit-message:hover,
+.ui-chat-edit-message:focus-visible {
+  color: #fff;
+  background: #ffffff20;
+}
+.ui-chat-edit-form {
+  display: grid;
+  gap: 12px;
+}
+.ui-chat-archived-notice {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  padding: 10px 18px;
+  font-size: 11px;
+  color: rgb(var(--ui-gray-600));
+  background: rgb(var(--ui-gray-50));
+  border-bottom: 1px solid rgb(var(--ui-gray-200));
+}
+.ui-chat-archived-notice svg {
+  flex-shrink: 0;
+}
 .ui-chat-message[data-own='true'] .ui-chat-bubble {
   background: #292a36;
   border-color: #292a36;
@@ -3520,6 +3618,9 @@ html {
   position: relative;
   min-width: 0;
 }
+.ui-data-region > .ui-empty-state {
+  min-height: inherit;
+}
 .ui-refresh-notice {
   position: absolute;
   z-index: 3;
@@ -3564,3 +3665,350 @@ html {
 @media (prefers-reduced-motion: reduce) {
   .ui-skeleton, .ui-update-progress::after { animation: none; }
 }
+
+/* Shared notification inbox for agency, client and model workspaces. */
+.ui-notification-inbox { display: grid; gap: 24px; min-width: 0; }
+.ui-notification-list { margin: 0; padding: 0; list-style: none; }
+.ui-notification-row { display: flex; gap: 16px; padding: 24px; border-bottom: 1px solid #ececec; background: #fff; }
+.ui-notification-row:last-child { border-bottom: 0; }
+.ui-notification-row[data-unread='true'] { background: #fafafa; }
+.ui-notification-event-icon { width: 40px; height: 40px; flex: 0 0 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #e7e7e7; border-radius: 12px; background: white; color: #393939; }
+.ui-notification-copy { flex: 1; min-width: 0; }
+.ui-notification-title { display: block; color: #171717; font-size: 14px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
+.ui-notification-title:hover { text-decoration: underline; text-underline-offset: 3px; }
+.ui-notification-description { margin: 5px 0 0; color: #666; font-size: 13px; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; }
+.ui-notification-meta { margin-top: 7px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #777; font-size: 11px; }
+.ui-notification-row-actions { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; }
+.ui-notification-row-actions button, .ui-notification-row-actions a, .ui-notification-heading button { background: none; border: 0; padding: 0; color: #555; font-size: 12px; font-weight: 500; cursor: pointer; }
+.ui-notification-row-actions button:hover, .ui-notification-row-actions a:hover, .ui-notification-heading button:hover { color: #000; text-decoration: underline; text-underline-offset: 3px; }
+.ui-notification-row-actions button:disabled, .ui-notification-heading button:disabled { opacity: .45; cursor: wait; }
+.ui-notification-unread-dot { flex: 0 0 6px; width: 6px; height: 6px; margin-top: 9px; border-radius: 50%; background: #171717; }
+.ui-notification-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px; border-bottom: 1px solid #ececec; }
+.ui-notification-heading h2 { font-size: 14px; font-weight: 600; }
+.ui-notification-heading p { color: #777; font-size: 11px; margin-top: 4px; }
+.ui-notification-heading button { max-width: 130px; text-align: right; }
+.ui-notification-footer { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 18px; border-top: 1px solid #ececec; font-size: 13px; font-weight: 500; background: white; }
+.ui-notification-footer:hover { background: #fafafa; }
+.ui-notification-notice, .ui-notification-load { padding: 20px; }
+.ui-notification-load { display: flex; justify-content: center; border-top: 1px solid #ececec; }
+.ui-notification-menu .ui-notification-row { padding: 18px 20px; gap: 12px; }
+.ui-notification-menu .ui-notification-event-icon { width: 34px; height: 34px; flex-basis: 34px; border-radius: 10px; }
+@media (max-width: 640px) { .ui-notification-row { padding: 18px 16px; gap: 12px; } .ui-notification-event-icon { width: 34px; height: 34px; flex-basis: 34px; } }
+.ui-notification-row-actions {
+  min-height: 24px;
+}
+
+/* Private post-job reviews */
+.ui-order-reviews { display: grid; gap: 24px; }
+.ui-reviews-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
+.ui-reviews-heading h2 { color: #171717; font-size: 24px; font-weight: 600; letter-spacing: -.035em; margin: 5px 0 8px; }
+.ui-reviews-heading p { max-width: 660px; color: #737373; line-height: 1.65; font-size: 14px; }
+.ui-reviews-heading .ui-reviews-eyebrow { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; }
+.ui-review-progress { border: 1px solid #e5e5e5; border-radius: 999px; padding: 7px 12px; font-size: 12px; color: #525252; white-space: nowrap; }
+.ui-review-privacy { display: flex; align-items: center; gap: 10px; padding: 14px 18px; background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 12px; font-size: 13px; color: #525252; }
+.ui-review-privacy svg { flex-shrink: 0; }
+.ui-review-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); align-items: start; gap: 20px; }
+.ui-review-card { border: 1px solid #e5e5e5; border-radius: 16px; background: white; overflow: hidden; min-width: 0; }
+.ui-review-card-header { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 22px 24px; border-bottom: 1px solid #ededed; }
+.ui-review-card-header > div { flex: 1; min-width: 100px; }
+.ui-review-card-header h3 { font-size: 15px; font-weight: 600; color: #171717; overflow-wrap: anywhere; }
+.ui-review-card-header p { font-size: 12px; color: #737373; margin-top: 4px; }
+.ui-review-avatar { width: 42px; height: 42px; border: 1px solid #e5e5e5; background: #fafafa; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-weight: 600; font-size: 13px; color: #404040; flex-shrink: 0; }
+.ui-review-form { display: grid; gap: 20px; padding: 24px; }
+.ui-star-rating-field { border: 0; padding: 0; margin: 0; min-width: 0; }
+.ui-star-rating-field legend { margin-bottom: 12px; }
+.ui-star-rating { display: inline-flex; align-items: center; gap: 5px; color: #171717; }
+.ui-star-choice { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; color: #a3a3a3; border-radius: 8px; }
+.ui-star-choice[data-selected="true"] { color: #171717; }
+.ui-star-choice:hover { background: #f5f5f5; color: #171717; }
+.ui-star-choice input { position: absolute; inset: 0; opacity: 0; cursor: pointer; margin: 0; }
+.ui-star-choice input:focus-visible + svg { outline: 2px solid #171717; outline-offset: 4px; border-radius: 3px; }
+.ui-star-rating-field:disabled { opacity: .5; }
+.ui-star-rating-field:disabled .ui-star-choice, .ui-star-rating-field:disabled input { cursor: wait; }
+.ui-rating-value { font-size: 13px; color: #737373; margin-left: 12px; white-space: nowrap; }
+.ui-review-scale { margin-top: -15px; font-size: 11px; color: #737373; }
+.ui-review-form textarea { resize: vertical; min-height: 100px; }
+.ui-review-submit { display: flex; justify-content: flex-end; }
+.ui-review-submit .ui-button { width: auto; }
+.ui-review-result { padding: 24px; display: grid; gap: 16px; }
+.ui-review-score { display: flex; align-items: center; gap: 14px; }
+.ui-review-score strong { font-size: 14px; }
+.ui-review-comment { white-space: pre-wrap; overflow-wrap: anywhere; color: #525252; line-height: 1.7; font-size: 14px; }
+.ui-review-result time { color: #737373; font-size: 12px; }
+.ui-review-awaiting { padding: 24px; font-size: 13px; color: #737373; }
+.ui-reviews-loading { display: grid; gap: 24px; }
+@media (max-width: 640px) {
+  .ui-reviews-heading { flex-direction: column; gap: 14px; }
+  .ui-reviews-heading h2 { font-size: 22px; }
+  .ui-review-card-header, .ui-review-form, .ui-review-result { padding: 20px; }
+  .ui-review-card-header > .ui-status { margin-left: 54px; }
+  .ui-star-rating { gap: 2px; }
+  .ui-rating-value { margin-left: 5px; }
+  .ui-review-submit .ui-button { width: 100%; }
+}
+
+/* FAQ / help center (FaqCenter) */
+.ui-faq {
+  display: grid;
+  gap: 24px;
+}
+.ui-faq > .ui-page-header {
+  margin-bottom: 0;
+}
+.ui-faq-search {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.ui-faq-search-input {
+  flex: 1;
+  min-width: 0;
+}
+.ui-faq-search-input input {
+  background: #fff;
+}
+.ui-faq-layout {
+  display: grid;
+  grid-template-columns: 240px minmax(0, 1fr);
+  gap: 32px;
+  align-items: start;
+}
+.ui-faq-sidebar {
+  position: sticky;
+  top: 88px;
+}
+.ui-faq-topics h2 {
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: rgb(var(--ui-gray-500));
+  padding: 2px 12px 12px;
+}
+.ui-faq-topic {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  min-height: 42px;
+  padding: 10px 12px;
+  border-radius: 7px;
+  font-size: 12px;
+  text-align: left;
+  color: rgb(var(--ui-gray-600));
+  cursor: pointer;
+}
+.ui-faq-topic + .ui-faq-topic {
+  margin-top: 4px;
+}
+.ui-faq-topic svg {
+  flex-shrink: 0;
+}
+.ui-faq-topic > span {
+  flex: 1;
+}
+.ui-faq-topic small {
+  font-size: 10px;
+  font-variant-numeric: tabular-nums;
+  color: rgb(var(--ui-gray-500));
+}
+.ui-faq-topic:hover {
+  background: rgb(var(--ui-gray-100));
+}
+.ui-faq-topic[aria-pressed='true'] {
+  background: rgb(var(--ui-gray-900));
+  color: #fff;
+  font-weight: 500;
+}
+.ui-faq-topic[aria-pressed='true'] small {
+  color: rgb(var(--ui-gray-300));
+}
+.ui-faq-content {
+  display: grid;
+  gap: 24px;
+  min-width: 0;
+}
+.ui-faq-mobile-topic {
+  display: none;
+}
+.ui-faq-section {
+  min-width: 0;
+}
+.ui-faq-section-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 14px;
+}
+.ui-faq-section-header h2 {
+  font-size: 16px;
+  line-height: 1.5;
+  font-weight: 600;
+  color: rgb(var(--ui-gray-900));
+}
+.ui-faq-section-header p {
+  margin-top: 3px;
+  font-size: 12px;
+  line-height: 1.6;
+  color: rgb(var(--ui-gray-500));
+}
+.ui-faq-section-header > span {
+  flex-shrink: 0;
+  padding-top: 4px;
+  font-size: 11px;
+  color: rgb(var(--ui-gray-500));
+}
+.ui-faq-question + .ui-faq-question {
+  border-top: 1px solid rgb(var(--ui-gray-200));
+}
+.ui-faq-question-button {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  width: 100%;
+  min-height: 58px;
+  padding: 17px 20px;
+  text-align: left;
+  font-size: 13px;
+  line-height: 1.6;
+  font-weight: 500;
+  color: rgb(var(--ui-gray-800));
+  cursor: pointer;
+}
+.ui-faq-question-button svg {
+  flex-shrink: 0;
+  color: rgb(var(--ui-gray-500));
+}
+.ui-faq-question-button:hover {
+  background: rgb(var(--ui-gray-50));
+}
+.ui-faq-question-button:focus-visible {
+  outline: 2px solid rgb(var(--ui-gray-500));
+  outline-offset: -3px;
+}
+.ui-faq-question[data-open='true'] .ui-faq-question-button {
+  color: rgb(var(--ui-gray-950));
+}
+.ui-faq-answer {
+  max-width: 82ch;
+  padding: 0 20px 20px;
+  font-size: 13px;
+  line-height: 1.85;
+  color: rgb(var(--ui-gray-600));
+  overflow-wrap: anywhere;
+}
+.ui-faq-answer a {
+  color: rgb(var(--ui-gray-900));
+}
+.ui-faq-answer li + li {
+  margin-top: 7px;
+}
+.ui-faq-results {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 6px;
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+.ui-faq-results strong {
+  color: rgb(var(--ui-gray-900));
+  font-weight: 600;
+}
+.ui-faq-results span {
+  color: rgb(var(--ui-gray-500));
+}
+.ui-faq-support {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  border-top: 1px solid rgb(var(--ui-gray-200));
+  padding-top: 20px;
+}
+.ui-faq-support-icon {
+  display: grid;
+  place-items: center;
+  width: 40px;
+  height: 40px;
+  flex-shrink: 0;
+  background: #fff;
+  border: 1px solid rgb(var(--ui-gray-200));
+  border-radius: 9px;
+  color: rgb(var(--ui-gray-600));
+}
+.ui-faq-support-copy {
+  flex: 1;
+  min-width: 0;
+}
+.ui-faq-support-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.ui-faq-support h2 {
+  font-size: 13px;
+  font-weight: 500;
+  color: rgb(var(--ui-gray-900));
+}
+.ui-faq-support p {
+  font-size: 12px;
+  line-height: 1.6;
+  color: rgb(var(--ui-gray-500));
+  margin-top: 3px;
+}
+@media (max-width: 767px) {
+  .ui-faq {
+    gap: 20px;
+  }
+  .ui-faq-layout {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 0;
+  }
+  .ui-faq-sidebar {
+    display: none;
+  }
+  .ui-faq-mobile-topic {
+    display: grid;
+    gap: 6px;
+  }
+  .ui-faq-mobile-topic label {
+    font-size: 11px;
+    color: rgb(var(--ui-gray-500));
+  }
+  .ui-faq-search {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+  .ui-faq-search-input {
+    flex-basis: 100%;
+  }
+  .ui-faq-search-clear {
+    margin-left: auto;
+  }
+  .ui-faq-section-header {
+    gap: 10px;
+  }
+  .ui-faq-section-header h2 {
+    font-size: 15px;
+  }
+  .ui-faq-question-button {
+    padding: 14px 16px;
+    gap: 14px;
+    min-height: 54px;
+  }
+  .ui-faq-answer {
+    padding: 0 16px 18px;
+  }
+  .ui-faq-support {
+    flex-wrap: wrap;
+    gap: 12px;
+  }
+  .ui-faq-support-actions {
+    flex-basis: 100%;
+  }
+  .ui-faq-support-actions > div {
+    flex: 1 1 100%;
+  }
+}

package/dist/assets/icons/archive.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 8v11a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V8M9 12h6M3 4h18v4H3V4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+</svg>

package/dist/components/base/Icon.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 declare const map: {
+    Archive: React.FC<React.SVGProps<SVGSVGElement>>;
     Upload: React.FC<React.SVGProps<SVGSVGElement>>;
     Download: React.FC<React.SVGProps<SVGSVGElement>>;
     User: React.FC<React.SVGProps<SVGSVGElement>>;

package/dist/components/chat/ChatMessageEditor.d.ts

@@ -0,0 +1,11 @@
+import { type ChatApi } from './api';
+import type { ChatMessage } from './types';
+import type { ChatLabels } from './labels';
+export default function ChatMessageEditor({ api, chatId, message, labels: t, onClose, onSaved, }: {
+    api: ChatApi;
+    chatId: string;
+    message: ChatMessage;
+    labels: ChatLabels;
+    onClose: () => void;
+    onSaved: (message: ChatMessage) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/ChatThread.d.ts

@@ -1,7 +1,7 @@
 import { type ChatApi } from './api';
 import type { ChatDetail, ChatLocale, ChatMessage, ChatViewer } from './types';
 import type { ChatLabels } from './labels';
-export default function ChatThread({ api, id, viewer, canManage, locale, labels: t, draft, onDraft, onBack, onManage, onRead, sendDraft, sendingInBackground, refresh, }: {
+export default function ChatThread({ api, id, viewer, canManage, locale, labels: t, draft, onDraft, onBack, onManage, onRead, sendDraft, sendingInBackground, refresh, onChanged, onArchived, }: {
     api: ChatApi;
     id: string;
     viewer: ChatViewer;
@@ -16,4 +16,6 @@ export default function ChatThread({ api, id, viewer, canManage, locale, labels:
     sendDraft: (id: string, body: string) => Promise<ChatMessage>;
     sendingInBackground: boolean;
     refresh: number;
+    onChanged: () => void;
+    onArchived: (chat: ChatDetail) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/api.d.ts

@@ -4,8 +4,10 @@ export declare class ChatApiError extends Error {
     constructor(message: string, status: number);
 }
 export declare function createChatApi(baseUrl: string): {
-    list: (q: string, cursor?: string, signal?: AbortSignal, clientRequestId?: string) => Promise<{
+    list: (q: string, cursor?: string, signal?: AbortSignal, clientRequestId?: string, archived?: boolean) => Promise<{
         viewer: ChatViewer;
+        generalChat?: ChatSummary | null;
+        archivedCount?: number;
         items: ChatSummary[];
         nextCursor: string | null;
     }>;
@@ -32,5 +34,11 @@ export declare function createChatApi(baseUrl: string): {
     read: (chatId: string, sequence: number) => Promise<{
         ok: true;
     }>;
+    archive: (chatId: string, archived: boolean) => Promise<ChatDetail>;
+    edit: (chatId: string, messageId: string, body: string, editSequence: number) => Promise<ChatMessage>;
+    edits: (chatId: string, after: number, signal?: AbortSignal) => Promise<{
+        items: ChatMessage[];
+        hasMore: boolean;
+    }>;
 };
 export type ChatApi = ReturnType<typeof createChatApi>;