@compose-market/theme 0.0.98 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/agents/styles.d.ts +1 -1
  2. package/dist/agents/styles.d.ts.map +1 -1
  3. package/dist/agents/styles.js +63 -8
  4. package/dist/agents/styles.js.map +1 -1
  5. package/dist/css/agents.css +63 -8
  6. package/dist/css/workflows.css +525 -1
  7. package/dist/workflows/index.d.ts +92 -0
  8. package/dist/workflows/index.d.ts.map +1 -1
  9. package/dist/workflows/index.js +38 -1
  10. package/dist/workflows/index.js.map +1 -1
  11. package/dist/workflows/styles.d.ts +1 -1
  12. package/dist/workflows/styles.d.ts.map +1 -1
  13. package/dist/workflows/styles.js +525 -1
  14. package/dist/workflows/styles.js.map +1 -1
  15. package/package.json +3 -3
package/dist/agents/styles.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- 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: 0;\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(5rem, 0.42fr);\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.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";
1
+ 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";
2
2
  //# sourceMappingURL=styles.d.ts.map
package/dist/agents/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,ohoBAg1BrB,CAAC"}
1
+ {"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 CHANGED
@@ -531,7 +531,7 @@ export const agentsCss = `/**
531
531
  align-self: stretch;
532
532
  align-content: start;
533
533
  gap: 0.34rem;
534
- min-height: 0;
534
+ min-height: clamp(2.55rem, 7cqi, 2.9rem);
535
535
  overflow: visible;
536
536
  }
537
537
 
@@ -547,7 +547,7 @@ export const agentsCss = `/**
547
547
 
548
548
  .cm-agent-card--market .cm-agent-card__footer-stack,
549
549
  .cm-agent-card--market-full .cm-agent-card__footer-stack {
550
- grid-template-columns: minmax(0, 1fr) minmax(5rem, 0.42fr);
550
+ grid-template-columns: minmax(0, 1fr) minmax(6.6rem, 0.44fr);
551
551
  align-items: start;
552
552
  gap: clamp(0.42rem, 1.05cqi, 0.6rem);
553
553
  }
@@ -556,7 +556,7 @@ export const agentsCss = `/**
556
556
  .cm-agent-card--market-full .cm-agent-card__endpoint,
557
557
  .cm-agent-card--market .cm-agent-card__creator,
558
558
  .cm-agent-card--market-full .cm-agent-card__creator {
559
- gap: 0.34rem;
559
+ gap: 0.24rem;
560
560
  min-width: 0;
561
561
  }
562
562
 
@@ -569,9 +569,12 @@ export const agentsCss = `/**
569
569
 
570
570
  .cm-agent-card--market .cm-agent-card__endpoint-row,
571
571
  .cm-agent-card--market-full .cm-agent-card__endpoint-row {
572
- min-height: 2.05rem;
573
- padding: 0.32rem 0.42rem 0.32rem 0.56rem;
574
- gap: 0.32rem;
572
+ justify-self: start;
573
+ width: fit-content;
574
+ max-width: 100%;
575
+ min-height: 1.72rem;
576
+ padding: 0.22rem 0.32rem 0.22rem 0.42rem;
577
+ gap: 0.24rem;
575
578
  border-color: hsl(var(--primary) / 0.15);
576
579
  }
577
580
 
@@ -579,13 +582,25 @@ export const agentsCss = `/**
579
582
  .cm-agent-card--market-full .cm-agent-card__creator-value,
580
583
  .cm-agent-card--market .cm-agent-card__endpoint-code,
581
584
  .cm-agent-card--market-full .cm-agent-card__endpoint-code {
582
- font-size: clamp(0.58rem, 1.62cqi, 0.68rem);
585
+ font-size: clamp(0.66rem, 1.85cqi, 0.76rem);
586
+ line-height: 1.28;
583
587
  }
584
588
 
585
589
  .cm-agent-card--market .cm-agent-card__creator-value,
586
590
  .cm-agent-card--market-full .cm-agent-card__creator-value {
587
591
  display: block;
588
- text-align: right;
592
+ min-height: 0;
593
+ overflow: visible;
594
+ text-align: center;
595
+ text-overflow: clip;
596
+ white-space: normal;
597
+ overflow-wrap: anywhere;
598
+ word-break: break-word;
599
+ }
600
+
601
+ .cm-agent-card--market .cm-agent-card__creator-label,
602
+ .cm-agent-card--market-full .cm-agent-card__creator-label {
603
+ text-align: center;
589
604
  }
590
605
 
591
606
  .cm-agent-card__metric,
@@ -831,6 +846,11 @@ export const agentsCss = `/**
831
846
  grid-template-columns: minmax(0, 1fr);
832
847
  }
833
848
 
849
+ .cm-agent-card--market .cm-agent-card__metrics,
850
+ .cm-agent-card--market-full .cm-agent-card__metrics {
851
+ grid-template-columns: repeat(3, minmax(0, 1fr));
852
+ }
853
+
834
854
  .cm-agent-card__header {
835
855
  gap: 0.7rem;
836
856
  }
@@ -842,6 +862,41 @@ export const agentsCss = `/**
842
862
  }
843
863
 
844
864
  @container (max-width: 21rem) {
865
+ .cm-agent-card--market .cm-agent-card__main,
866
+ .cm-agent-card--market-full .cm-agent-card__main {
867
+ gap: 0.44rem;
868
+ padding: 0.62rem;
869
+ }
870
+
871
+ .cm-agent-card--market .cm-agent-card__description,
872
+ .cm-agent-card--market-full .cm-agent-card__description {
873
+ min-height: calc(2 * 1.34em);
874
+ max-height: calc(2 * 1.34em);
875
+ -webkit-line-clamp: 2;
876
+ }
877
+
878
+ .cm-agent-card--market .cm-agent-card__footer-stack,
879
+ .cm-agent-card--market-full .cm-agent-card__footer-stack {
880
+ grid-template-columns: minmax(0, 1fr);
881
+ }
882
+
883
+ .cm-agent-card--market .cm-agent-card__endpoint-row,
884
+ .cm-agent-card--market-full .cm-agent-card__endpoint-row {
885
+ justify-self: stretch;
886
+ width: 100%;
887
+ }
888
+
889
+ .cm-agent-card--market .cm-agent-card__creator,
890
+ .cm-agent-card--market-full .cm-agent-card__creator {
891
+ justify-items: center;
892
+ }
893
+
894
+ .cm-agent-card--market .cm-agent-card__creator-value,
895
+ .cm-agent-card--market-full .cm-agent-card__creator-value {
896
+ max-width: 100%;
897
+ text-align: center;
898
+ }
899
+
845
900
  .cm-agent-card__endpoint-row {
846
901
  grid-template-columns: minmax(0, 1fr);
847
902
  }
package/dist/agents/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAg1BxB,CAAC"}
1
+ {"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 CHANGED
@@ -531,7 +531,7 @@
531
531
  align-self: stretch;
532
532
  align-content: start;
533
533
  gap: 0.34rem;
534
- min-height: 0;
534
+ min-height: clamp(2.55rem, 7cqi, 2.9rem);
535
535
  overflow: visible;
536
536
  }
537
537
 
@@ -547,7 +547,7 @@
547
547
 
548
548
  .cm-agent-card--market .cm-agent-card__footer-stack,
549
549
  .cm-agent-card--market-full .cm-agent-card__footer-stack {
550
- grid-template-columns: minmax(0, 1fr) minmax(5rem, 0.42fr);
550
+ grid-template-columns: minmax(0, 1fr) minmax(6.6rem, 0.44fr);
551
551
  align-items: start;
552
552
  gap: clamp(0.42rem, 1.05cqi, 0.6rem);
553
553
  }
@@ -556,7 +556,7 @@
556
556
  .cm-agent-card--market-full .cm-agent-card__endpoint,
557
557
  .cm-agent-card--market .cm-agent-card__creator,
558
558
  .cm-agent-card--market-full .cm-agent-card__creator {
559
- gap: 0.34rem;
559
+ gap: 0.24rem;
560
560
  min-width: 0;
561
561
  }
562
562
 
@@ -569,9 +569,12 @@
569
569
 
570
570
  .cm-agent-card--market .cm-agent-card__endpoint-row,
571
571
  .cm-agent-card--market-full .cm-agent-card__endpoint-row {
572
- min-height: 2.05rem;
573
- padding: 0.32rem 0.42rem 0.32rem 0.56rem;
574
- gap: 0.32rem;
572
+ justify-self: start;
573
+ width: fit-content;
574
+ max-width: 100%;
575
+ min-height: 1.72rem;
576
+ padding: 0.22rem 0.32rem 0.22rem 0.42rem;
577
+ gap: 0.24rem;
575
578
  border-color: hsl(var(--primary) / 0.15);
576
579
  }
577
580
 
@@ -579,13 +582,25 @@
579
582
  .cm-agent-card--market-full .cm-agent-card__creator-value,
580
583
  .cm-agent-card--market .cm-agent-card__endpoint-code,
581
584
  .cm-agent-card--market-full .cm-agent-card__endpoint-code {
582
- font-size: clamp(0.58rem, 1.62cqi, 0.68rem);
585
+ font-size: clamp(0.66rem, 1.85cqi, 0.76rem);
586
+ line-height: 1.28;
583
587
  }
584
588
 
585
589
  .cm-agent-card--market .cm-agent-card__creator-value,
586
590
  .cm-agent-card--market-full .cm-agent-card__creator-value {
587
591
  display: block;
588
- text-align: right;
592
+ min-height: 0;
593
+ overflow: visible;
594
+ text-align: center;
595
+ text-overflow: clip;
596
+ white-space: normal;
597
+ overflow-wrap: anywhere;
598
+ word-break: break-word;
599
+ }
600
+
601
+ .cm-agent-card--market .cm-agent-card__creator-label,
602
+ .cm-agent-card--market-full .cm-agent-card__creator-label {
603
+ text-align: center;
589
604
  }
590
605
 
591
606
  .cm-agent-card__metric,
@@ -831,6 +846,11 @@
831
846
  grid-template-columns: minmax(0, 1fr);
832
847
  }
833
848
 
849
+ .cm-agent-card--market .cm-agent-card__metrics,
850
+ .cm-agent-card--market-full .cm-agent-card__metrics {
851
+ grid-template-columns: repeat(3, minmax(0, 1fr));
852
+ }
853
+
834
854
  .cm-agent-card__header {
835
855
  gap: 0.7rem;
836
856
  }
@@ -842,6 +862,41 @@
842
862
  }
843
863
 
844
864
  @container (max-width: 21rem) {
865
+ .cm-agent-card--market .cm-agent-card__main,
866
+ .cm-agent-card--market-full .cm-agent-card__main {
867
+ gap: 0.44rem;
868
+ padding: 0.62rem;
869
+ }
870
+
871
+ .cm-agent-card--market .cm-agent-card__description,
872
+ .cm-agent-card--market-full .cm-agent-card__description {
873
+ min-height: calc(2 * 1.34em);
874
+ max-height: calc(2 * 1.34em);
875
+ -webkit-line-clamp: 2;
876
+ }
877
+
878
+ .cm-agent-card--market .cm-agent-card__footer-stack,
879
+ .cm-agent-card--market-full .cm-agent-card__footer-stack {
880
+ grid-template-columns: minmax(0, 1fr);
881
+ }
882
+
883
+ .cm-agent-card--market .cm-agent-card__endpoint-row,
884
+ .cm-agent-card--market-full .cm-agent-card__endpoint-row {
885
+ justify-self: stretch;
886
+ width: 100%;
887
+ }
888
+
889
+ .cm-agent-card--market .cm-agent-card__creator,
890
+ .cm-agent-card--market-full .cm-agent-card__creator {
891
+ justify-items: center;
892
+ }
893
+
894
+ .cm-agent-card--market .cm-agent-card__creator-value,
895
+ .cm-agent-card--market-full .cm-agent-card__creator-value {
896
+ max-width: 100%;
897
+ text-align: center;
898
+ }
899
+
845
900
  .cm-agent-card__endpoint-row {
846
901
  grid-template-columns: minmax(0, 1fr);
847
902
  }