@webless/agent 0.8.0 → 0.9.1

package/dist/embed.css

@@ -344,6 +344,9 @@ html.webless-agent-page-shift {
   font-size: 12px;
   line-height: 1.5;
 }
+.agent-transcript__message--visitor .agent-transcript__meta {
+  justify-content: flex-end;
+}
 .agent-transcript__meta time {
   font-variant-numeric: tabular-nums;
 }
@@ -362,6 +365,45 @@ html.webless-agent-page-shift {
   max-width: 100%;
   overflow-x: auto;
 }
+.agent-transcript__activity {
+  min-width: 0;
+  color: var(--as-text-muted);
+  font-size: 12px;
+  line-height: 1.5;
+  border-left: 2px solid var(--as-border);
+  padding-left: 12px;
+}
+.agent-transcript__activity-heading {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 4px 12px;
+  overflow-wrap: anywhere;
+}
+summary.agent-transcript__activity-heading {
+  cursor: pointer;
+}
+summary.agent-transcript__activity-heading::before {
+  content: "\203a";
+}
+.agent-transcript__activity details[open] > summary::before {
+  content: "\2304";
+}
+.agent-transcript__activity-heading time {
+  margin-left: auto;
+  font-variant-numeric: tabular-nums;
+}
+.agent-transcript__activity-status {
+  font-weight: 500;
+}
+.agent-transcript__activity[data-status=failed],
+.agent-transcript__activity[data-status=rejected] {
+  border-color: var(--as-error, #b91c1c);
+}
+.agent-transcript__activity-result {
+  margin-top: 12px;
+  color: var(--as-text);
+}
 
 /* src/react/styles/all.css */
 
@@ -1087,20 +1129,22 @@ html.webless-agent-page-shift {
   width: 100%;
   min-width: 0;
   gap: 16px;
-  margin-top: 24px;
+  margin-top: 12px;
 }
 .search-references__heading {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin: 0 0 8px;
+  width: fit-content;
+  min-height: 32px;
+  box-sizing: border-box;
+  padding: 6px 0;
+  margin: 0;
   color: var(--as-text);
   font-size: 12px;
-  font-weight: 700;
+  font-weight: 600;
   line-height: 1.5;
+  cursor: pointer;
 }
-.search-references__heading span {
-  display: inline-flex;
+.search-references__disclosure[open] > summary {
+  margin-bottom: 8px;
 }
 .search-references__list {
   display: grid;
@@ -1174,14 +1218,15 @@ html.webless-agent-page-shift {
   background: var(--as-brand-soft);
   color: var(--as-brand);
 }
-.search-references a:focus-visible {
+.search-references a:focus-visible,
+.search-references summary:focus-visible {
   outline: 2px solid var(--as-brand);
   outline-offset: 2px;
 }
 .message-bubble__text:has(.search-references) {
   width: 100%;
 }
-.search-references > section,
+.search-references > details,
 .search-references__list > li {
   min-width: 0;
 }
@@ -2268,6 +2313,50 @@ html.webless-agent-page-shift {
 .entity-result-card {
   box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.04);
 }
+.entity-result-card.entity-result-card--compact,
+.entity-result-card.entity-result-card--disclosure {
+  padding: 4px 0;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+  color: var(--as-text-muted);
+}
+.entity-result-card--compact .tool-result-card__heading strong,
+.entity-result-card--disclosure .tool-result-card__heading strong {
+  font-size: 12px;
+  font-weight: 500;
+}
+.entity-result-card--disclosure > summary {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: fit-content;
+  cursor: pointer;
+  list-style: none;
+}
+.entity-result-card--disclosure > summary::-webkit-details-marker {
+  display: none;
+}
+.entity-result-card--disclosure > summary::after {
+  content: "";
+  width: 5px;
+  height: 5px;
+  border-right: 1px solid currentColor;
+  border-bottom: 1px solid currentColor;
+  transform: rotate(45deg);
+}
+.entity-result-card--disclosure[open] > summary::after {
+  transform: rotate(225deg);
+}
+.entity-result-card--disclosure > summary:focus-visible {
+  outline: 2px solid var(--as-brand);
+  outline-offset: 4px;
+  border-radius: 2px;
+}
+.entity-result-card--disclosure > dl {
+  margin-top: 12px;
+  padding-left: 16px;
+}
 @media (prefers-reduced-motion: reduce) {
   .entity-result-card {
     transition: none;
@@ -2494,6 +2583,9 @@ html.webless-agent-page-shift {
   align-items: stretch;
   gap: 10px;
 }
+.agent-rail__turn-block:empty {
+  display: none;
+}
 .agent-rail__welcome {
   display: flex;
   flex-direction: column;