@compose-market/theme 0.0.97 → 0.0.99

package/dist/agents/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const agentsCss = "/**\n * Compose.Market Agent Card\n * @compose-market/theme/css/agents\n */\n\n.cm-agent-card {\n  container-type: inline-size;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  gap: 0.85rem;\n  border-radius: 14px;\n  border: 1px solid hsl(var(--primary) / 0.18);\n  background:\n    linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.32)),\n    radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.08), transparent 34%),\n    hsl(224 36% 13% / 0.24);\n  box-shadow:\n    0 0 34px hsl(var(--primary) / 0.055),\n    inset 0 1px 0 hsl(0 0% 100% / 0.06);\n  overflow: hidden;\n  backdrop-filter: blur(16px) saturate(1.12);\n}\n\n.cm-agent-card--interactive {\n  cursor: pointer;\n  transition:\n    transform 180ms ease,\n    border-color 180ms ease,\n    box-shadow 180ms ease;\n}\n\n.cm-agent-card--interactive:hover {\n  transform: translateY(-2px);\n  border-color: hsl(var(--primary) / 0.45);\n  box-shadow:\n    0 18px 36px hsl(240 30% 2% / 0.32),\n    0 0 24px hsl(var(--primary) / 0.14),\n    inset 0 1px 0 hsl(0 0% 100% / 0.05);\n}\n\n.cm-agent-card--interactive:focus-visible {\n  outline: 2px solid hsl(var(--primary) / 0.72);\n  outline-offset: 3px;\n}\n\n.cm-agent-card--running {\n  border-color: hsl(142 71% 45% / 0.48);\n  box-shadow:\n    0 10px 30px hsl(142 71% 45% / 0.08),\n    0 0 24px hsl(142 71% 45% / 0.12),\n    inset 0 1px 0 hsl(0 0% 100% / 0.05);\n}\n\n.cm-agent-card__main {\n  display: grid;\n  gap: 0.9rem;\n  padding: 1rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__header {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__avatar {\n  width: 3.5rem;\n  height: 3.5rem;\n  border-radius: max(var(--radius, 0.25rem), 0.35rem);\n  border: 1px solid hsl(var(--primary) / 0.28);\n  background:\n    linear-gradient(180deg, hsl(var(--background) / 0.92), hsl(var(--muted) / 0.34));\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  overflow: hidden;\n  box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.08);\n}\n\n.cm-agent-card__avatar-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.cm-agent-card__avatar-fallback {\n  font-family: var(--font-mono), monospace;\n  color: hsl(var(--primary));\n  font-size: 0.88rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__copy {\n  display: grid;\n  gap: 0.5rem;\n  min-width: 0;\n  max-width: 100%;\n  flex: 1;\n}\n\n.cm-agent-card__title-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.6rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__title {\n  font-family: var(--font-display), sans-serif;\n  font-size: 1.05rem;\n  line-height: 1.1;\n  color: hsl(var(--foreground));\n  min-width: 0;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__header-action {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n.cm-agent-card__description {\n  color: hsl(var(--muted-foreground));\n  font-size: 0.84rem;\n  line-height: 1.48;\n  max-width: 100%;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__badges,\n.cm-agent-card__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.45rem;\n}\n\n.cm-agent-card__badge,\n.cm-agent-card__tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  min-height: 1.7rem;\n  padding: 0 0.7rem;\n  border-radius: 999px;\n  border: 1px solid hsl(var(--border) / 0.72);\n  background: hsl(var(--muted) / 0.28);\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.64rem;\n  letter-spacing: 0.08em;\n  line-height: 1;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__badge-icon {\n  display: inline-flex;\n  align-items: center;\n}\n\n.cm-agent-card__badge[data-tone=\"cyan\"],\n.cm-agent-card__tag {\n  border-color: hsl(var(--primary) / 0.28);\n  background: hsl(var(--primary) / 0.12);\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__badge[data-tone=\"green\"] {\n  border-color: hsl(142 71% 45% / 0.28);\n  background: hsl(142 71% 45% / 0.12);\n  color: hsl(142 71% 45%);\n}\n\n.cm-agent-card__badge[data-tone=\"fuchsia\"] {\n  border-color: hsl(292 85% 55% / 0.28);\n  background: hsl(292 85% 55% / 0.12);\n  color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__badge[data-tone=\"warning\"] {\n  border-color: hsl(42 100% 48% / 0.28);\n  background: hsl(42 100% 48% / 0.12);\n  color: hsl(42 100% 48%);\n}\n\n.cm-agent-card__badge[data-tone=\"danger\"] {\n  border-color: hsl(var(--destructive) / 0.28);\n  background: hsl(var(--destructive) / 0.12);\n  color: hsl(var(--destructive));\n}\n\n.cm-agent-card__metrics {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(8.7rem, 1fr));\n  gap: 0.6rem;\n}\n\n.cm-agent-card__metric {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 0.6rem;\n  align-items: center;\n  padding: 0.72rem 0.8rem;\n  border-radius: var(--radius, 0.25rem);\n  border: 1px solid hsl(var(--border) / 0.65);\n  background: hsl(var(--background) / 0.5);\n}\n\n.cm-agent-card__metric-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__metric-copy {\n  display: grid;\n  gap: 0.14rem;\n  min-width: 0;\n}\n\n.cm-agent-card__metric-label,\n.cm-agent-card__focus-label,\n.cm-agent-card__tags-title,\n.cm-agent-card__meta-label {\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.62rem;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__metric-value,\n.cm-agent-card__focus-value,\n.cm-agent-card__meta-value {\n  color: hsl(var(--foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.8rem;\n  line-height: 1.2;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__metric[data-tone=\"green\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"green\"] .cm-agent-card__metric-value {\n  color: hsl(142 71% 45%);\n}\n\n.cm-agent-card__metric[data-tone=\"cyan\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"cyan\"] .cm-agent-card__metric-value {\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__metric[data-tone=\"fuchsia\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"fuchsia\"] .cm-agent-card__metric-value {\n  color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__metric[data-tone=\"warning\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"warning\"] .cm-agent-card__metric-value {\n  color: hsl(42 100% 48%);\n}\n\n.cm-agent-card__metric[data-tone=\"danger\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"danger\"] .cm-agent-card__metric-value {\n  color: hsl(var(--destructive));\n}\n\n.cm-agent-card__focus {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 0.7rem;\n  align-items: center;\n  padding: 0.85rem 0.95rem;\n  border-radius: var(--radius, 0.25rem);\n  border: 1px solid hsl(var(--border) / 0.72);\n  background:\n    linear-gradient(135deg, hsl(var(--primary) / 0.11), transparent 68%);\n}\n\n.cm-agent-card__focus-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__focus-copy,\n.cm-agent-card__tags-block {\n  display: grid;\n  gap: 0.35rem;\n}\n\n.cm-agent-card__meta {\n  display: grid;\n  gap: 0.55rem;\n}\n\n.cm-agent-card__meta-row {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.cm-agent-card__footer {\n  padding-top: 0.9rem;\n  border-top: 1px solid hsl(var(--border) / 0.55);\n}\n\n.cm-agent-card__footer-stack {\n  display: grid;\n  gap: 0.8rem;\n}\n\n.cm-agent-card__endpoint,\n.cm-agent-card__creator {\n  display: grid;\n  gap: 0.45rem;\n}\n\n.cm-agent-card__endpoint-label,\n.cm-agent-card__creator-label {\n  color: hsl(var(--muted-foreground));\n  font-size: 0.68rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__endpoint-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 0.6rem;\n  align-items: center;\n  padding: 0.65rem 0.75rem;\n  border-radius: var(--radius, 0.25rem);\n  border: 1px solid hsl(var(--border) / 0.65);\n  background: hsl(var(--background) / 0.42);\n}\n\n.cm-agent-card__endpoint-code,\n.cm-agent-card__creator-value {\n  color: hsl(var(--primary));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.78rem;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__creator-value {\n  color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__footer-link {\n  color: hsl(var(--primary));\n  font-size: 0.82rem;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n.cm-agent-card__footer-link:hover {\n  text-decoration: underline;\n}\n\n.cm-agent-card--match-chat {\n  height: 100%;\n  min-height: 0;\n}\n\n.cm-agent-card--match-chat > .cm-agent-card__main {\n  height: 100%;\n  min-height: 0;\n  align-content: start;\n  overflow: hidden;\n}\n\n.cm-agent-card--market,\n.cm-agent-card--market-full {\n  height: var(--cm-market-card-height, clamp(26rem, 46vw, 32rem));\n  min-height: 0;\n}\n\n.cm-agent-card--market > .cm-agent-card__main,\n.cm-agent-card--market-full > .cm-agent-card__main {\n  display: grid;\n  grid-template-rows: auto auto auto minmax(0, 1fr) auto;\n  height: 100%;\n  min-height: 0;\n  gap: clamp(0.64rem, 1.45cqi, 0.9rem);\n  padding: clamp(0.82rem, 1.85cqi, 1.05rem);\n  align-content: stretch;\n  overflow: hidden;\n}\n\n.cm-agent-card--market .cm-agent-card__header,\n.cm-agent-card--market-full .cm-agent-card__header {\n  gap: clamp(0.68rem, 1.55cqi, 0.9rem);\n  align-items: flex-start;\n}\n\n.cm-agent-card--market .cm-agent-card__avatar,\n.cm-agent-card--market-full .cm-agent-card__avatar {\n  width: clamp(2.65rem, 8.5cqi, 3.25rem);\n  height: clamp(2.65rem, 8.5cqi, 3.25rem);\n}\n\n.cm-agent-card--market .cm-agent-card__copy,\n.cm-agent-card--market-full .cm-agent-card__copy {\n  gap: 0.38rem;\n}\n\n.cm-agent-card--market .cm-agent-card__title,\n.cm-agent-card--market-full .cm-agent-card__title {\n  font-size: clamp(0.94rem, 2.55cqi, 1.08rem);\n  line-height: 1.12;\n}\n\n.cm-agent-card--market .cm-agent-card__identity,\n.cm-agent-card--market-full .cm-agent-card__identity {\n  gap: 0.26rem;\n}\n\n.cm-agent-card--market .cm-agent-card__identity-head,\n.cm-agent-card--market-full .cm-agent-card__identity-head {\n  flex-wrap: wrap;\n}\n\n.cm-agent-card--market .cm-agent-card__identity-name,\n.cm-agent-card--market-full .cm-agent-card__identity-name,\n.cm-agent-card--market .cm-agent-card__identity-address,\n.cm-agent-card--market-full .cm-agent-card__identity-address,\n.cm-agent-card--market .cm-agent-card__model-name,\n.cm-agent-card--market-full .cm-agent-card__model-name,\n.cm-agent-card--market .cm-agent-card__metric-value,\n.cm-agent-card--market-full .cm-agent-card__metric-value,\n.cm-agent-card--market .cm-agent-card__endpoint-code,\n.cm-agent-card--market-full .cm-agent-card__endpoint-code,\n.cm-agent-card--market .cm-agent-card__creator-value,\n.cm-agent-card--market-full .cm-agent-card__creator-value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow-wrap: normal;\n  word-break: normal;\n}\n\n.cm-agent-card--market .cm-agent-card__model,\n.cm-agent-card--market-full .cm-agent-card__model {\n  max-width: 100%;\n  font-size: clamp(0.58rem, 1.85cqi, 0.66rem);\n}\n\n.cm-agent-card--market .cm-agent-card__description,\n.cm-agent-card--market-full .cm-agent-card__description {\n  display: -webkit-box;\n  min-height: calc(3 * 1.36em);\n  max-height: calc(3 * 1.36em);\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n  font-size: clamp(0.72rem, 1.9cqi, 0.82rem);\n  line-height: 1.36;\n}\n\n.cm-agent-card--market .cm-agent-card__badges,\n.cm-agent-card--market-full .cm-agent-card__badges,\n.cm-agent-card--market .cm-agent-card__tags,\n.cm-agent-card--market-full .cm-agent-card__tags {\n  gap: 0.34rem;\n  overflow: hidden;\n}\n\n.cm-agent-card--market .cm-agent-card__badges,\n.cm-agent-card--market-full .cm-agent-card__badges {\n  max-height: 4.1rem;\n}\n\n.cm-agent-card--market .cm-agent-card__badge,\n.cm-agent-card--market-full .cm-agent-card__badge,\n.cm-agent-card--market .cm-agent-card__tag,\n.cm-agent-card--market-full .cm-agent-card__tag {\n  min-height: clamp(1.38rem, 4.6cqi, 1.62rem);\n  padding: 0.28rem 0.52rem;\n  font-size: clamp(0.54rem, 1.65cqi, 0.62rem);\n  letter-spacing: 0.07em;\n  white-space: nowrap;\n}\n\n.cm-agent-card--market .cm-agent-card__metrics,\n.cm-agent-card--market-full .cm-agent-card__metrics {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: clamp(0.36rem, 1cqi, 0.52rem);\n}\n\n.cm-agent-card--market .cm-agent-card__metric,\n.cm-agent-card--market-full .cm-agent-card__metric {\n  min-width: 0;\n  min-height: clamp(2.52rem, 7cqi, 3rem);\n  gap: 0.38rem;\n  padding: clamp(0.42rem, 1.2cqi, 0.58rem);\n  border-color: hsl(var(--primary) / 0.15);\n  background:\n    radial-gradient(circle at 0% 0%, hsl(var(--primary) / 0.08), transparent 42%),\n    hsl(221 50% 9% / 0.34);\n}\n\n.cm-agent-card--market .cm-agent-card__metric-icon svg,\n.cm-agent-card--market-full .cm-agent-card__metric-icon svg {\n  width: 0.78rem;\n  height: 0.78rem;\n}\n\n.cm-agent-card--market .cm-agent-card__metric-label,\n.cm-agent-card--market-full .cm-agent-card__metric-label {\n  font-size: clamp(0.48rem, 1.45cqi, 0.56rem);\n  letter-spacing: 0.08em;\n}\n\n.cm-agent-card--market .cm-agent-card__metric-value,\n.cm-agent-card--market-full .cm-agent-card__metric-value {\n  font-size: clamp(0.62rem, 1.75cqi, 0.72rem);\n}\n\n.cm-agent-card--market .cm-agent-card__tags-block,\n.cm-agent-card--market-full .cm-agent-card__tags-block {\n  align-self: stretch;\n  align-content: start;\n  gap: 0.34rem;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.cm-agent-card--market .cm-agent-card__tags-title,\n.cm-agent-card--market-full .cm-agent-card__tags-title {\n  display: block;\n}\n\n.cm-agent-card--market .cm-agent-card__footer,\n.cm-agent-card--market-full .cm-agent-card__footer {\n  padding-top: clamp(0.52rem, 1.2cqi, 0.74rem);\n}\n\n.cm-agent-card--market .cm-agent-card__footer-stack,\n.cm-agent-card--market-full .cm-agent-card__footer-stack {\n  grid-template-columns: minmax(0, 1fr) minmax(5rem, 0.42fr);\n  align-items: end;\n  gap: clamp(0.48rem, 1.25cqi, 0.68rem);\n}\n\n.cm-agent-card--market .cm-agent-card__endpoint,\n.cm-agent-card--market-full .cm-agent-card__endpoint,\n.cm-agent-card--market .cm-agent-card__creator,\n.cm-agent-card--market-full .cm-agent-card__creator {\n  gap: 0.34rem;\n  min-width: 0;\n}\n\n.cm-agent-card--market .cm-agent-card__endpoint-label,\n.cm-agent-card--market-full .cm-agent-card__endpoint-label,\n.cm-agent-card--market .cm-agent-card__creator-label,\n.cm-agent-card--market-full .cm-agent-card__creator-label {\n  display: block;\n}\n\n.cm-agent-card--market .cm-agent-card__endpoint-row,\n.cm-agent-card--market-full .cm-agent-card__endpoint-row {\n  min-height: 2.05rem;\n  padding: 0.32rem 0.42rem 0.32rem 0.56rem;\n  gap: 0.32rem;\n  border-color: hsl(var(--primary) / 0.15);\n}\n\n.cm-agent-card--market .cm-agent-card__creator-value,\n.cm-agent-card--market-full .cm-agent-card__creator-value,\n.cm-agent-card--market .cm-agent-card__endpoint-code,\n.cm-agent-card--market-full .cm-agent-card__endpoint-code {\n  font-size: clamp(0.58rem, 1.62cqi, 0.68rem);\n}\n\n.cm-agent-card--market .cm-agent-card__creator-value,\n.cm-agent-card--market-full .cm-agent-card__creator-value {\n  display: block;\n  text-align: right;\n}\n\n.cm-agent-card__metric,\n.cm-agent-card__metric-copy,\n.cm-agent-card__focus,\n.cm-agent-card__focus-copy,\n.cm-agent-card__tags-block,\n.cm-agent-card__footer,\n.cm-agent-card__footer-stack,\n.cm-agent-card__endpoint,\n.cm-agent-card__creator {\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__metric-value,\n.cm-agent-card__focus-value,\n.cm-agent-card__meta-value,\n.cm-agent-card__endpoint-code,\n.cm-agent-card__creator-value {\n  max-width: 100%;\n  min-width: 0;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n.cm-agent-card__identity {\n  display: grid;\n  gap: 0.32rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__identity-head {\n  display: flex;\n  align-items: baseline;\n  gap: 0.45rem;\n  min-width: 0;\n  max-width: 100%;\n  flex-wrap: wrap;\n}\n\n.cm-agent-card__identity-name {\n  min-width: 0;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__identity-address {\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.68rem;\n  font-weight: 500;\n  line-height: 1.1;\n}\n\n.cm-agent-card__model {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.28rem;\n  width: fit-content;\n  max-width: 100%;\n  padding: 0.16rem 0.44rem;\n  border: 1px solid hsl(var(--primary) / 0.3);\n  border-radius: 999px;\n  background: hsl(var(--primary) / 0.06);\n  color: hsl(var(--foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.66rem;\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.cm-agent-card__model svg {\n  width: 0.68rem;\n  height: 0.68rem;\n  flex-shrink: 0;\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__model-name {\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.cm-agent-card__badge,\n.cm-agent-card__tag {\n  max-width: 100%;\n  min-width: 0;\n  height: auto;\n  padding-top: 0.35rem;\n  padding-bottom: 0.35rem;\n  line-height: 1.2;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__endpoint-row {\n  min-width: 0;\n  max-width: 100%;\n  cursor: pointer;\n  text-align: left;\n}\n\n.cm-agent-card__endpoint-row:focus-visible {\n  outline: 2px solid hsl(var(--primary) / 0.75);\n  outline-offset: 2px;\n}\n\n.cm-agent-card__actions {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.55rem;\n  padding: 1rem 1rem 1rem 0;\n}\n\n.cm-agent-card__action-stack {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.55rem;\n  flex-wrap: wrap;\n}\n\n.cm-agent-card--skeleton {\n  pointer-events: none;\n}\n\n.cm-agent-card__skeleton {\n  border-radius: var(--radius, 0.25rem);\n  background: linear-gradient(90deg, hsl(var(--muted) / 0.55), hsl(var(--muted) / 0.8), hsl(var(--muted) / 0.55));\n  background-size: 220% 100%;\n  animation: cm-agent-card-shimmer 1.6s linear infinite;\n}\n\n.cm-agent-card__skeleton--avatar {\n  width: 3.5rem;\n  height: 3.5rem;\n  border-radius: max(var(--radius, 0.25rem), 0.35rem);\n}\n\n.cm-agent-card__skeleton--title {\n  height: 1.1rem;\n  width: 10rem;\n}\n\n.cm-agent-card__skeleton--line {\n  height: 0.82rem;\n  width: 100%;\n}\n\n.cm-agent-card__skeleton--line.short {\n  width: 76%;\n}\n\n.cm-agent-card__skeleton--metric {\n  min-height: 4.4rem;\n}\n\n.cm-agent-card__skeleton--focus {\n  min-height: 4.3rem;\n}\n\n.cm-agent-card__skeleton--tags {\n  min-height: 5.6rem;\n}\n\n.cm-agent-card__skeleton--footer {\n  min-height: 4.2rem;\n}\n\n@keyframes cm-agent-card-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@media (max-width: 720px) {\n  .cm-agent-card__main {\n    gap: 0.65rem;\n    padding: 0.85rem;\n  }\n\n  .cm-agent-card__avatar {\n    width: 2.5rem;\n    height: 2.5rem;\n  }\n\n  .cm-agent-card__title {\n    font-size: 0.92rem;\n  }\n\n  .cm-agent-card__description {\n    font-size: 0.78rem;\n    line-height: 1.4;\n  }\n\n  .cm-agent-card__metrics {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .cm-agent-card__metric {\n    padding: 0.55rem 0.7rem;\n  }\n\n  .cm-agent-card__focus {\n    padding: 0.7rem 0.8rem;\n  }\n\n  .cm-agent-card__badges,\n  .cm-agent-card__tags {\n    gap: 0.3rem;\n  }\n\n  .cm-agent-card__badge,\n  .cm-agent-card__tag {\n    min-height: 1.45rem;\n    padding: 0 0.5rem;\n    font-size: 0.65rem;\n  }\n\n  .cm-agent-card__endpoint-code,\n  .cm-agent-card__creator-value {\n    font-size: 0.68rem;\n  }\n\n  .cm-agent-card__actions {\n    padding: 0 0.85rem 0.85rem;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n  }\n}\n\n@container (max-width: 26rem) {\n  .cm-agent-card__metrics {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .cm-agent-card__header {\n    gap: 0.7rem;\n  }\n\n  .cm-agent-card__avatar {\n    width: 2.75rem;\n    height: 2.75rem;\n  }\n}\n\n@container (max-width: 21rem) {\n  .cm-agent-card__endpoint-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n";
+export declare const agentsCss = "/**\n * Compose.Market Agent Card\n * @compose-market/theme/css/agents\n */\n\n.cm-agent-card {\n  container-type: inline-size;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  gap: 0.85rem;\n  border-radius: 14px;\n  border: 1px solid hsl(var(--primary) / 0.18);\n  background:\n    linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.32)),\n    radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.08), transparent 34%),\n    hsl(224 36% 13% / 0.24);\n  box-shadow:\n    0 0 34px hsl(var(--primary) / 0.055),\n    inset 0 1px 0 hsl(0 0% 100% / 0.06);\n  overflow: hidden;\n  backdrop-filter: blur(16px) saturate(1.12);\n}\n\n.cm-agent-card--interactive {\n  cursor: pointer;\n  transition:\n    transform 180ms ease,\n    border-color 180ms ease,\n    box-shadow 180ms ease;\n}\n\n.cm-agent-card--interactive:hover {\n  transform: translateY(-2px);\n  border-color: hsl(var(--primary) / 0.45);\n  box-shadow:\n    0 18px 36px hsl(240 30% 2% / 0.32),\n    0 0 24px hsl(var(--primary) / 0.14),\n    inset 0 1px 0 hsl(0 0% 100% / 0.05);\n}\n\n.cm-agent-card--interactive:focus-visible {\n  outline: 2px solid hsl(var(--primary) / 0.72);\n  outline-offset: 3px;\n}\n\n.cm-agent-card--running {\n  border-color: hsl(142 71% 45% / 0.48);\n  box-shadow:\n    0 10px 30px hsl(142 71% 45% / 0.08),\n    0 0 24px hsl(142 71% 45% / 0.12),\n    inset 0 1px 0 hsl(0 0% 100% / 0.05);\n}\n\n.cm-agent-card__main {\n  display: grid;\n  gap: 0.9rem;\n  padding: 1rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__header {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__avatar {\n  width: 3.5rem;\n  height: 3.5rem;\n  border-radius: max(var(--radius, 0.25rem), 0.35rem);\n  border: 1px solid hsl(var(--primary) / 0.28);\n  background:\n    linear-gradient(180deg, hsl(var(--background) / 0.92), hsl(var(--muted) / 0.34));\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  overflow: hidden;\n  box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.08);\n}\n\n.cm-agent-card__avatar-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.cm-agent-card__avatar-fallback {\n  font-family: var(--font-mono), monospace;\n  color: hsl(var(--primary));\n  font-size: 0.88rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__copy {\n  display: grid;\n  gap: 0.5rem;\n  min-width: 0;\n  max-width: 100%;\n  flex: 1;\n}\n\n.cm-agent-card__title-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.6rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__title {\n  font-family: var(--font-display), sans-serif;\n  font-size: 1.05rem;\n  line-height: 1.1;\n  color: hsl(var(--foreground));\n  min-width: 0;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__header-action {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n.cm-agent-card__description {\n  color: hsl(var(--muted-foreground));\n  font-size: 0.84rem;\n  line-height: 1.48;\n  max-width: 100%;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__badges,\n.cm-agent-card__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.45rem;\n}\n\n.cm-agent-card__badge,\n.cm-agent-card__tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  min-height: 1.7rem;\n  padding: 0 0.7rem;\n  border-radius: 999px;\n  border: 1px solid hsl(var(--border) / 0.72);\n  background: hsl(var(--muted) / 0.28);\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.64rem;\n  letter-spacing: 0.08em;\n  line-height: 1;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__badge-icon {\n  display: inline-flex;\n  align-items: center;\n}\n\n.cm-agent-card__badge[data-tone=\"cyan\"],\n.cm-agent-card__tag {\n  border-color: hsl(var(--primary) / 0.28);\n  background: hsl(var(--primary) / 0.12);\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__badge[data-tone=\"green\"] {\n  border-color: hsl(142 71% 45% / 0.28);\n  background: hsl(142 71% 45% / 0.12);\n  color: hsl(142 71% 45%);\n}\n\n.cm-agent-card__badge[data-tone=\"fuchsia\"] {\n  border-color: hsl(292 85% 55% / 0.28);\n  background: hsl(292 85% 55% / 0.12);\n  color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__badge[data-tone=\"warning\"] {\n  border-color: hsl(42 100% 48% / 0.28);\n  background: hsl(42 100% 48% / 0.12);\n  color: hsl(42 100% 48%);\n}\n\n.cm-agent-card__badge[data-tone=\"danger\"] {\n  border-color: hsl(var(--destructive) / 0.28);\n  background: hsl(var(--destructive) / 0.12);\n  color: hsl(var(--destructive));\n}\n\n.cm-agent-card__metrics {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(8.7rem, 1fr));\n  gap: 0.6rem;\n}\n\n.cm-agent-card__metric {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 0.6rem;\n  align-items: center;\n  padding: 0.72rem 0.8rem;\n  border-radius: var(--radius, 0.25rem);\n  border: 1px solid hsl(var(--border) / 0.65);\n  background: hsl(var(--background) / 0.5);\n}\n\n.cm-agent-card__metric-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__metric-copy {\n  display: grid;\n  gap: 0.14rem;\n  min-width: 0;\n}\n\n.cm-agent-card__metric-label,\n.cm-agent-card__focus-label,\n.cm-agent-card__tags-title,\n.cm-agent-card__meta-label {\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.62rem;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__metric-value,\n.cm-agent-card__focus-value,\n.cm-agent-card__meta-value {\n  color: hsl(var(--foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.8rem;\n  line-height: 1.2;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__metric[data-tone=\"green\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"green\"] .cm-agent-card__metric-value {\n  color: hsl(142 71% 45%);\n}\n\n.cm-agent-card__metric[data-tone=\"cyan\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"cyan\"] .cm-agent-card__metric-value {\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__metric[data-tone=\"fuchsia\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"fuchsia\"] .cm-agent-card__metric-value {\n  color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__metric[data-tone=\"warning\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"warning\"] .cm-agent-card__metric-value {\n  color: hsl(42 100% 48%);\n}\n\n.cm-agent-card__metric[data-tone=\"danger\"] .cm-agent-card__metric-icon,\n.cm-agent-card__metric[data-tone=\"danger\"] .cm-agent-card__metric-value {\n  color: hsl(var(--destructive));\n}\n\n.cm-agent-card__focus {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 0.7rem;\n  align-items: center;\n  padding: 0.85rem 0.95rem;\n  border-radius: var(--radius, 0.25rem);\n  border: 1px solid hsl(var(--border) / 0.72);\n  background:\n    linear-gradient(135deg, hsl(var(--primary) / 0.11), transparent 68%);\n}\n\n.cm-agent-card__focus-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__focus-copy,\n.cm-agent-card__tags-block {\n  display: grid;\n  gap: 0.35rem;\n}\n\n.cm-agent-card__meta {\n  display: grid;\n  gap: 0.55rem;\n}\n\n.cm-agent-card__meta-row {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.cm-agent-card__footer {\n  padding-top: 0.9rem;\n  border-top: 1px solid hsl(var(--border) / 0.55);\n}\n\n.cm-agent-card__footer-stack {\n  display: grid;\n  gap: 0.8rem;\n}\n\n.cm-agent-card__endpoint,\n.cm-agent-card__creator {\n  display: grid;\n  gap: 0.45rem;\n}\n\n.cm-agent-card__endpoint-label,\n.cm-agent-card__creator-label {\n  color: hsl(var(--muted-foreground));\n  font-size: 0.68rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__endpoint-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 0.6rem;\n  align-items: center;\n  padding: 0.65rem 0.75rem;\n  border-radius: var(--radius, 0.25rem);\n  border: 1px solid hsl(var(--border) / 0.65);\n  background: hsl(var(--background) / 0.42);\n}\n\n.cm-agent-card__endpoint-code,\n.cm-agent-card__creator-value {\n  color: hsl(var(--primary));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.78rem;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__creator-value {\n  color: hsl(292 85% 55%);\n}\n\n.cm-agent-card__footer-link {\n  color: hsl(var(--primary));\n  font-size: 0.82rem;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n.cm-agent-card__footer-link:hover {\n  text-decoration: underline;\n}\n\n.cm-agent-card--match-chat {\n  height: auto;\n  min-height: 0;\n  max-height: 100%;\n}\n\n.cm-agent-card--match-chat > .cm-agent-card__main {\n  height: auto;\n  min-height: 0;\n  align-content: start;\n  overflow: visible;\n}\n\n.cm-agent-card--market,\n.cm-agent-card--market-full {\n  height: var(--cm-market-card-height, clamp(19.5rem, 36dvh, 22.5rem));\n  min-height: 0;\n}\n\n.cm-agent-card--market > .cm-agent-card__main,\n.cm-agent-card--market-full > .cm-agent-card__main {\n  display: grid;\n  grid-template-rows: auto auto auto auto auto;\n  height: 100%;\n  min-height: 0;\n  gap: clamp(0.48rem, 1.15cqi, 0.72rem);\n  padding: clamp(0.68rem, 1.55cqi, 0.92rem);\n  align-content: start;\n  overflow: hidden;\n}\n\n.cm-agent-card--market .cm-agent-card__header,\n.cm-agent-card--market-full .cm-agent-card__header {\n  gap: clamp(0.68rem, 1.55cqi, 0.9rem);\n  align-items: flex-start;\n}\n\n.cm-agent-card--market .cm-agent-card__avatar,\n.cm-agent-card--market-full .cm-agent-card__avatar {\n  width: clamp(2.65rem, 8.5cqi, 3.25rem);\n  height: clamp(2.65rem, 8.5cqi, 3.25rem);\n}\n\n.cm-agent-card--market .cm-agent-card__copy,\n.cm-agent-card--market-full .cm-agent-card__copy {\n  gap: 0.38rem;\n}\n\n.cm-agent-card--market .cm-agent-card__title,\n.cm-agent-card--market-full .cm-agent-card__title {\n  font-size: clamp(0.94rem, 2.55cqi, 1.08rem);\n  line-height: 1.12;\n}\n\n.cm-agent-card--market .cm-agent-card__identity,\n.cm-agent-card--market-full .cm-agent-card__identity {\n  gap: 0.26rem;\n}\n\n.cm-agent-card--market .cm-agent-card__identity-head,\n.cm-agent-card--market-full .cm-agent-card__identity-head {\n  flex-wrap: wrap;\n}\n\n.cm-agent-card--market .cm-agent-card__identity-name,\n.cm-agent-card--market-full .cm-agent-card__identity-name,\n.cm-agent-card--market .cm-agent-card__identity-address,\n.cm-agent-card--market-full .cm-agent-card__identity-address,\n.cm-agent-card--market .cm-agent-card__model-name,\n.cm-agent-card--market-full .cm-agent-card__model-name,\n.cm-agent-card--market .cm-agent-card__metric-value,\n.cm-agent-card--market-full .cm-agent-card__metric-value,\n.cm-agent-card--market .cm-agent-card__endpoint-code,\n.cm-agent-card--market-full .cm-agent-card__endpoint-code,\n.cm-agent-card--market .cm-agent-card__creator-value,\n.cm-agent-card--market-full .cm-agent-card__creator-value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow-wrap: normal;\n  word-break: normal;\n}\n\n.cm-agent-card--market .cm-agent-card__model,\n.cm-agent-card--market-full .cm-agent-card__model {\n  max-width: 100%;\n  font-size: clamp(0.58rem, 1.85cqi, 0.66rem);\n}\n\n.cm-agent-card--market .cm-agent-card__description,\n.cm-agent-card--market-full .cm-agent-card__description {\n  display: -webkit-box;\n  min-height: calc(3 * 1.36em);\n  max-height: calc(3 * 1.36em);\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n  font-size: clamp(0.72rem, 1.9cqi, 0.82rem);\n  line-height: 1.36;\n}\n\n.cm-agent-card--market .cm-agent-card__badges,\n.cm-agent-card--market-full .cm-agent-card__badges,\n.cm-agent-card--market .cm-agent-card__tags,\n.cm-agent-card--market-full .cm-agent-card__tags {\n  gap: 0.34rem;\n  overflow: visible;\n}\n\n.cm-agent-card--market .cm-agent-card__badge,\n.cm-agent-card--market-full .cm-agent-card__badge,\n.cm-agent-card--market .cm-agent-card__tag,\n.cm-agent-card--market-full .cm-agent-card__tag {\n  min-height: clamp(1.38rem, 4.6cqi, 1.62rem);\n  padding: 0.28rem 0.52rem;\n  font-size: clamp(0.54rem, 1.65cqi, 0.62rem);\n  letter-spacing: 0.07em;\n  white-space: nowrap;\n}\n\n.cm-agent-card--market .cm-agent-card__metrics,\n.cm-agent-card--market-full .cm-agent-card__metrics {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: clamp(0.36rem, 1cqi, 0.52rem);\n}\n\n.cm-agent-card--market .cm-agent-card__metric,\n.cm-agent-card--market-full .cm-agent-card__metric {\n  min-width: 0;\n  min-height: clamp(2.52rem, 7cqi, 3rem);\n  gap: 0.38rem;\n  padding: clamp(0.42rem, 1.2cqi, 0.58rem);\n  border-color: hsl(var(--primary) / 0.15);\n  background:\n    radial-gradient(circle at 0% 0%, hsl(var(--primary) / 0.08), transparent 42%),\n    hsl(221 50% 9% / 0.34);\n}\n\n.cm-agent-card--market .cm-agent-card__metric-icon svg,\n.cm-agent-card--market-full .cm-agent-card__metric-icon svg {\n  width: 0.78rem;\n  height: 0.78rem;\n}\n\n.cm-agent-card--market .cm-agent-card__metric-label,\n.cm-agent-card--market-full .cm-agent-card__metric-label {\n  font-size: clamp(0.48rem, 1.45cqi, 0.56rem);\n  letter-spacing: 0.08em;\n}\n\n.cm-agent-card--market .cm-agent-card__metric-value,\n.cm-agent-card--market-full .cm-agent-card__metric-value {\n  font-size: clamp(0.62rem, 1.75cqi, 0.72rem);\n}\n\n.cm-agent-card--market .cm-agent-card__tags-block,\n.cm-agent-card--market-full .cm-agent-card__tags-block {\n  align-self: stretch;\n  align-content: start;\n  gap: 0.34rem;\n  min-height: clamp(2.55rem, 7cqi, 2.9rem);\n  overflow: visible;\n}\n\n.cm-agent-card--market .cm-agent-card__tags-title,\n.cm-agent-card--market-full .cm-agent-card__tags-title {\n  display: block;\n}\n\n.cm-agent-card--market .cm-agent-card__footer,\n.cm-agent-card--market-full .cm-agent-card__footer {\n  padding-top: clamp(0.52rem, 1.2cqi, 0.74rem);\n}\n\n.cm-agent-card--market .cm-agent-card__footer-stack,\n.cm-agent-card--market-full .cm-agent-card__footer-stack {\n  grid-template-columns: minmax(0, 1fr) minmax(6.6rem, 0.44fr);\n  align-items: start;\n  gap: clamp(0.42rem, 1.05cqi, 0.6rem);\n}\n\n.cm-agent-card--market .cm-agent-card__endpoint,\n.cm-agent-card--market-full .cm-agent-card__endpoint,\n.cm-agent-card--market .cm-agent-card__creator,\n.cm-agent-card--market-full .cm-agent-card__creator {\n  gap: 0.24rem;\n  min-width: 0;\n}\n\n.cm-agent-card--market .cm-agent-card__endpoint-label,\n.cm-agent-card--market-full .cm-agent-card__endpoint-label,\n.cm-agent-card--market .cm-agent-card__creator-label,\n.cm-agent-card--market-full .cm-agent-card__creator-label {\n  display: block;\n}\n\n.cm-agent-card--market .cm-agent-card__endpoint-row,\n.cm-agent-card--market-full .cm-agent-card__endpoint-row {\n  justify-self: start;\n  width: fit-content;\n  max-width: 100%;\n  min-height: 1.72rem;\n  padding: 0.22rem 0.32rem 0.22rem 0.42rem;\n  gap: 0.24rem;\n  border-color: hsl(var(--primary) / 0.15);\n}\n\n.cm-agent-card--market .cm-agent-card__creator-value,\n.cm-agent-card--market-full .cm-agent-card__creator-value,\n.cm-agent-card--market .cm-agent-card__endpoint-code,\n.cm-agent-card--market-full .cm-agent-card__endpoint-code {\n  font-size: clamp(0.66rem, 1.85cqi, 0.76rem);\n  line-height: 1.28;\n}\n\n.cm-agent-card--market .cm-agent-card__creator-value,\n.cm-agent-card--market-full .cm-agent-card__creator-value {\n  display: block;\n  min-height: 0;\n  overflow: visible;\n  text-align: center;\n  text-overflow: clip;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n.cm-agent-card--market .cm-agent-card__creator-label,\n.cm-agent-card--market-full .cm-agent-card__creator-label {\n  text-align: center;\n}\n\n.cm-agent-card__metric,\n.cm-agent-card__metric-copy,\n.cm-agent-card__focus,\n.cm-agent-card__focus-copy,\n.cm-agent-card__tags-block,\n.cm-agent-card__footer,\n.cm-agent-card__footer-stack,\n.cm-agent-card__endpoint,\n.cm-agent-card__creator {\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__metric-value,\n.cm-agent-card__focus-value,\n.cm-agent-card__meta-value,\n.cm-agent-card__endpoint-code,\n.cm-agent-card__creator-value {\n  max-width: 100%;\n  min-width: 0;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n.cm-agent-card__identity {\n  display: grid;\n  gap: 0.32rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__identity-head {\n  display: flex;\n  align-items: baseline;\n  gap: 0.45rem;\n  min-width: 0;\n  max-width: 100%;\n  flex-wrap: wrap;\n}\n\n.cm-agent-card__identity-name {\n  min-width: 0;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__identity-address {\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.68rem;\n  font-weight: 500;\n  line-height: 1.1;\n}\n\n.cm-agent-card__model {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.28rem;\n  width: fit-content;\n  max-width: 100%;\n  padding: 0.16rem 0.44rem;\n  border: 1px solid hsl(var(--primary) / 0.3);\n  border-radius: 999px;\n  background: hsl(var(--primary) / 0.06);\n  color: hsl(var(--foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.66rem;\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.cm-agent-card__model svg {\n  width: 0.68rem;\n  height: 0.68rem;\n  flex-shrink: 0;\n  color: hsl(var(--primary));\n}\n\n.cm-agent-card__model-name {\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.cm-agent-card__badge,\n.cm-agent-card__tag {\n  max-width: 100%;\n  min-width: 0;\n  height: auto;\n  padding-top: 0.35rem;\n  padding-bottom: 0.35rem;\n  line-height: 1.2;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__endpoint-row {\n  min-width: 0;\n  max-width: 100%;\n  cursor: pointer;\n  text-align: left;\n}\n\n.cm-agent-card__endpoint-row:focus-visible {\n  outline: 2px solid hsl(var(--primary) / 0.75);\n  outline-offset: 2px;\n}\n\n.cm-agent-card__actions {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.55rem;\n  padding: 1rem 1rem 1rem 0;\n}\n\n.cm-agent-card__action-stack {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.55rem;\n  flex-wrap: wrap;\n}\n\n.cm-agent-card--skeleton {\n  pointer-events: none;\n}\n\n.cm-agent-card__skeleton {\n  border-radius: var(--radius, 0.25rem);\n  background: linear-gradient(90deg, hsl(var(--muted) / 0.55), hsl(var(--muted) / 0.8), hsl(var(--muted) / 0.55));\n  background-size: 220% 100%;\n  animation: cm-agent-card-shimmer 1.6s linear infinite;\n}\n\n.cm-agent-card__skeleton--avatar {\n  width: 3.5rem;\n  height: 3.5rem;\n  border-radius: max(var(--radius, 0.25rem), 0.35rem);\n}\n\n.cm-agent-card__skeleton--title {\n  height: 1.1rem;\n  width: 10rem;\n}\n\n.cm-agent-card__skeleton--line {\n  height: 0.82rem;\n  width: 100%;\n}\n\n.cm-agent-card__skeleton--line.short {\n  width: 76%;\n}\n\n.cm-agent-card__skeleton--metric {\n  min-height: 4.4rem;\n}\n\n.cm-agent-card__skeleton--focus {\n  min-height: 4.3rem;\n}\n\n.cm-agent-card__skeleton--tags {\n  min-height: 5.6rem;\n}\n\n.cm-agent-card__skeleton--footer {\n  min-height: 4.2rem;\n}\n\n@keyframes cm-agent-card-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@media (max-width: 720px) {\n  .cm-agent-card__main {\n    gap: 0.65rem;\n    padding: 0.85rem;\n  }\n\n  .cm-agent-card__avatar {\n    width: 2.5rem;\n    height: 2.5rem;\n  }\n\n  .cm-agent-card__title {\n    font-size: 0.92rem;\n  }\n\n  .cm-agent-card__description {\n    font-size: 0.78rem;\n    line-height: 1.4;\n  }\n\n  .cm-agent-card__metrics {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .cm-agent-card__metric {\n    padding: 0.55rem 0.7rem;\n  }\n\n  .cm-agent-card__focus {\n    padding: 0.7rem 0.8rem;\n  }\n\n  .cm-agent-card__badges,\n  .cm-agent-card__tags {\n    gap: 0.3rem;\n  }\n\n  .cm-agent-card__badge,\n  .cm-agent-card__tag {\n    min-height: 1.45rem;\n    padding: 0 0.5rem;\n    font-size: 0.65rem;\n  }\n\n  .cm-agent-card__endpoint-code,\n  .cm-agent-card__creator-value {\n    font-size: 0.68rem;\n  }\n\n  .cm-agent-card__actions {\n    padding: 0 0.85rem 0.85rem;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n  }\n}\n\n@container (max-width: 26rem) {\n  .cm-agent-card__metrics {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .cm-agent-card--market .cm-agent-card__metrics,\n  .cm-agent-card--market-full .cm-agent-card__metrics {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .cm-agent-card__header {\n    gap: 0.7rem;\n  }\n\n  .cm-agent-card__avatar {\n    width: 2.75rem;\n    height: 2.75rem;\n  }\n}\n\n@container (max-width: 21rem) {\n  .cm-agent-card--market .cm-agent-card__main,\n  .cm-agent-card--market-full .cm-agent-card__main {\n    gap: 0.44rem;\n    padding: 0.62rem;\n  }\n\n  .cm-agent-card--market .cm-agent-card__description,\n  .cm-agent-card--market-full .cm-agent-card__description {\n    min-height: calc(2 * 1.34em);\n    max-height: calc(2 * 1.34em);\n    -webkit-line-clamp: 2;\n  }\n\n  .cm-agent-card--market .cm-agent-card__footer-stack,\n  .cm-agent-card--market-full .cm-agent-card__footer-stack {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .cm-agent-card--market .cm-agent-card__endpoint-row,\n  .cm-agent-card--market-full .cm-agent-card__endpoint-row {\n    justify-self: stretch;\n    width: 100%;\n  }\n\n  .cm-agent-card--market .cm-agent-card__creator,\n  .cm-agent-card--market-full .cm-agent-card__creator {\n    justify-items: center;\n  }\n\n  .cm-agent-card--market .cm-agent-card__creator-value,\n  .cm-agent-card--market-full .cm-agent-card__creator-value {\n    max-width: 100%;\n    text-align: center;\n  }\n\n  .cm-agent-card__endpoint-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n";
 //# sourceMappingURL=styles.d.ts.map

package/dist/agents/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,mooBAo1BrB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,ylrBAu4BrB,CAAC"}

package/dist/agents/styles.js

@@ -372,32 +372,33 @@ export const agentsCss = `/**
 }
 
 .cm-agent-card--match-chat {
-  height: 100%;
+  height: auto;
   min-height: 0;
+  max-height: 100%;
 }
 
 .cm-agent-card--match-chat > .cm-agent-card__main {
-  height: 100%;
+  height: auto;
   min-height: 0;
   align-content: start;
-  overflow: hidden;
+  overflow: visible;
 }
 
 .cm-agent-card--market,
 .cm-agent-card--market-full {
-  height: var(--cm-market-card-height, clamp(26rem, 46vw, 32rem));
+  height: var(--cm-market-card-height, clamp(19.5rem, 36dvh, 22.5rem));
   min-height: 0;
 }
 
 .cm-agent-card--market > .cm-agent-card__main,
 .cm-agent-card--market-full > .cm-agent-card__main {
   display: grid;
-  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
+  grid-template-rows: auto auto auto auto auto;
   height: 100%;
   min-height: 0;
-  gap: clamp(0.64rem, 1.45cqi, 0.9rem);
-  padding: clamp(0.82rem, 1.85cqi, 1.05rem);
-  align-content: stretch;
+  gap: clamp(0.48rem, 1.15cqi, 0.72rem);
+  padding: clamp(0.68rem, 1.55cqi, 0.92rem);
+  align-content: start;
   overflow: hidden;
 }
 
@@ -476,12 +477,7 @@ export const agentsCss = `/**
 .cm-agent-card--market .cm-agent-card__tags,
 .cm-agent-card--market-full .cm-agent-card__tags {
   gap: 0.34rem;
-  overflow: hidden;
-}
-
-.cm-agent-card--market .cm-agent-card__badges,
-.cm-agent-card--market-full .cm-agent-card__badges {
-  max-height: 4.1rem;
+  overflow: visible;
 }
 
 .cm-agent-card--market .cm-agent-card__badge,
@@ -535,8 +531,8 @@ export const agentsCss = `/**
   align-self: stretch;
   align-content: start;
   gap: 0.34rem;
-  min-height: 0;
-  overflow: hidden;
+  min-height: clamp(2.55rem, 7cqi, 2.9rem);
+  overflow: visible;
 }
 
 .cm-agent-card--market .cm-agent-card__tags-title,
@@ -551,16 +547,16 @@ export const agentsCss = `/**
 
 .cm-agent-card--market .cm-agent-card__footer-stack,
 .cm-agent-card--market-full .cm-agent-card__footer-stack {
-  grid-template-columns: minmax(0, 1fr) minmax(5rem, 0.42fr);
-  align-items: end;
-  gap: clamp(0.48rem, 1.25cqi, 0.68rem);
+  grid-template-columns: minmax(0, 1fr) minmax(6.6rem, 0.44fr);
+  align-items: start;
+  gap: clamp(0.42rem, 1.05cqi, 0.6rem);
 }
 
 .cm-agent-card--market .cm-agent-card__endpoint,
 .cm-agent-card--market-full .cm-agent-card__endpoint,
 .cm-agent-card--market .cm-agent-card__creator,
 .cm-agent-card--market-full .cm-agent-card__creator {
-  gap: 0.34rem;
+  gap: 0.24rem;
   min-width: 0;
 }
 
@@ -573,9 +569,12 @@ export const agentsCss = `/**
 
 .cm-agent-card--market .cm-agent-card__endpoint-row,
 .cm-agent-card--market-full .cm-agent-card__endpoint-row {
-  min-height: 2.05rem;
-  padding: 0.32rem 0.42rem 0.32rem 0.56rem;
-  gap: 0.32rem;
+  justify-self: start;
+  width: fit-content;
+  max-width: 100%;
+  min-height: 1.72rem;
+  padding: 0.22rem 0.32rem 0.22rem 0.42rem;
+  gap: 0.24rem;
   border-color: hsl(var(--primary) / 0.15);
 }
 
@@ -583,13 +582,25 @@ export const agentsCss = `/**
 .cm-agent-card--market-full .cm-agent-card__creator-value,
 .cm-agent-card--market .cm-agent-card__endpoint-code,
 .cm-agent-card--market-full .cm-agent-card__endpoint-code {
-  font-size: clamp(0.58rem, 1.62cqi, 0.68rem);
+  font-size: clamp(0.66rem, 1.85cqi, 0.76rem);
+  line-height: 1.28;
 }
 
 .cm-agent-card--market .cm-agent-card__creator-value,
 .cm-agent-card--market-full .cm-agent-card__creator-value {
   display: block;
-  text-align: right;
+  min-height: 0;
+  overflow: visible;
+  text-align: center;
+  text-overflow: clip;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.cm-agent-card--market .cm-agent-card__creator-label,
+.cm-agent-card--market-full .cm-agent-card__creator-label {
+  text-align: center;
 }
 
 .cm-agent-card__metric,
@@ -835,6 +846,11 @@ export const agentsCss = `/**
     grid-template-columns: minmax(0, 1fr);
   }
 
+  .cm-agent-card--market .cm-agent-card__metrics,
+  .cm-agent-card--market-full .cm-agent-card__metrics {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .cm-agent-card__header {
     gap: 0.7rem;
   }
@@ -846,6 +862,41 @@ export const agentsCss = `/**
 }
 
 @container (max-width: 21rem) {
+  .cm-agent-card--market .cm-agent-card__main,
+  .cm-agent-card--market-full .cm-agent-card__main {
+    gap: 0.44rem;
+    padding: 0.62rem;
+  }
+
+  .cm-agent-card--market .cm-agent-card__description,
+  .cm-agent-card--market-full .cm-agent-card__description {
+    min-height: calc(2 * 1.34em);
+    max-height: calc(2 * 1.34em);
+    -webkit-line-clamp: 2;
+  }
+
+  .cm-agent-card--market .cm-agent-card__footer-stack,
+  .cm-agent-card--market-full .cm-agent-card__footer-stack {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .cm-agent-card--market .cm-agent-card__endpoint-row,
+  .cm-agent-card--market-full .cm-agent-card__endpoint-row {
+    justify-self: stretch;
+    width: 100%;
+  }
+
+  .cm-agent-card--market .cm-agent-card__creator,
+  .cm-agent-card--market-full .cm-agent-card__creator {
+    justify-items: center;
+  }
+
+  .cm-agent-card--market .cm-agent-card__creator-value,
+  .cm-agent-card--market-full .cm-agent-card__creator-value {
+    max-width: 100%;
+    text-align: center;
+  }
+
   .cm-agent-card__endpoint-row {
     grid-template-columns: minmax(0, 1fr);
   }

package/dist/agents/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAo1BxB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAu4BxB,CAAC"}

package/dist/css/agents.css

@@ -372,32 +372,33 @@
 }
 
 .cm-agent-card--match-chat {
-  height: 100%;
+  height: auto;
   min-height: 0;
+  max-height: 100%;
 }
 
 .cm-agent-card--match-chat > .cm-agent-card__main {
-  height: 100%;
+  height: auto;
   min-height: 0;
   align-content: start;
-  overflow: hidden;
+  overflow: visible;
 }
 
 .cm-agent-card--market,
 .cm-agent-card--market-full {
-  height: var(--cm-market-card-height, clamp(26rem, 46vw, 32rem));
+  height: var(--cm-market-card-height, clamp(19.5rem, 36dvh, 22.5rem));
   min-height: 0;
 }
 
 .cm-agent-card--market > .cm-agent-card__main,
 .cm-agent-card--market-full > .cm-agent-card__main {
   display: grid;
-  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
+  grid-template-rows: auto auto auto auto auto;
   height: 100%;
   min-height: 0;
-  gap: clamp(0.64rem, 1.45cqi, 0.9rem);
-  padding: clamp(0.82rem, 1.85cqi, 1.05rem);
-  align-content: stretch;
+  gap: clamp(0.48rem, 1.15cqi, 0.72rem);
+  padding: clamp(0.68rem, 1.55cqi, 0.92rem);
+  align-content: start;
   overflow: hidden;
 }
 
@@ -476,12 +477,7 @@
 .cm-agent-card--market .cm-agent-card__tags,
 .cm-agent-card--market-full .cm-agent-card__tags {
   gap: 0.34rem;
-  overflow: hidden;
-}
-
-.cm-agent-card--market .cm-agent-card__badges,
-.cm-agent-card--market-full .cm-agent-card__badges {
-  max-height: 4.1rem;
+  overflow: visible;
 }
 
 .cm-agent-card--market .cm-agent-card__badge,
@@ -535,8 +531,8 @@
   align-self: stretch;
   align-content: start;
   gap: 0.34rem;
-  min-height: 0;
-  overflow: hidden;
+  min-height: clamp(2.55rem, 7cqi, 2.9rem);
+  overflow: visible;
 }
 
 .cm-agent-card--market .cm-agent-card__tags-title,
@@ -551,16 +547,16 @@
 
 .cm-agent-card--market .cm-agent-card__footer-stack,
 .cm-agent-card--market-full .cm-agent-card__footer-stack {
-  grid-template-columns: minmax(0, 1fr) minmax(5rem, 0.42fr);
-  align-items: end;
-  gap: clamp(0.48rem, 1.25cqi, 0.68rem);
+  grid-template-columns: minmax(0, 1fr) minmax(6.6rem, 0.44fr);
+  align-items: start;
+  gap: clamp(0.42rem, 1.05cqi, 0.6rem);
 }
 
 .cm-agent-card--market .cm-agent-card__endpoint,
 .cm-agent-card--market-full .cm-agent-card__endpoint,
 .cm-agent-card--market .cm-agent-card__creator,
 .cm-agent-card--market-full .cm-agent-card__creator {
-  gap: 0.34rem;
+  gap: 0.24rem;
   min-width: 0;
 }
 
@@ -573,9 +569,12 @@
 
 .cm-agent-card--market .cm-agent-card__endpoint-row,
 .cm-agent-card--market-full .cm-agent-card__endpoint-row {
-  min-height: 2.05rem;
-  padding: 0.32rem 0.42rem 0.32rem 0.56rem;
-  gap: 0.32rem;
+  justify-self: start;
+  width: fit-content;
+  max-width: 100%;
+  min-height: 1.72rem;
+  padding: 0.22rem 0.32rem 0.22rem 0.42rem;
+  gap: 0.24rem;
   border-color: hsl(var(--primary) / 0.15);
 }
 
@@ -583,13 +582,25 @@
 .cm-agent-card--market-full .cm-agent-card__creator-value,
 .cm-agent-card--market .cm-agent-card__endpoint-code,
 .cm-agent-card--market-full .cm-agent-card__endpoint-code {
-  font-size: clamp(0.58rem, 1.62cqi, 0.68rem);
+  font-size: clamp(0.66rem, 1.85cqi, 0.76rem);
+  line-height: 1.28;
 }
 
 .cm-agent-card--market .cm-agent-card__creator-value,
 .cm-agent-card--market-full .cm-agent-card__creator-value {
   display: block;
-  text-align: right;
+  min-height: 0;
+  overflow: visible;
+  text-align: center;
+  text-overflow: clip;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.cm-agent-card--market .cm-agent-card__creator-label,
+.cm-agent-card--market-full .cm-agent-card__creator-label {
+  text-align: center;
 }
 
 .cm-agent-card__metric,
@@ -835,6 +846,11 @@
     grid-template-columns: minmax(0, 1fr);
   }
 
+  .cm-agent-card--market .cm-agent-card__metrics,
+  .cm-agent-card--market-full .cm-agent-card__metrics {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .cm-agent-card__header {
     gap: 0.7rem;
   }
@@ -846,6 +862,41 @@
 }
 
 @container (max-width: 21rem) {
+  .cm-agent-card--market .cm-agent-card__main,
+  .cm-agent-card--market-full .cm-agent-card__main {
+    gap: 0.44rem;
+    padding: 0.62rem;
+  }
+
+  .cm-agent-card--market .cm-agent-card__description,
+  .cm-agent-card--market-full .cm-agent-card__description {
+    min-height: calc(2 * 1.34em);
+    max-height: calc(2 * 1.34em);
+    -webkit-line-clamp: 2;
+  }
+
+  .cm-agent-card--market .cm-agent-card__footer-stack,
+  .cm-agent-card--market-full .cm-agent-card__footer-stack {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .cm-agent-card--market .cm-agent-card__endpoint-row,
+  .cm-agent-card--market-full .cm-agent-card__endpoint-row {
+    justify-self: stretch;
+    width: 100%;
+  }
+
+  .cm-agent-card--market .cm-agent-card__creator,
+  .cm-agent-card--market-full .cm-agent-card__creator {
+    justify-items: center;
+  }
+
+  .cm-agent-card--market .cm-agent-card__creator-value,
+  .cm-agent-card--market-full .cm-agent-card__creator-value {
+    max-width: 100%;
+    text-align: center;
+  }
+
   .cm-agent-card__endpoint-row {
     grid-template-columns: minmax(0, 1fr);
   }

package/dist/css/shell.css

@@ -221,11 +221,12 @@
   overscroll-behavior: contain;
   scrollbar-width: thin;
   padding: var(--cm-workspace-pad);
+  padding-bottom: max(clamp(0.45rem, 1.1vw, 0.85rem), env(safe-area-inset-bottom));
 }
 
 .cm-workspace-canvas--fade {
-  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 1.6%, #000 98.4%, transparent 100%);
-  mask-image: linear-gradient(180deg, transparent 0, #000 1.6%, #000 98.4%, transparent 100%);
+  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 1.5%, #000 95%, transparent 100%);
+  mask-image: linear-gradient(180deg, transparent 0, #000 1.5%, #000 95%, transparent 100%);
 }
 
 .cm-workspace__body {
@@ -798,7 +799,7 @@
   padding:
     calc(env(safe-area-inset-top) + clamp(4.8rem, 7vw, 5.9rem))
     clamp(5.25rem, 6vw, 7rem)
-    calc(env(safe-area-inset-bottom) + clamp(5.35rem, 7.4vw, 6.35rem));
+    calc(env(safe-area-inset-bottom) + clamp(0.85rem, 2vw, 1.55rem));
 }
 
 .cm-app-chrome__navdock {
@@ -1572,7 +1573,7 @@
     padding:
       calc(env(safe-area-inset-top) + clamp(4.25rem, 14vw, 4.85rem))
       clamp(0.75rem, 4.2vw, 1.05rem)
-      calc(env(safe-area-inset-bottom) + clamp(5.55rem, 16vw, 6.55rem));
+      calc(env(safe-area-inset-bottom) + var(--cm-hud-size) + clamp(0.72rem, 3.4vw, 1rem));
   }
 
   .cm-app-chrome__hud {

package/dist/css/workflows.css

@@ -590,7 +590,118 @@
 }
 
 @media (min-width: 640px) {
-  .cm-workflow-card__agent-preview-model {
+.cm-workflow-card__agent-preview-model {
+  font-size: 12px;
+  }
+}
+
+/* Plan review shell */
+.cm-plan-review {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  border: 1px solid hsl(var(--accent) / 0.34);
+  border-radius: 8px;
+  background: hsl(var(--card) / 0.96);
+  padding: 12px;
+  box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.05);
+}
+
+.cm-plan-review[data-state="approved"],
+.cm-plan-review[data-state="completed"] {
+  border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.42);
+}
+
+.cm-plan-review[data-state="rejected"],
+.cm-plan-review[data-state="failed"] {
+  border-color: hsl(0 84% 62% / 0.44);
+}
+
+.cm-plan-review[data-state="changes_requested"] {
+  border-color: hsl(38 92% 55% / 0.5);
+}
+
+.cm-plan-review__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.cm-plan-review__copy {
+  min-width: 0;
+  flex: 1;
+}
+
+.cm-plan-review__title-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.cm-plan-review__title {
+  margin: 0;
+  color: hsl(var(--foreground));
+  font-size: 13px;
+  font-weight: 650;
+  line-height: 1.25;
+}
+
+.cm-plan-review__state {
+  border: 1px solid hsl(var(--accent) / 0.3);
+  border-radius: 4px;
+  padding: 2px 6px;
+  color: hsl(var(--accent));
+  background: hsl(var(--accent) / 0.08);
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+.cm-plan-review__subtitle {
+  margin-top: 4px;
+  color: hsl(var(--muted-foreground));
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.cm-plan-review__metadata {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 6px;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-plan-review__body {
+  min-width: 0;
+  border-top: 1px solid hsl(var(--sidebar-border));
+  padding-top: 10px;
+}
+
+.cm-plan-review__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: flex-end;
+  border-top: 1px solid hsl(var(--sidebar-border));
+  padding-top: 10px;
+}
+
+@media (min-width: 640px) {
+  .cm-plan-review {
+    padding: 14px;
+  }
+
+  .cm-plan-review__title {
+    font-size: 14px;
+  }
+
+  .cm-plan-review__subtitle {
     font-size: 12px;
   }
 }