@trismegisto/core 3.3.5 → 3.3.6

package/dist/core.css

@@ -3627,11 +3627,9 @@ hm-header {
 .hm-header__actions {
   --hm-control-height: var(--hm-header-action-size);
   display: flex;
-  flex: 0 1 auto;
+  flex: none;
   align-items: center;
   gap: var(--hm-header-action-gap);
-  min-inline-size: 0;
-  margin-inline-start: auto;
 }
 
 .hm-header__shortcuts:empty,
@@ -3676,11 +3674,12 @@ hm-header {
   --glow-rest: color-mix(in srgb, var(--hm-accent) calc(var(--hm-opacity-faint) * 100%), transparent);
   --glow-peak: color-mix(in srgb, var(--hm-accent) calc(var(--hm-opacity-glow) * 300%), transparent);
   display: flex;
-  flex: 1 1 auto;
+  flex: 0 1000 38.75rem;
   align-items: center;
   gap: var(--hm-space-xs);
-  min-inline-size: 0;
+  min-inline-size: calc(var(--hm-header-action-size) * 3);
   block-size: calc(var(--hm-header-action-size) - var(--hm-space-xs));
+  margin-inline: auto;
   padding-block: 0;
   padding-inline: var(--hm-space-sm);
   border-width: var(--hm-border-thin);
@@ -3746,29 +3745,15 @@ hm-header {
     display: none;
   }
   .hm-header__actions {
+    flex: 0 1 auto;
     gap: var(--hm-space-xs);
+    min-inline-size: 0;
+    margin-inline-start: auto;
   }
   .hm-header__brand span {
     display: none;
   }
 }
-@media (min-width: 1400px) {
-  .hm-header {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 38.75rem) minmax(0, 1fr);
-  }
-  .hm-header__lead {
-    grid-column: 1;
-  }
-  .hm-header__search {
-    grid-column: 2;
-  }
-  .hm-header__actions {
-    grid-column: 3;
-    justify-self: end;
-    margin-inline-start: 0;
-  }
-}
 @media (prefers-reduced-motion: reduce) {
   :where(:root:not([data-motion])) .hm-header__search {
     animation: none;
@@ -22093,6 +22078,377 @@ hm-slider {
     color: GrayText;
   }
 }
+.hm-trace {
+  display: flex;
+  flex-direction: column;
+  gap: var(--hm-space-micro);
+  min-inline-size: 0;
+}
+
+.hm-trace-item {
+  display: block;
+  min-inline-size: 0;
+  color: var(--hm-muted);
+  font-size: var(--hm-font-size-xs);
+}
+.hm-trace-item[data-status=running] {
+  color: var(--hm-text);
+}
+.hm-trace-item[data-status=error] .hm-trace-item__mark {
+  color: var(--hm-danger);
+}
+.hm-trace-item__line {
+  display: flex;
+  align-items: center;
+  gap: var(--hm-space-xs);
+  inline-size: 100%;
+  padding: var(--hm-space-micro) 0;
+  color: inherit;
+  font: inherit;
+  text-align: start;
+}
+.hm-trace-item__line--button {
+  border: 0;
+  border-radius: var(--hm-radius-micro);
+  background: transparent;
+  cursor: pointer;
+}
+.hm-trace-item__line--button:hover {
+  color: var(--hm-text);
+}
+.hm-trace-item__line--button[aria-expanded=true] .hm-trace-item__chevron {
+  transform: none;
+}
+.hm-trace-item__mark {
+  --hm-icon-size: var(--hm-font-size-sm);
+  display: inline-flex;
+  flex: none;
+}
+.hm-trace-item__text {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  gap: 0 var(--hm-space-xs);
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+.hm-trace-item__detail {
+  opacity: 0.8;
+}
+.hm-trace-item__status {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+.hm-trace-item__chevron {
+  --hm-icon-size: var(--hm-font-size-sm);
+  flex: none;
+  transform: rotate(180deg);
+  transition: transform var(--hm-duration-quick) var(--hm-ease-standard);
+}
+.hm-trace-item__panel {
+  margin-block: var(--hm-space-micro) var(--hm-space-xs);
+  margin-inline-start: calc(var(--hm-font-size-sm) + var(--hm-space-xs));
+  color: var(--hm-text);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :where(:root:not([data-motion])) .hm-trace-item__chevron {
+    transition: none;
+  }
+}
+:where(:root[data-motion=reduce]) .hm-trace-item__chevron {
+  transition: none;
+}
+
+.hm-prompt-suggestions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--hm-space-xs);
+  min-inline-size: 0;
+}
+.hm-prompt-suggestions .hm-btn {
+  block-size: auto;
+  min-block-size: var(--hm-control-height);
+  white-space: normal;
+  text-align: start;
+}
+
+.hm-agent-disclosure {
+  display: block;
+  min-inline-size: 0;
+}
+.hm-agent-disclosure__trigger {
+  display: flex;
+  align-items: center;
+  gap: var(--hm-space-xs);
+  inline-size: 100%;
+  padding: var(--hm-space-micro) 0;
+  border: 0;
+  border-radius: var(--hm-radius-micro);
+  background: transparent;
+  color: var(--hm-muted);
+  font: inherit;
+  font-size: var(--hm-font-size-xs);
+  text-align: start;
+  cursor: pointer;
+}
+.hm-agent-disclosure__trigger:hover {
+  color: var(--hm-text);
+}
+.hm-agent-disclosure__trigger[aria-expanded=true] .hm-agent-disclosure__chevron {
+  transform: none;
+}
+.hm-agent-disclosure__icon, .hm-agent-disclosure__chevron {
+  --hm-icon-size: var(--hm-font-size-sm);
+  flex: none;
+}
+.hm-agent-disclosure__chevron {
+  transform: rotate(180deg);
+  transition: transform var(--hm-duration-quick) var(--hm-ease-standard);
+}
+.hm-agent-disclosure__heading {
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+.hm-agent-disclosure__detail {
+  flex: 1;
+  min-inline-size: 0;
+  opacity: 0.8;
+}
+.hm-agent-disclosure__panel {
+  padding-block: var(--hm-space-micro) var(--hm-space-xs);
+  padding-inline-start: calc(var(--hm-font-size-sm) + var(--hm-space-xs));
+  font-size: var(--hm-font-size-sm);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :where(:root:not([data-motion])) .hm-agent-disclosure__chevron {
+    transition: none;
+  }
+}
+:where(:root[data-motion=reduce]) .hm-agent-disclosure__chevron {
+  transition: none;
+}
+
+.hm-agent-card {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--hm-space-sm);
+  min-inline-size: 0;
+  padding: var(--hm-space-sm);
+  border: var(--hm-border-hairline) solid var(--hm-divider);
+  border-radius: var(--hm-radius);
+  background: var(--hm-surface-raised);
+  color: var(--hm-text);
+  font-size: var(--hm-font-size-sm);
+}
+.hm-agent-card--column {
+  flex-direction: column;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  gap: var(--hm-space-xs);
+}
+.hm-agent-card__icon {
+  --hm-icon-size: var(--hm-font-size-lg);
+  flex: none;
+  color: var(--hm-muted);
+}
+.hm-agent-card__body {
+  flex: 1 1 calc(var(--hm-space-3xl) * 4);
+  min-inline-size: 0;
+}
+.hm-agent-card__heading, .hm-agent-card__description {
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.hm-agent-card__heading {
+  font-weight: var(--hm-font-weight-medium);
+}
+.hm-agent-card__description {
+  color: var(--hm-muted);
+  font-size: var(--hm-font-size-xs);
+}
+.hm-agent-card__actions {
+  display: flex;
+  flex: none;
+  align-items: center;
+  gap: var(--hm-space-xs);
+}
+
+.hm-tool-confirmation__result {
+  color: var(--hm-muted);
+  font-size: var(--hm-font-size-xs);
+  font-weight: var(--hm-font-weight-medium);
+}
+
+.hm-agent-sources {
+  display: block;
+}
+.hm-agent-sources__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--hm-space-xs);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.hm-agent-sources__link {
+  color: var(--hm-accent-strong);
+  overflow-wrap: anywhere;
+}
+.hm-agent-sources__description {
+  margin: 0;
+  color: var(--hm-muted);
+  font-size: var(--hm-font-size-xs);
+}
+
+.hm-inline-citation {
+  display: inline;
+}
+.hm-inline-citation__trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-inline-size: 1.6em;
+  padding: 0 var(--hm-space-micro);
+  border: var(--hm-border-hairline) solid var(--hm-divider);
+  border-radius: var(--hm-radius-pill);
+  background: transparent;
+  color: var(--hm-accent-strong);
+  font: inherit;
+  font-size: var(--hm-font-size-xs);
+  line-height: 1.4;
+  vertical-align: baseline;
+  cursor: pointer;
+}
+
+.hm-reasoning,
+.hm-agent-task,
+.hm-chain-of-thought,
+.hm-subagent {
+  display: block;
+  min-inline-size: 0;
+}
+
+.hm-reasoning__content {
+  color: var(--hm-muted);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.hm-subagent[data-status=error] .hm-agent-disclosure__icon {
+  color: var(--hm-danger);
+}
+
+.hm-agent-queue__title {
+  margin: 0;
+  color: var(--hm-muted);
+  font-size: var(--hm-font-size-xs);
+  font-weight: var(--hm-font-weight-medium);
+}
+.hm-agent-queue__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--hm-space-micro);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.hm-agent-queue__item {
+  --hm-icon-size: var(--hm-font-size-sm);
+  display: flex;
+  align-items: center;
+  gap: var(--hm-space-xs);
+  overflow-wrap: anywhere;
+}
+.hm-agent-queue__item--done {
+  color: var(--hm-muted);
+  text-decoration: line-through;
+}
+
+.hm-context-usage,
+.hm-model-selector,
+.hm-file-tree,
+.hm-agent-terminal {
+  display: block;
+  min-inline-size: 0;
+}
+
+.hm-checkpoint {
+  display: flex;
+  align-items: center;
+  gap: var(--hm-space-sm);
+  color: var(--hm-muted);
+  font-size: var(--hm-font-size-xs);
+}
+.hm-checkpoint::before, .hm-checkpoint::after {
+  flex: 1;
+  border-block-start: var(--hm-border-hairline) solid var(--hm-divider);
+  content: "";
+}
+
+.hm-file-tree__name {
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+.hm-file-tree__status {
+  margin-inline-start: var(--hm-space-xs);
+  color: var(--hm-muted);
+  font-size: var(--hm-font-size-xs);
+}
+.hm-file-tree__status[data-status=deleted] {
+  color: var(--hm-danger);
+}
+
+.hm-agent-terminal__status {
+  margin: var(--hm-space-micro) 0 0;
+  color: var(--hm-muted);
+  font-size: var(--hm-font-size-xs);
+}
+.hm-agent-terminal__status[data-failed] {
+  color: var(--hm-danger);
+}
+
+.hm-test-results__summary {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--hm-space-sm);
+  margin: 0;
+  font-weight: var(--hm-font-weight-medium);
+}
+
+.hm-agent-pre {
+  margin: 0;
+  font-size: var(--hm-font-size-xs);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.hm-stack-trace__error {
+  margin: 0;
+  color: var(--hm-danger);
+  overflow-wrap: anywhere;
+}
+.hm-stack-trace__frames {
+  display: flex;
+  flex-direction: column;
+  gap: var(--hm-space-micro);
+  margin: 0;
+  padding: 0;
+  font-size: var(--hm-font-size-xs);
+  list-style: none;
+  overflow-wrap: anywhere;
+}
+.hm-stack-trace__file {
+  margin-inline-start: var(--hm-space-xs);
+  color: var(--hm-muted);
+}
+
 hm-copy-button {
   display: inline-flex;
   position: relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trismegisto/core",
-  "version": "3.3.5",
+  "version": "3.3.6",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Hermes — CSS dos componentes (classes hm-*), independente de framework.",
   "sideEffects": true,