@echothink-ui/agent 0.1.0

package/dist/index.css

@@ -0,0 +1,2433 @@
+@import "@echothink-ui/core/styles.css";
+
+/* src/styles.css */
+.eth-agent-app-panel,
+.eth-agent-chat-rail,
+.eth-agent-left-rail,
+.eth-chat-rail,
+.eth-left-agent-rail,
+[data-eth-component=AppDomainAgentPanel] {
+  background: var(--eth-color-layer-01);
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-primary);
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  block-size: 100%;
+  inline-size: clamp(320px, 28vw, 420px);
+  min-block-size: 0;
+}
+.eth-agent-left-rail,
+.eth-left-agent-rail {
+  border-inline-end: 1px solid var(--eth-color-border-subtle);
+  border-inline-start: 0;
+}
+.eth-chat-rail__header,
+.eth-chat-rail__footer {
+  background: var(--eth-color-layer-01);
+  display: grid;
+  gap: var(--eth-space-md);
+  padding: var(--eth-space-lg);
+}
+.eth-chat-rail__header {
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+}
+.eth-agent-app-domain-panel__header {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+.eth-agent-app-domain-panel__eyebrow {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  letter-spacing: 0;
+  line-height: 1.3333;
+  margin: 0;
+  text-transform: uppercase;
+}
+.eth-agent-app-domain-panel__title {
+  color: var(--eth-color-text-primary);
+  font-size: calc(1rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.375;
+  margin: 0;
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.eth-agent-app-domain-panel__meta {
+  color: var(--eth-color-text-secondary);
+  display: flex;
+  flex-wrap: wrap;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  gap: var(--eth-space-xs) var(--eth-space-md);
+  line-height: 1.3333;
+  min-inline-size: 0;
+}
+.eth-agent-app-domain-panel__meta span {
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.eth-agent-app-domain-panel__slot {
+  margin-block-start: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+.eth-chat-rail__footer {
+  border-top: 1px solid var(--eth-color-border-subtle);
+}
+.eth-chat-rail__header-main {
+  align-items: flex-start;
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+.eth-chat-rail__header-main > div {
+  min-inline-size: 0;
+}
+.eth-chat-rail__title {
+  color: var(--eth-color-text-primary);
+  font-size: calc(1rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.375;
+  margin: 0;
+}
+.eth-chat-rail__meta {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  margin: var(--eth-space-xs) 0 0;
+  overflow-wrap: anywhere;
+}
+.eth-chat-rail__run-controls {
+  min-inline-size: 0;
+}
+.eth-agent-message-list,
+.eth-message-list {
+  background: var(--eth-color-layer-01);
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: var(--eth-space-lg);
+  min-block-size: 0;
+  overflow-y: auto;
+  padding: var(--eth-space-lg);
+}
+.eth-agent-message,
+.eth-message-list__item {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  display: grid;
+  gap: var(--eth-space-sm);
+  inline-size: auto;
+  max-inline-size: min(100%, 42rem);
+  padding: 0;
+}
+.eth-agent-message__header {
+  align-items: center;
+  color: var(--eth-color-text-secondary);
+  display: flex;
+  flex-wrap: wrap;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  gap: var(--eth-space-sm);
+  line-height: 1.3333;
+}
+.eth-agent-message__header strong {
+  color: var(--eth-color-text-primary);
+}
+.eth-agent-message__avatar {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  color: var(--eth-color-text-primary);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-weight: 600;
+  block-size: var(--eth-space-xl);
+  inline-size: var(--eth-space-xl);
+  justify-content: center;
+}
+.eth-agent-message--user .eth-agent-message__avatar {
+  background: var(--eth-color-interactive-primary);
+  border-color: var(--eth-color-interactive-primary);
+  color: var(--eth-color-background);
+}
+.eth-agent-message--system .eth-agent-message__avatar {
+  background: transparent;
+  border-style: dashed;
+}
+.eth-agent-message--tool .eth-agent-message__avatar {
+  font-family: var(--eth-font-mono);
+}
+.eth-agent-message__bubble {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  color: var(--eth-color-text-primary);
+  line-height: 1.5;
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+}
+.eth-agent-message--agent .eth-agent-message__bubble {
+  border-inline-start: 3px solid var(--eth-color-interactive-primary);
+}
+.eth-agent-message--user .eth-agent-message__bubble {
+  background: var(--eth-color-text-primary);
+  border-color: var(--eth-color-text-primary);
+  color: var(--eth-color-background);
+}
+.eth-agent-message--system .eth-agent-message__bubble {
+  background: var(--eth-color-layer-02);
+  border-style: dashed;
+  color: var(--eth-color-text-secondary);
+}
+.eth-agent-message--streaming .eth-agent-message__bubble {
+  border-inline-end: 3px solid var(--eth-color-interactive-primary);
+}
+.eth-agent-message--tool .eth-agent-message__bubble {
+  background: var(--eth-color-layer-02);
+  border-inline-start: 3px solid var(--eth-color-border-strong);
+  font-family: var(--eth-font-mono);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+}
+.eth-agent-message__citations {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+}
+.eth-agent-message__citations .cds--tag {
+  margin: 0;
+}
+.eth-agent-message__citation-link {
+  align-items: center;
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  color: var(--eth-color-link);
+  display: inline-flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  min-block-size: var(--eth-space-xl);
+  padding: 0 var(--eth-space-sm);
+  text-decoration: none;
+}
+.eth-agent-message__citation-link:hover {
+  background: var(--eth-color-layer-03);
+  color: var(--eth-color-link);
+  text-decoration: underline;
+}
+.eth-agent-message__citation-link:focus-visible {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+.eth-agent-message__cursor {
+  color: var(--eth-color-interactive-primary);
+}
+@keyframes eth-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.28;
+  }
+}
+.eth-agent-prompt-box {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle) !important;
+  border-radius: 0 !important;
+  color: var(--eth-color-text-primary);
+  display: grid;
+  gap: 0;
+  inline-size: 100%;
+  min-inline-size: 0;
+  overflow: hidden;
+  padding: 0 !important;
+}
+.eth-agent-prompt-box:focus-within {
+  border-color: var(--eth-color-focus) !important;
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+.eth-agent-prompt-box__context {
+  align-items: center;
+  background: var(--eth-color-layer-01);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+  padding: var(--eth-space-sm) var(--eth-space-md);
+}
+.eth-agent-prompt-box__scope {
+  align-items: center;
+  color: var(--eth-color-text-secondary);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  gap: var(--eth-space-xs);
+  line-height: 1.3333;
+}
+.eth-agent-prompt-box__scope strong {
+  color: var(--eth-color-text-primary);
+  font-weight: 600;
+}
+.eth-agent-prompt-box__attachments {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+.eth-agent-prompt-box__attachments .cds--tag {
+  margin: 0;
+  max-inline-size: 100%;
+}
+.eth-agent-prompt-box__attachment-kind {
+  color: var(--eth-color-text-secondary);
+  font-weight: 600;
+}
+.eth-agent-prompt-box__attachment-label {
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.eth-agent-prompt-box__attachment-status {
+  background: var(--eth-color-text-helper);
+  block-size: 0.5rem;
+  border-radius: 50%;
+  flex: 0 0 auto;
+  inline-size: 0.5rem;
+}
+.eth-agent-prompt-box__attachment-status[data-status=active],
+.eth-agent-prompt-box__attachment-status[data-status=in-progress],
+.eth-agent-prompt-box__attachment-status[data-status=running] {
+  background: var(--eth-color-info);
+}
+.eth-agent-prompt-box__attachment-status[data-status=completed],
+.eth-agent-prompt-box__attachment-status[data-status=succeeded],
+.eth-agent-prompt-box__attachment-status[data-status=synced] {
+  background: var(--eth-color-success);
+}
+.eth-agent-prompt-box__attachment-status[data-status=approval-required],
+.eth-agent-prompt-box__attachment-status[data-status=blocked],
+.eth-agent-prompt-box__attachment-status[data-status=failed] {
+  background: var(--eth-color-danger);
+}
+.eth-agent-prompt-box__attachment-status[data-status=pending-approval],
+.eth-agent-prompt-box__attachment-status[data-status=warning] {
+  background: var(--eth-color-warning);
+}
+.eth-agent-prompt-box__input {
+  background: var(--eth-color-layer-02);
+  color: var(--eth-color-text-primary);
+  display: block;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  min-block-size: 5.25rem;
+  resize: vertical;
+}
+.eth-agent-prompt-box__input.cds--text-area,
+.eth-agent-prompt-box__input .cds--text-area,
+.eth-agent-prompt-box__input textarea {
+  background: var(--eth-color-layer-02);
+  block-size: 5.25rem;
+  border-block-end-color: var(--eth-color-border-strong);
+  color: var(--eth-color-text-primary);
+  max-block-size: 8rem;
+  min-block-size: 5.25rem;
+  resize: vertical;
+}
+.eth-agent-prompt-box__input .cds--form__helper-text,
+.eth-agent-prompt-box__input .cds--label {
+  display: none;
+}
+.eth-agent-prompt-box__input::placeholder,
+.eth-agent-prompt-box__input .cds--text-area::placeholder,
+.eth-agent-prompt-box__input textarea::placeholder {
+  color: var(--eth-color-text-helper);
+}
+.eth-agent-prompt-box__actions {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  display: flex;
+  gap: var(--eth-space-xs);
+  min-block-size: var(--eth-space-3xl);
+  padding: var(--eth-space-sm) var(--eth-space-md);
+}
+.eth-agent-prompt-box__tools {
+  align-items: center;
+  display: flex;
+  gap: var(--eth-space-xs);
+}
+.eth-agent-prompt-box__spacer {
+  flex: 1 1 auto;
+}
+.eth-agent-prompt-box__command-icon {
+  font-family: var(--eth-font-mono);
+  font-size: calc(1rem * var(--eth-text-scale, 1));
+  line-height: 1;
+}
+.eth-agent-prompt-box__submit {
+  flex: 0 0 auto;
+}
+.eth-agent-thinking-chain,
+.eth-agent-thinking-panel,
+.eth-agent-tool-call-log,
+.eth-agent-trace-viewer,
+.eth-agent-plan-diff,
+.eth-agent-plan-preview,
+.eth-agent-memory-panel,
+.eth-agent-safety-panel,
+.eth-agent-approval-gate,
+.eth-agent-interruption-panel,
+.eth-agent-handoff-panel,
+.eth-agent-generated-artifact,
+.eth-agent-generated-artifact-panel,
+.eth-agent-context-viewer {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  color: var(--eth-color-text-primary);
+}
+.eth-agent-thinking-chain__steps,
+.eth-agent-tool-call-log__drawer,
+.eth-agent-plan-preview__steps,
+.eth-agent-context-viewer {
+  display: grid;
+  gap: var(--eth-space-md);
+}
+.eth-agent-tool-call-log {
+  inline-size: 100%;
+  overflow: hidden;
+}
+.eth-agent-tool-call-log .eth-data-table-wrap {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  inline-size: 100%;
+  overflow-x: auto;
+}
+.eth-agent-tool-call-log__table {
+  border-collapse: collapse;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  inline-size: 100%;
+  line-height: 1.2857;
+  min-inline-size: 58rem;
+  table-layout: fixed;
+}
+.eth-agent-tool-call-log__table th,
+.eth-agent-tool-call-log__table td {
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  min-inline-size: 0;
+  padding: var(--eth-space-sm) var(--eth-space-lg);
+  vertical-align: middle;
+}
+.eth-agent-tool-call-log__table th {
+  background: var(--eth-color-layer-02);
+  color: var(--eth-color-text-primary);
+  font-weight: 600;
+  text-align: start;
+  white-space: nowrap;
+}
+.eth-agent-tool-call-log__table tbody tr:hover {
+  background: var(--eth-color-layer-hover);
+}
+.eth-agent-tool-call-log__table td:last-child,
+.eth-agent-tool-call-log__table th:last-child {
+  text-align: end;
+}
+.eth-agent-tool-call-log__time,
+.eth-agent-tool-call-log__tool,
+.eth-agent-tool-call-log__preview {
+  font-family: var(--eth-font-mono);
+}
+.eth-agent-tool-call-log__time,
+.eth-agent-tool-call-log__tool,
+.eth-agent-tool-call-log__preview {
+  display: block;
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.eth-agent-tool-call-log__tool {
+  color: var(--eth-color-text-primary);
+}
+.eth-agent-tool-call-log__preview {
+  color: var(--eth-color-text-secondary);
+}
+.eth-agent-tool-call-log__preview--empty {
+  color: var(--eth-color-text-helper);
+}
+.eth-agent-tool-call-log__preview--error {
+  color: var(--eth-color-danger);
+  font-weight: 600;
+}
+.eth-agent-tool-call-log__preview--redacted,
+.eth-agent-tool-call-log__redaction-note {
+  background: var(--eth-color-layer-02);
+  color: var(--eth-color-text-secondary);
+  display: inline-flex;
+  font-family: var(--eth-font-family);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  inline-size: fit-content;
+  letter-spacing: 0;
+  line-height: 1.333;
+  padding: var(--eth-space-2xs) var(--eth-space-sm);
+}
+.eth-agent-tool-call-log__inspect {
+  margin-inline-start: auto;
+}
+.eth-agent-tool-call-log .eth-status-dot {
+  margin: 0;
+  max-inline-size: 100%;
+}
+.eth-agent-tool-call-log__drawer-status {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-tool-call-log__meta {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  margin: 0;
+}
+.eth-agent-tool-call-log__meta > div {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+  padding: var(--eth-space-md);
+}
+.eth-agent-tool-call-log__meta > div:nth-child(2n) {
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-agent-tool-call-log__meta > div:nth-child(n+3) {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-agent-tool-call-log__meta dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  margin: 0;
+}
+.eth-agent-tool-call-log__meta dd {
+  color: var(--eth-color-text-primary);
+  font-weight: 600;
+  line-height: 1.375;
+  margin: 0;
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+.eth-agent-tool-call-log__error,
+.eth-agent-tool-call-log__json {
+  display: grid;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-tool-call-log__error h3,
+.eth-agent-tool-call-log__json h3 {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  margin: 0;
+}
+.eth-agent-thinking-chain {
+  inline-size: 100%;
+}
+.eth-agent-thinking-chain .eth-surface__heading h2 {
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  line-height: 1.4;
+}
+.eth-agent-thinking-chain__steps,
+.eth-agent-thinking-chain__children {
+  display: grid;
+  gap: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.eth-agent-thinking-chain__children {
+  margin-block-start: var(--eth-space-md);
+}
+.eth-agent-thinking-chain__item {
+  --eth-agent-thinking-chain-accent: var(--eth-color-text-secondary);
+  display: grid;
+  gap: var(--eth-space-sm);
+  grid-template-columns: var(--eth-space-lg) minmax(0, 1fr);
+  margin-inline-start: var(--eth-agent-thinking-chain-depth-offset, 0);
+  min-inline-size: 0;
+  padding-block-end: var(--eth-space-md);
+  position: relative;
+}
+.eth-agent-thinking-chain__item::before {
+  background: var(--eth-color-border-subtle);
+  block-size: calc(100% - var(--eth-space-2xl));
+  content: "";
+  inline-size: 1px;
+  inset-block-start: var(--eth-space-2xl);
+  inset-inline-start: calc(var(--eth-space-lg) / 2 - 0.03125rem);
+  position: absolute;
+}
+.eth-agent-thinking-chain__item:last-child {
+  padding-block-end: 0;
+}
+.eth-agent-thinking-chain__item:last-child::before {
+  content: none;
+}
+.eth-agent-thinking-chain__item--completed,
+.eth-agent-thinking-chain__item--succeeded,
+.eth-agent-thinking-chain__item--synced,
+.eth-agent-thinking-chain__item--active {
+  --eth-agent-thinking-chain-accent: var(--eth-color-success);
+}
+.eth-agent-thinking-chain__item--running,
+.eth-agent-thinking-chain__item--in-progress {
+  --eth-agent-thinking-chain-accent: var(--eth-color-info);
+}
+.eth-agent-thinking-chain__item--pending-approval,
+.eth-agent-thinking-chain__item--warning,
+.eth-agent-thinking-chain__item--stale {
+  --eth-agent-thinking-chain-accent: var(--eth-color-warning);
+}
+.eth-agent-thinking-chain__item--approval-required,
+.eth-agent-thinking-chain__item--blocked,
+.eth-agent-thinking-chain__item--failed,
+.eth-agent-thinking-chain__item--error {
+  --eth-agent-thinking-chain-accent: var(--eth-color-danger);
+}
+.eth-agent-thinking-chain__marker {
+  align-self: start;
+  background: var(--eth-color-layer-01);
+  block-size: 0.75rem;
+  border: 2px solid var(--eth-agent-thinking-chain-accent);
+  border-radius: 50%;
+  box-shadow: 0 0 0 2px var(--eth-color-layer-01);
+  inline-size: 0.75rem;
+  margin-block-start: var(--eth-space-md);
+  margin-inline: auto;
+  position: relative;
+  z-index: 1;
+}
+.eth-agent-thinking-chain__item-body {
+  min-inline-size: 0;
+}
+.eth-agent-thinking-chain__step {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle) !important;
+  border-radius: 0 !important;
+  display: grid;
+  gap: var(--eth-space-md);
+  min-inline-size: 0;
+  padding: var(--eth-space-md) !important;
+}
+.eth-agent-thinking-chain__item--running .eth-agent-thinking-chain__step,
+.eth-agent-thinking-chain__item--in-progress .eth-agent-thinking-chain__step {
+  background: var(--eth-color-layer-02);
+  border-inline-start: 3px solid var(--eth-color-interactive-primary) !important;
+}
+.eth-agent-thinking-chain__item--pending-approval .eth-agent-thinking-chain__step,
+.eth-agent-thinking-chain__item--warning .eth-agent-thinking-chain__step,
+.eth-agent-thinking-chain__item--stale .eth-agent-thinking-chain__step {
+  border-inline-start: 3px solid var(--eth-color-warning) !important;
+}
+.eth-agent-thinking-chain__item--approval-required .eth-agent-thinking-chain__step,
+.eth-agent-thinking-chain__item--blocked .eth-agent-thinking-chain__step,
+.eth-agent-thinking-chain__item--failed .eth-agent-thinking-chain__step,
+.eth-agent-thinking-chain__item--error .eth-agent-thinking-chain__step {
+  border-inline-start: 3px solid var(--eth-color-danger) !important;
+}
+.eth-agent-thinking-chain__step-header {
+  align-items: flex-start;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm) var(--eth-space-lg);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+.eth-agent-thinking-chain__step-heading,
+.eth-agent-thinking-chain__step-meta {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs) var(--eth-space-sm);
+  min-inline-size: 0;
+}
+.eth-agent-thinking-chain__step-meta {
+  justify-content: flex-end;
+}
+.eth-agent-thinking-chain__step-meta .eth-status-dot,
+.eth-agent-thinking-chain__step-meta .cds--tag {
+  margin: 0;
+}
+.eth-agent-thinking-chain__step-title {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  overflow-wrap: anywhere;
+}
+.eth-agent-thinking-chain__branch-count,
+.eth-agent-thinking-chain__duration {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  white-space: nowrap;
+}
+.eth-agent-thinking-chain__branch-count {
+  background: var(--eth-color-layer-02);
+  display: inline-flex;
+  padding: var(--eth-space-2xs) var(--eth-space-sm);
+}
+.eth-agent-thinking-chain__fields {
+  display: grid;
+  gap: var(--eth-space-sm);
+  margin: 0;
+}
+.eth-agent-thinking-chain__field {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-inline-size: 0;
+}
+.eth-agent-thinking-chain__field dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.333;
+  margin: 0;
+}
+.eth-agent-thinking-chain__field dd {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.eth-agent-thinking-chain__field-value--mono {
+  font-family: var(--eth-font-mono);
+  font-size: calc(0.8125rem * var(--eth-text-scale, 1));
+}
+.eth-agent-thinking-chain__field--blocker {
+  background: color-mix(in srgb, var(--eth-color-danger) 6%, transparent);
+  border-inline-start: 3px solid var(--eth-color-danger);
+  padding: var(--eth-space-sm);
+}
+.eth-agent-thinking-chain__field--blocker dt {
+  color: var(--eth-color-danger);
+}
+.eth-agent-thinking-chain__empty-detail,
+.eth-agent-thinking-chain__redacted {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+.eth-agent-thinking-chain__redacted {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  padding: var(--eth-space-sm);
+}
+@media (max-width: 42rem) {
+  .eth-agent-thinking-chain__item {
+    gap: var(--eth-space-xs);
+    grid-template-columns: var(--eth-space-md) minmax(0, 1fr);
+    margin-inline-start: 0;
+  }
+  .eth-agent-thinking-chain__item::before {
+    inset-inline-start: calc(var(--eth-space-md) / 2 - 0.03125rem);
+  }
+  .eth-agent-thinking-chain__step-header,
+  .eth-agent-thinking-chain__step-meta {
+    justify-content: flex-start;
+  }
+}
+.eth-agent-thinking-panel__summary {
+  color: var(--eth-color-text-secondary);
+  line-height: 1.5;
+  margin: 0;
+  max-inline-size: 52rem;
+}
+.eth-agent-thinking-panel__progress {
+  display: grid;
+  gap: var(--eth-space-sm);
+  max-inline-size: 52rem;
+}
+.eth-agent-thinking-panel__progress-label {
+  align-items: center;
+  color: var(--eth-color-text-secondary);
+  display: flex;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  line-height: 1.2857;
+}
+.eth-agent-thinking-panel__progress-label strong {
+  color: var(--eth-color-text-primary);
+  font-weight: 600;
+}
+.eth-agent-thinking-panel__progress progress {
+  appearance: none;
+  background: transparent;
+  block-size: var(--eth-space-sm);
+  border: 0;
+  inline-size: 100%;
+}
+.eth-agent-thinking-panel__progress progress::-webkit-progress-bar {
+  background: var(--eth-color-layer-02);
+}
+.eth-agent-thinking-panel__progress progress::-webkit-progress-value {
+  background: var(--eth-color-interactive-primary);
+}
+.eth-agent-thinking-panel__progress progress::-moz-progress-bar {
+  background: var(--eth-color-interactive-primary);
+}
+.eth-agent-tool-call-log__json pre,
+.eth-agent-tool-call-log__drawer pre,
+.eth-agent-generated-artifact-panel__preview pre {
+  background: var(--eth-color-layer-02) !important;
+  border-radius: 0 !important;
+  font-family: var(--eth-font-mono);
+  font-size: calc(0.8125rem * var(--eth-text-scale, 1));
+  line-height: 1.4615;
+  overflow: auto;
+  padding: var(--eth-space-md) !important;
+  white-space: pre-wrap;
+}
+.eth-trace__summary {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin: 0;
+}
+.eth-trace__summary > div {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+  padding: var(--eth-space-md);
+}
+.eth-trace__summary > div + div {
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-trace__summary dt,
+.eth-trace__detail-grid dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  margin: 0;
+}
+.eth-trace__summary dd,
+.eth-trace__detail-grid dd {
+  color: var(--eth-color-text-primary);
+  font-weight: 600;
+  line-height: 1.375;
+  margin: 0;
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+.eth-trace__layout {
+  display: grid;
+  gap: var(--eth-space-lg);
+  grid-template-columns: minmax(28rem, 1fr) minmax(18rem, 24rem);
+}
+.eth-trace__timeline-panel {
+  display: grid;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+.eth-trace__axis {
+  color: var(--eth-color-text-secondary);
+  display: grid;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  grid-template-columns: repeat(3, 1fr);
+  line-height: 1.333;
+  padding-inline-start: calc(18rem + var(--eth-space-md));
+}
+.eth-trace__axis span:nth-child(2) {
+  justify-self: center;
+}
+.eth-trace__axis span:last-child {
+  justify-self: end;
+}
+.eth-trace__timeline {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+}
+.eth-trace__row {
+  align-items: stretch;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
+  min-block-size: 4rem;
+  min-inline-size: 0;
+}
+.eth-trace__row--selected {
+  background: var(--eth-color-layer-selected);
+}
+.eth-trace__span-label {
+  align-items: stretch;
+  background: transparent;
+  border: 0;
+  border-inline-start: 3px solid transparent;
+  color: var(--eth-color-text-primary);
+  cursor: pointer;
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+  padding: var(--eth-space-sm) var(--eth-space-md);
+  padding-inline-start: calc(var(--eth-space-md) + var(--eth-trace-indent, 0rem));
+  text-align: start;
+}
+.eth-trace__span-label:hover,
+.eth-trace__span-label--selected {
+  background: var(--eth-color-layer-hover) !important;
+}
+.eth-trace__span-label--selected {
+  border-inline-start-color: var(--eth-color-interactive-primary);
+}
+.eth-trace__span-title {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+.eth-trace__span-title .eth-status-dot {
+  margin: 0;
+}
+.eth-trace__span-name {
+  flex: 1 1 8rem;
+  font-weight: 600;
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.eth-trace__span-meta {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  padding-inline-start: var(--eth-trace-indent, 0);
+}
+.eth-trace__span-label:focus-visible,
+.eth-trace__bar:focus-visible,
+.eth-agent-handoff-panel__target:focus-visible,
+.eth-agent-generated-artifact-panel__item:focus-visible,
+.eth-agent-context-viewer__source:focus-visible {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+.eth-trace__track {
+  align-self: center;
+  background:
+    repeating-linear-gradient(
+      to right,
+      transparent 0,
+      transparent calc(25% - 1px),
+      var(--eth-color-border-subtle) calc(25% - 1px),
+      var(--eth-color-border-subtle) 25%),
+    var(--eth-color-layer-02) !important;
+  block-size: var(--eth-space-lg);
+  margin-inline: var(--eth-space-md);
+  min-inline-size: 8rem;
+  overflow: hidden;
+  position: relative;
+}
+.eth-trace__bar {
+  background: var(--eth-color-interactive-primary) !important;
+  block-size: 100%;
+  border: 0;
+  cursor: pointer;
+  inline-size: var(--eth-trace-width);
+  inset-block-start: 0;
+  inset-inline-start: var(--eth-trace-left);
+  max-inline-size: calc(100% - var(--eth-trace-left));
+  min-inline-size: var(--eth-space-sm);
+  position: absolute;
+}
+.eth-trace__bar:hover,
+.eth-trace__bar--selected {
+  filter: brightness(0.92);
+}
+.eth-trace__bar--selected {
+  box-shadow: inset 0 0 0 2px var(--eth-color-focus);
+}
+.eth-trace__bar--completed,
+.eth-trace__bar--succeeded,
+.eth-trace__bar--synced {
+  background: var(--eth-color-success) !important;
+}
+.eth-trace__bar--warning,
+.eth-trace__bar--pending-approval,
+.eth-trace__bar--approval-required {
+  background: var(--eth-color-warning) !important;
+}
+.eth-trace__bar--failed,
+.eth-trace__bar--blocked {
+  background: var(--eth-color-danger) !important;
+}
+.eth-trace__bar--queued,
+.eth-trace__bar--paused,
+.eth-trace__bar--not-started,
+.eth-trace__bar--inactive,
+.eth-trace__bar--stale {
+  background: var(--eth-color-border-strong) !important;
+}
+.eth-trace__details {
+  align-content: start;
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle) !important;
+  border-radius: 0 !important;
+  display: grid;
+  gap: var(--eth-space-lg);
+  min-inline-size: 0;
+  padding: var(--eth-space-lg) !important;
+}
+.eth-trace__details-header {
+  align-items: flex-start;
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+.eth-trace__details-header h3,
+.eth-trace__attributes h4 {
+  margin: 0;
+}
+.eth-trace__details-header h3 {
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.4;
+  overflow-wrap: anywhere;
+}
+.eth-trace__details-eyebrow {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  margin: 0 0 var(--eth-space-xs);
+}
+.eth-trace__detail-grid {
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  margin: 0;
+}
+.eth-trace__detail-grid > div {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+  padding: var(--eth-space-sm);
+}
+.eth-trace__detail-grid > div:nth-child(2n) {
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-trace__detail-grid > div:nth-child(n+3) {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-trace__attributes {
+  display: grid;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+.eth-trace__attributes-header {
+  align-items: center;
+  display: flex;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+}
+.eth-trace__attributes pre,
+.eth-trace__attributes p {
+  background: var(--eth-color-layer-01) !important;
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-primary);
+  font-family: var(--eth-font-mono);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.5;
+  margin: 0;
+  max-block-size: 16rem;
+  overflow: auto;
+  padding: var(--eth-space-md) !important;
+  white-space: pre-wrap;
+}
+.eth-agent-plan-diff__list,
+.eth-agent-generated-artifact-panel__list {
+  display: grid;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-plan-diff {
+  inline-size: min(100%, 64rem);
+}
+.eth-agent-plan-diff__body {
+  display: grid;
+  gap: var(--eth-space-lg);
+}
+.eth-agent-plan-diff__summary {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  margin: 0;
+}
+.eth-agent-plan-diff__summary-item {
+  min-inline-size: 0;
+  padding: var(--eth-space-md);
+}
+.eth-agent-plan-diff__summary-item + .eth-agent-plan-diff__summary-item {
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-agent-plan-diff__summary-item dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+  margin: 0 0 var(--eth-space-xs);
+}
+.eth-agent-plan-diff__summary-item dd {
+  color: var(--eth-color-text-primary);
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.4;
+  margin: 0;
+}
+.eth-agent-plan-diff__summary-item--added {
+  box-shadow: inset 0 3px 0 var(--eth-color-success);
+}
+.eth-agent-plan-diff__summary-item--modified {
+  box-shadow: inset 0 3px 0 var(--eth-color-warning);
+}
+.eth-agent-plan-diff__summary-item--removed {
+  box-shadow: inset 0 3px 0 var(--eth-color-danger);
+}
+.eth-agent-plan-diff__summary-item--unchanged {
+  box-shadow: inset 0 3px 0 var(--eth-color-border-strong);
+}
+.eth-agent-plan-diff__list {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  gap: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.eth-agent-plan-diff__entry {
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  margin: 0;
+}
+.eth-agent-plan-diff__entry:last-child {
+  border-block-end: 0;
+}
+.eth-agent-plan-diff__item {
+  background: var(--eth-color-layer-01) !important;
+  border: 0 !important;
+  border-inline-start: 4px solid var(--eth-color-border-strong) !important;
+  border-radius: 0 !important;
+  color: var(--eth-color-text-primary);
+  display: grid;
+  gap: var(--eth-space-md);
+  min-inline-size: 0;
+  padding: var(--eth-space-md) var(--eth-space-lg) !important;
+}
+.eth-agent-plan-diff__item--added {
+  border-inline-start: 4px solid var(--eth-color-success) !important;
+}
+.eth-agent-plan-diff__item--removed {
+  border-inline-start: 4px solid var(--eth-color-danger) !important;
+}
+.eth-agent-plan-diff__item--modified {
+  border-inline-start: 4px solid var(--eth-color-warning) !important;
+}
+.eth-agent-plan-diff__item--unchanged {
+  border-inline-start-color: var(--eth-color-border-subtle) !important;
+}
+.eth-agent-plan-diff__item-header {
+  align-items: center;
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+.eth-agent-plan-diff__item-heading {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+.eth-agent-plan-diff__step-id {
+  color: var(--eth-color-text-primary);
+  font-family: var(--eth-font-mono);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+}
+.eth-agent-plan-diff__comparison {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  min-inline-size: 0;
+}
+.eth-agent-plan-diff__comparison .eth-agent-plan-diff__snapshot {
+  background: var(--eth-color-layer-01);
+  padding: var(--eth-space-md);
+}
+.eth-agent-plan-diff__comparison .eth-agent-plan-diff__snapshot + .eth-agent-plan-diff__snapshot {
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-agent-plan-diff__snapshot {
+  display: grid;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+.eth-agent-plan-diff__snapshot-label {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  letter-spacing: 0;
+  line-height: 1.3333;
+  margin: 0;
+  text-transform: uppercase;
+}
+.eth-agent-plan-diff__snapshot-description {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.eth-agent-plan-diff__snapshot-meta {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+}
+.eth-agent-plan-diff .cds--tag {
+  margin: 0;
+  max-inline-size: 100%;
+}
+.eth-agent-plan-diff__empty {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+  padding: var(--eth-space-md);
+}
+.eth-agent-plan-preview__body {
+  display: grid;
+  gap: var(--eth-space-lg);
+}
+.eth-agent-plan-preview__summary {
+  align-items: end;
+  border-block: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  gap: var(--eth-space-lg);
+  justify-content: space-between;
+  padding-block: var(--eth-space-md);
+}
+.eth-agent-plan-preview__summary-label {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  letter-spacing: 0;
+  line-height: 1.3333;
+  margin: 0 0 var(--eth-space-xs);
+  text-transform: uppercase;
+}
+.eth-agent-plan-preview__summary-title {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+.eth-agent-plan-preview__summary-count {
+  color: var(--eth-color-text-secondary);
+  flex: 0 0 auto;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+.eth-agent-plan-preview__steps {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.eth-agent-plan-preview__step {
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  margin: 0;
+}
+.eth-agent-plan-preview__step:last-child {
+  border-block-end: 0;
+}
+.eth-agent-plan-preview__step--risk {
+  box-shadow: inset 4px 0 0 var(--eth-color-warning);
+}
+.eth-agent-plan-preview__step-card {
+  align-items: flex-start;
+  background: var(--eth-color-layer-01);
+  color: var(--eth-color-text-primary);
+  display: grid;
+  gap: var(--eth-space-md);
+  grid-template-columns: 2rem minmax(0, 1fr);
+  min-block-size: 4rem;
+  padding: var(--eth-space-md);
+  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.eth-agent-plan-preview__step:hover .eth-agent-plan-preview__step-card {
+  background: var(--eth-color-layer-hover);
+}
+.eth-agent-plan-preview__step-index {
+  color: var(--eth-color-text-secondary);
+  font-family: var(--eth-font-mono);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+.eth-agent-plan-preview__step-main {
+  display: grid;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+.eth-agent-plan-preview__step-description {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+.eth-agent-plan-preview__step-meta {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+}
+.eth-agent-plan-preview__empty {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+  padding: var(--eth-space-md);
+}
+.eth-agent-plan-preview__supporting {
+  display: grid;
+  gap: var(--eth-space-lg);
+  grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
+}
+.eth-agent-plan-preview__note-section {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  padding-block-start: var(--eth-space-md);
+}
+.eth-agent-plan-preview__note-title {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  margin: 0 0 var(--eth-space-sm);
+}
+.eth-agent-plan-preview__note-list {
+  display: grid;
+  gap: var(--eth-space-sm);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.eth-agent-plan-preview__note-list li {
+  color: var(--eth-color-text-secondary);
+  display: grid;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  gap: var(--eth-space-sm);
+  grid-template-columns: var(--eth-space-sm) minmax(0, 1fr);
+  line-height: 1.4286;
+}
+.eth-agent-plan-preview__note-marker {
+  background: var(--eth-color-interactive-primary);
+  block-size: var(--eth-space-sm);
+  inline-size: var(--eth-space-sm);
+  margin-block-start: 0.375rem;
+}
+.eth-agent-plan-preview__note-section--risk .eth-agent-plan-preview__note-marker {
+  background: var(--eth-color-warning);
+}
+.eth-agent-memory-panel__body {
+  display: grid;
+  gap: var(--eth-space-lg);
+}
+.eth-agent-memory-panel__summary {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin: 0;
+}
+.eth-agent-memory-panel__summary-item {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+  padding: var(--eth-space-md);
+}
+.eth-agent-memory-panel__summary-item + .eth-agent-memory-panel__summary-item {
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-agent-memory-panel__summary dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+  margin: 0;
+}
+.eth-agent-memory-panel__summary dd {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+  margin: 0;
+  min-inline-size: 0;
+}
+.eth-agent-memory-panel__group {
+  display: grid;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-memory-panel__group-header {
+  align-items: center;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  padding-block-end: var(--eth-space-sm);
+}
+.eth-agent-memory-panel__entries {
+  display: grid;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-memory-panel__entry,
+.eth-agent-context-viewer__source,
+.eth-agent-generated-artifact-panel__item,
+.eth-agent-generated-artifact-panel__preview {
+  background: var(--eth-color-layer-01) !important;
+  border: 1px solid var(--eth-color-border-subtle) !important;
+  border-radius: 0 !important;
+  color: var(--eth-color-text-primary);
+  padding: var(--eth-space-md) !important;
+  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.eth-agent-memory-panel__entry {
+  display: grid;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+.eth-agent-memory-panel__entry--pinned {
+  box-shadow: inset 3px 0 0 var(--eth-color-interactive-primary);
+}
+.eth-agent-memory-panel__entry:hover,
+.eth-agent-context-viewer__source--interactive:hover,
+.eth-agent-generated-artifact-panel__item:hover {
+  background: var(--eth-color-layer-hover) !important;
+}
+.eth-agent-context-viewer__sources {
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.eth-agent-context-viewer__sources > li + li {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-agent-context-viewer__source {
+  align-items: start;
+  background: var(--eth-color-layer-01) !important;
+  border: 0 !important;
+  color: var(--eth-color-text-primary);
+  display: grid !important;
+  font: inherit;
+  gap: var(--eth-space-md);
+  grid-template-columns: 2rem minmax(0, 1fr) max-content;
+  min-inline-size: 0;
+  padding: var(--eth-space-md) var(--eth-space-lg) !important;
+  text-align: start;
+  text-decoration: none;
+  width: 100%;
+}
+.eth-agent-context-viewer__source--interactive {
+  cursor: pointer;
+}
+.eth-agent-context-viewer__kind-icon {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  block-size: 2rem;
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  display: inline-flex;
+  inline-size: 2rem;
+  justify-content: center;
+}
+.eth-agent-context-viewer__main,
+.eth-agent-context-viewer__topline,
+.eth-agent-context-viewer__aside {
+  min-inline-size: 0;
+}
+.eth-agent-context-viewer__main {
+  display: grid;
+  gap: var(--eth-space-xs);
+}
+.eth-agent-context-viewer__topline {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-context-viewer__label {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  overflow-wrap: anywhere;
+}
+.eth-agent-context-viewer__excerpt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.eth-agent-context-viewer__aside {
+  align-items: center;
+  color: var(--eth-color-text-secondary);
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: end;
+  min-inline-size: 8rem;
+}
+.eth-agent-context-viewer__relevance {
+  display: grid;
+  gap: var(--eth-space-xs);
+  inline-size: 7rem;
+}
+.eth-agent-context-viewer__relevance-value,
+.eth-agent-context-viewer__unranked {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+  text-align: end;
+  white-space: nowrap;
+}
+.eth-agent-context-viewer__relevance-meter {
+  background: var(--eth-color-layer-02);
+  block-size: 0.25rem;
+  display: block;
+  inline-size: 100%;
+}
+.eth-agent-context-viewer__relevance-meter > span {
+  background: var(--eth-color-interactive-primary);
+  block-size: 100%;
+  display: block;
+}
+.eth-agent-context-viewer__indicator {
+  color: var(--eth-color-text-secondary);
+  flex: 0 0 auto;
+}
+.eth-agent-context-viewer__source--interactive:hover .eth-agent-context-viewer__kind-icon {
+  border-color: var(--eth-color-border-strong);
+  color: var(--eth-color-text-primary);
+}
+@media (width <= 640px) {
+  .eth-agent-context-viewer__source {
+    grid-template-columns: 2rem minmax(0, 1fr);
+  }
+  .eth-agent-context-viewer__aside {
+    grid-column: 2;
+    justify-content: space-between;
+    min-inline-size: 0;
+  }
+  .eth-agent-context-viewer__relevance {
+    inline-size: min(100%, 8rem);
+  }
+}
+.eth-agent-scope-attachments {
+  display: grid;
+  gap: var(--eth-space-md);
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+.eth-agent-scope-attachments .eth-surface__header {
+  align-items: flex-start;
+  gap: var(--eth-space-md);
+}
+.eth-agent-scope-attachments__list {
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  list-style: none;
+  margin: 0;
+  min-inline-size: 0;
+  padding: 0;
+}
+.eth-agent-scope-attachments__item {
+  align-items: center;
+  background: var(--eth-color-layer-01);
+  color: var(--eth-color-text-primary);
+  display: grid;
+  gap: var(--eth-space-sm);
+  grid-template-columns: 1.75rem minmax(0, 1fr) max-content;
+  min-inline-size: 0;
+  padding: var(--eth-space-xs) var(--eth-space-sm);
+}
+.eth-agent-scope-attachments__item + .eth-agent-scope-attachments__item {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-agent-scope-attachments__icon {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  block-size: 1.75rem;
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  display: inline-flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  inline-size: 1.75rem;
+  justify-content: center;
+  line-height: 1;
+}
+.eth-agent-scope-attachments__main,
+.eth-agent-scope-attachments__topline,
+.eth-agent-scope-attachments__aside {
+  min-inline-size: 0;
+}
+.eth-agent-scope-attachments__main {
+  display: grid;
+  gap: var(--eth-space-xs);
+}
+.eth-agent-scope-attachments__topline,
+.eth-agent-scope-attachments__aside {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-scope-attachments__label {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+.eth-agent-scope-attachments__meta,
+.eth-agent-scope-attachments__untracked {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+.eth-agent-scope-attachments__aside {
+  justify-content: flex-end;
+}
+.eth-agent-scope-attachments .cds--tag {
+  margin: 0;
+  max-inline-size: 100%;
+}
+.eth-agent-scope-attachments .eth-button {
+  flex: 0 0 auto;
+}
+@media (width <= 640px) {
+  .eth-agent-scope-attachments__item {
+    align-items: start;
+    grid-template-columns: 1.75rem minmax(0, 1fr);
+  }
+  .eth-agent-scope-attachments__aside {
+    grid-column: 2;
+    justify-content: flex-start;
+  }
+}
+.eth-agent-memory-panel__group h3 {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  margin: 0;
+}
+.eth-agent-memory-panel .cds--tag {
+  margin: 0;
+  max-inline-size: 100%;
+}
+.eth-agent-memory-panel__entry-header,
+.eth-agent-memory-panel__actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+}
+.eth-agent-memory-panel__entry-title {
+  align-items: center;
+  display: inline-flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+.eth-agent-memory-panel__entry-title strong {
+  color: var(--eth-color-text-primary);
+  font-family: var(--eth-font-mono);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+  overflow-wrap: anywhere;
+}
+.eth-agent-memory-panel__updated-at {
+  color: var(--eth-color-text-secondary);
+  flex: 0 0 auto;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+.eth-agent-memory-panel__value {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+.eth-agent-memory-panel__actions {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  justify-content: flex-end;
+  padding-block-start: var(--eth-space-sm);
+}
+.eth-agent-safety-panel {
+  display: grid;
+  gap: var(--eth-space-lg);
+}
+.eth-agent-safety-panel__body {
+  display: grid;
+  gap: var(--eth-space-md);
+}
+.eth-agent-safety-panel__summary {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
+  margin: 0;
+}
+.eth-agent-safety-panel__summary-item {
+  border-inline-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+  padding: var(--eth-space-md);
+}
+.eth-agent-safety-panel__summary-item:last-child {
+  border-inline-end: 0;
+}
+.eth-agent-safety-panel__summary-item dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+  margin: 0;
+}
+.eth-agent-safety-panel__summary-item dd {
+  color: var(--eth-color-text-primary);
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.4;
+  margin: 0;
+}
+.eth-agent-safety-panel__summary-item--pass {
+  box-shadow: inset 0 3px 0 var(--eth-color-success);
+}
+.eth-agent-safety-panel__summary-item--warn {
+  box-shadow: inset 0 3px 0 var(--eth-color-warning);
+}
+.eth-agent-safety-panel__summary-item--fail {
+  box-shadow: inset 0 3px 0 var(--eth-color-danger);
+}
+.eth-agent-safety-panel__list {
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+}
+.eth-agent-safety-panel__check {
+  align-items: start;
+  background: var(--eth-color-layer-01);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  border-inline-start: 4px solid var(--eth-color-border-strong);
+  display: grid;
+  gap: var(--eth-space-md);
+  grid-template-columns: 0.75rem minmax(0, 1fr);
+  min-block-size: 4rem;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+}
+.eth-agent-safety-panel__check:last-child {
+  border-block-end: 0;
+}
+.eth-agent-safety-panel__check--pass {
+  border-inline-start-color: var(--eth-color-success);
+}
+.eth-agent-safety-panel__check--warn {
+  border-inline-start-color: var(--eth-color-warning);
+}
+.eth-agent-safety-panel__check--fail {
+  border-inline-start-color: var(--eth-color-danger);
+}
+.eth-agent-safety-panel__indicator {
+  background: var(--eth-color-border-strong);
+  border-radius: 50%;
+  block-size: 0.5rem;
+  inline-size: 0.5rem;
+  margin-block-start: 0.375rem;
+}
+.eth-agent-safety-panel__check--pass .eth-agent-safety-panel__indicator {
+  background: var(--eth-color-success);
+}
+.eth-agent-safety-panel__check--warn .eth-agent-safety-panel__indicator {
+  background: var(--eth-color-warning);
+}
+.eth-agent-safety-panel__check--fail .eth-agent-safety-panel__indicator {
+  background: var(--eth-color-danger);
+}
+.eth-agent-safety-panel__check-content {
+  min-inline-size: 0;
+}
+.eth-agent-safety-panel__check-main {
+  align-items: flex-start;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+.eth-agent-safety-panel__check-main h3 {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  margin: 0;
+  min-inline-size: 0;
+}
+.eth-agent-safety-panel__check-main .cds--tag {
+  flex: 0 0 auto;
+  margin: 0;
+}
+.eth-agent-safety-panel__check p {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: var(--eth-space-xs) 0 0;
+}
+.eth-agent-approval-gate {
+  border-inline-start: 0;
+  inline-size: min(100%, 56rem);
+}
+.eth-agent-approval-gate__layout {
+  display: grid;
+  gap: var(--eth-space-lg);
+}
+.eth-agent-approval-gate__summary {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin: 0;
+}
+.eth-agent-approval-gate__summary > div {
+  min-inline-size: 0;
+  padding: var(--eth-space-md);
+}
+.eth-agent-approval-gate__summary > div + div {
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+}
+.eth-agent-approval-gate__summary dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+  margin: 0 0 var(--eth-space-xs);
+}
+.eth-agent-approval-gate__summary dd {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.eth-agent-approval-gate__evidence {
+  display: grid;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-approval-gate__section-header {
+  align-items: baseline;
+  display: flex;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+}
+.eth-agent-approval-gate__section-header h3 {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  margin: 0;
+}
+.eth-agent-approval-gate__section-header span {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+.eth-agent-approval-gate__evidence-list {
+  display: grid;
+  gap: var(--eth-space-xs);
+}
+.eth-agent-approval-gate__evidence-item {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-primary);
+  display: grid;
+  gap: var(--eth-space-sm);
+  grid-template-columns: minmax(0, 1fr) auto auto;
+  min-block-size: 2.5rem;
+  padding: var(--eth-space-sm) var(--eth-space-md);
+  text-decoration: none;
+}
+.eth-agent-approval-gate__evidence-item--link:hover {
+  background: var(--eth-color-layer-hover);
+  border-color: var(--eth-color-border-strong);
+}
+.eth-agent-approval-gate__evidence-item:focus-visible {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+.eth-agent-approval-gate__evidence-copy {
+  min-inline-size: 0;
+}
+.eth-agent-approval-gate__evidence-label {
+  display: block;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  overflow-wrap: anywhere;
+}
+.eth-agent-approval-gate__evidence-description {
+  color: var(--eth-color-text-secondary);
+  display: block;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+  margin-block-start: var(--eth-space-2xs);
+}
+.eth-agent-approval-gate__evidence-meta {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+  white-space: nowrap;
+}
+.eth-agent-approval-gate__evidence-icon {
+  color: var(--eth-color-text-secondary);
+}
+.eth-agent-approval-gate__reason textarea {
+  min-block-size: 5rem;
+}
+.eth-agent-approval-gate__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+}
+@media (width <= 42rem) {
+  .eth-agent-approval-gate__summary {
+    grid-template-columns: 1fr;
+  }
+  .eth-agent-approval-gate__summary > div + div {
+    border-block-start: 1px solid var(--eth-color-border-subtle);
+    border-inline-start: 0;
+  }
+  .eth-agent-approval-gate__evidence-item {
+    grid-template-columns: minmax(0, 1fr) auto;
+  }
+  .eth-agent-approval-gate__evidence-meta {
+    grid-column: 1 / -1;
+    white-space: normal;
+  }
+}
+.eth-agent-interruption-panel {
+  border-inline-start: 4px solid var(--eth-color-warning);
+  inline-size: min(100%, 52rem);
+}
+.eth-agent-interruption-panel .cds--inline-notification {
+  inline-size: 100%;
+  margin: 0;
+  max-inline-size: none;
+}
+.eth-agent-interruption-panel__body {
+  display: grid;
+  gap: var(--eth-space-md);
+}
+.eth-agent-interruption-panel__prompt textarea,
+textarea.eth-agent-interruption-panel__prompt {
+  min-block-size: 6rem;
+}
+.eth-agent-interruption-panel__actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-interruption-panel__actions .eth-button {
+  min-inline-size: 11rem;
+}
+.eth-agent-handoff-panel__body {
+  display: grid;
+  gap: var(--eth-space-lg);
+}
+.eth-agent-handoff-panel__target-list {
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+}
+.eth-agent-handoff-panel__target {
+  background: var(--eth-color-layer-01);
+  border: 0;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-primary);
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  min-block-size: 4.5rem;
+  padding: var(--eth-space-md);
+  text-align: start;
+  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.eth-agent-handoff-panel__target:last-child {
+  border-block-end: 0;
+}
+.eth-agent-handoff-panel__target:hover {
+  background: var(--eth-color-layer-hover);
+}
+.eth-agent-handoff-panel__target:disabled {
+  color: var(--eth-color-text-secondary);
+  cursor: not-allowed;
+}
+.eth-agent-handoff-panel__target--selected {
+  background: var(--eth-color-layer-selected);
+  border-inline-start: 4px solid var(--eth-color-interactive-primary);
+  padding-inline-start: calc(var(--eth-space-md) - 4px);
+}
+.eth-agent-handoff-panel__target-main {
+  align-items: flex-start;
+  display: flex;
+  gap: var(--eth-space-lg);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+.eth-agent-handoff-panel__target-copy {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+.eth-agent-handoff-panel__target-label {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  overflow-wrap: anywhere;
+}
+.eth-agent-handoff-panel__target-description {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  overflow-wrap: anywhere;
+}
+.eth-agent-handoff-panel__target-meta {
+  align-items: center;
+  display: flex;
+  flex: 0 0 auto;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+  justify-content: flex-end;
+}
+.eth-agent-handoff-panel__target-meta .cds--tag {
+  margin: 0;
+}
+.eth-agent-handoff-panel__reason {
+  min-block-size: 6rem;
+}
+.eth-agent-handoff-panel__actions {
+  align-items: center;
+  display: flex;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-run-controls {
+  --eth-agent-run-controls-accent: var(--eth-color-border-strong);
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-inline-start: 3px solid var(--eth-agent-run-controls-accent);
+  color: var(--eth-color-text-primary);
+  display: grid;
+  gap: var(--eth-space-md);
+  inline-size: 100%;
+  max-inline-size: 48rem;
+  padding: var(--eth-space-md);
+}
+.eth-agent-run-controls[data-state=running] {
+  --eth-agent-run-controls-accent: var(--eth-color-info);
+}
+.eth-agent-run-controls[data-state=paused] {
+  --eth-agent-run-controls-accent: var(--eth-color-warning);
+}
+.eth-agent-run-controls[data-state=failed] {
+  --eth-agent-run-controls-accent: var(--eth-color-danger);
+}
+.eth-agent-run-controls[data-state=completed] {
+  --eth-agent-run-controls-accent: var(--eth-color-success);
+}
+.eth-agent-run-controls .cds--tag {
+  margin: 0;
+}
+.eth-agent-run-controls__summary {
+  align-items: flex-start;
+  display: grid;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-run-controls__heading {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+.eth-agent-run-controls__state-dot {
+  background: var(--eth-agent-run-controls-accent);
+  block-size: 0.625rem;
+  box-shadow: 0 0 0 1px var(--eth-color-layer-01), 0 0 0 2px var(--eth-agent-run-controls-accent);
+  flex: 0 0 auto;
+  inline-size: 0.625rem;
+}
+.eth-agent-run-controls__title {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+}
+.eth-agent-run-controls__description {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+  max-inline-size: 38rem;
+}
+.eth-agent-run-controls__actions,
+.eth-agent-run-controls__interrupt-actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+}
+.eth-agent-run-controls__actions .eth-button {
+  min-inline-size: 5.5rem;
+}
+.eth-agent-run-controls__actions .eth-button--danger {
+  min-inline-size: 5rem;
+}
+.eth-agent-run-controls__interrupt {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-inline-start: 4px solid var(--eth-color-warning);
+  display: grid;
+  gap: var(--eth-space-sm);
+  padding: var(--eth-space-md);
+}
+.eth-agent-run-controls__interrupt textarea {
+  min-block-size: 5rem;
+}
+.eth-agent-state-badge {
+  --eth-agent-state-accent: var(--eth-color-text-secondary);
+  --eth-agent-state-background: var(--eth-color-layer-01);
+  --eth-agent-state-border: var(--eth-color-border-subtle);
+  --eth-agent-state-color: var(--eth-color-text-primary);
+  align-items: center;
+  background: var(--eth-agent-state-background);
+  border: 1px solid var(--eth-agent-state-border);
+  border-radius: 999px;
+  color: var(--eth-agent-state-color);
+  display: inline-flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  gap: var(--eth-space-xs);
+  line-height: 1.3333;
+  max-inline-size: 100%;
+  min-block-size: var(--eth-space-xl);
+  padding: 0 var(--eth-space-sm);
+  vertical-align: middle;
+  white-space: nowrap;
+}
+.eth-agent-state-badge--idle {
+  --eth-agent-state-accent: var(--eth-color-text-secondary);
+  --eth-agent-state-background: var(--eth-color-layer-01);
+  --eth-agent-state-border: var(--eth-color-border-subtle);
+}
+.eth-agent-state-badge--listening,
+.eth-agent-state-badge--thinking,
+.eth-agent-state-badge--tool-calling {
+  --eth-agent-state-accent: var(--eth-color-info);
+  --eth-agent-state-background: color-mix( in srgb, var(--eth-color-info) 12%, var(--eth-color-layer-01) );
+  --eth-agent-state-border: color-mix( in srgb, var(--eth-color-info) 32%, var(--eth-color-border-subtle) );
+}
+.eth-agent-state-badge--waiting-for-user,
+.eth-agent-state-badge--interrupted {
+  --eth-agent-state-accent: var(--eth-color-warning);
+  --eth-agent-state-background: color-mix( in srgb, var(--eth-color-warning) 22%, var(--eth-color-layer-01) );
+  --eth-agent-state-border: color-mix( in srgb, var(--eth-color-warning) 46%, var(--eth-color-border-subtle) );
+}
+.eth-agent-state-badge--failed {
+  --eth-agent-state-accent: var(--eth-color-danger);
+  --eth-agent-state-background: color-mix( in srgb, var(--eth-color-danger) 12%, var(--eth-color-layer-01) );
+  --eth-agent-state-border: color-mix( in srgb, var(--eth-color-danger) 34%, var(--eth-color-border-subtle) );
+}
+.eth-agent-state-badge--completed {
+  --eth-agent-state-accent: var(--eth-color-success);
+  --eth-agent-state-background: color-mix( in srgb, var(--eth-color-success) 14%, var(--eth-color-layer-01) );
+  --eth-agent-state-border: color-mix( in srgb, var(--eth-color-success) 34%, var(--eth-color-border-subtle) );
+}
+.eth-agent-state-badge__dot {
+  background: var(--eth-agent-state-accent);
+  block-size: var(--eth-space-sm);
+  border-radius: 50%;
+  box-shadow: inset 0 0 0 1px rgb(22 22 22 / 14%);
+  flex: 0 0 auto;
+  inline-size: var(--eth-space-sm);
+  position: relative;
+}
+.eth-agent-state-badge--active .eth-agent-state-badge__dot::after {
+  animation: eth-agent-state-pulse 1.6s var(--eth-motion-easing) infinite;
+  border: 1px solid var(--eth-agent-state-accent);
+  border-radius: inherit;
+  content: "";
+  inset: -0.25rem;
+  opacity: 0;
+  position: absolute;
+}
+.eth-agent-state-badge__label {
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+@keyframes eth-agent-state-pulse {
+  0% {
+    opacity: 0.56;
+    transform: scale(0.72);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(1.28);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .eth-agent-state-badge--active .eth-agent-state-badge__dot::after {
+    animation: none;
+    opacity: 0;
+    transform: none;
+  }
+}
+.eth-agent-generated-artifact-panel__layout {
+  display: grid;
+  gap: var(--eth-space-lg);
+  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
+}
+.eth-agent-generated-artifact-panel__list {
+  display: grid;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-generated-artifact-panel__item {
+  border-inline-start: 4px solid transparent !important;
+  cursor: pointer;
+  display: grid;
+  gap: var(--eth-space-xs);
+  inline-size: 100%;
+  min-block-size: 5rem;
+  text-align: start;
+}
+.eth-agent-generated-artifact-panel__item--selected {
+  background: var(--eth-color-layer-selected) !important;
+  border-color: var(--eth-color-border-subtle) !important;
+  border-inline-start-color: var(--eth-color-interactive-primary) !important;
+}
+.eth-agent-generated-artifact-panel__item-topline {
+  align-items: flex-start;
+  display: flex;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+.eth-agent-generated-artifact-panel__item-title {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+.eth-agent-generated-artifact-panel__kind {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  flex: 0 0 auto;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+  padding: var(--eth-space-2xs) var(--eth-space-xs);
+}
+.eth-agent-generated-artifact-panel__item-meta,
+.eth-agent-generated-artifact-panel__item-status,
+.eth-agent-generated-artifact-panel__preview-meta,
+.eth-agent-generated-artifact-panel__empty-description {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+.eth-agent-generated-artifact-panel__item-status {
+  color: var(--eth-color-text-helper);
+}
+.eth-agent-generated-artifact-panel__preview {
+  display: grid;
+  gap: var(--eth-space-md);
+  grid-template-rows: auto minmax(0, 1fr);
+  min-block-size: 17.5rem;
+  overflow: hidden;
+}
+.eth-agent-generated-artifact-panel__preview-header {
+  align-items: flex-start;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  padding-block-end: var(--eth-space-md);
+}
+.eth-agent-generated-artifact-panel__preview-heading {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+.eth-agent-generated-artifact-panel__preview h3 {
+  font-size: calc(1rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.5;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.eth-agent-generated-artifact-panel__preview-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+}
+.eth-agent-generated-artifact-panel__preview-body {
+  display: grid;
+  min-block-size: 14rem;
+  min-inline-size: 0;
+}
+.eth-agent-generated-artifact-panel__preview img,
+.eth-agent-generated-artifact-panel__preview iframe {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: block;
+  inline-size: 100%;
+}
+.eth-agent-generated-artifact-panel__preview img {
+  block-size: 100%;
+  max-block-size: 26rem;
+  object-fit: contain;
+}
+.eth-agent-generated-artifact-panel__preview iframe {
+  block-size: 26rem;
+}
+.eth-agent-generated-artifact-panel__text-preview {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.5;
+  overflow: auto;
+  padding: var(--eth-space-lg);
+  white-space: pre-wrap;
+}
+.eth-agent-generated-artifact-panel__preview pre {
+  border: 1px solid var(--eth-color-border-subtle);
+  font-size: calc(0.8125rem * var(--eth-text-scale, 1));
+  line-height: 1.5385;
+  margin: 0;
+  max-block-size: 26rem;
+}
+.eth-agent-generated-artifact-panel__empty-preview {
+  align-content: center;
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-block-size: 14rem;
+  padding: var(--eth-space-xl);
+  text-align: center;
+}
+.eth-agent-generated-artifact-panel__empty-title {
+  font-size: calc(1rem * var(--eth-text-scale, 1));
+  line-height: 1.5;
+  margin: 0;
+}
+.eth-agent-generated-artifact-panel__empty-description {
+  margin: 0;
+}
+@media (width <= 48rem) {
+  .eth-agent-app-panel,
+  .eth-agent-chat-rail,
+  .eth-chat-rail,
+  [data-eth-component=AppDomainAgentPanel] {
+    inline-size: 100%;
+  }
+  .eth-trace__layout,
+  .eth-agent-generated-artifact-panel__layout {
+    grid-template-columns: 1fr;
+  }
+  .eth-trace__summary {
+    grid-template-columns: 1fr;
+  }
+  .eth-trace__summary > div + div {
+    border-block-start: 1px solid var(--eth-color-border-subtle);
+    border-inline-start: 0;
+  }
+  .eth-trace__axis {
+    padding-inline-start: 0;
+  }
+  .eth-agent-memory-panel__summary {
+    grid-template-columns: 1fr;
+  }
+  .eth-agent-plan-diff__summary,
+  .eth-agent-plan-diff__comparison {
+    grid-template-columns: 1fr;
+  }
+  .eth-agent-memory-panel__summary-item + .eth-agent-memory-panel__summary-item {
+    border-block-start: 1px solid var(--eth-color-border-subtle);
+    border-inline-start: 0;
+  }
+  .eth-agent-plan-diff__summary-item + .eth-agent-plan-diff__summary-item,
+  .eth-agent-plan-diff__comparison .eth-agent-plan-diff__snapshot + .eth-agent-plan-diff__snapshot {
+    border-block-start: 1px solid var(--eth-color-border-subtle);
+    border-inline-start: 0;
+  }
+  .eth-trace__row {
+    grid-template-columns: 1fr;
+  }
+  .eth-trace__track {
+    margin-block: 0 var(--eth-space-md);
+  }
+  .eth-trace__detail-grid {
+    grid-template-columns: 1fr;
+  }
+  .eth-trace__detail-grid > div:nth-child(2n) {
+    border-inline-start: 0;
+  }
+  .eth-trace__detail-grid > div:nth-child(n+2) {
+    border-block-start: 1px solid var(--eth-color-border-subtle);
+  }
+  .eth-agent-handoff-panel__target-main {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: var(--eth-space-sm);
+  }
+  .eth-agent-handoff-panel__target-meta {
+    justify-content: flex-start;
+  }
+}
+/*# sourceMappingURL=index.css.map */