@compose-market/theme 0.1.3 → 0.1.4

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 (14) 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 +48 -39
  4. package/dist/agents/styles.js.map +1 -1
  5. package/dist/chain-logos/index.d.ts.map +1 -1
  6. package/dist/chain-logos/index.js +0 -1
  7. package/dist/chain-logos/index.js.map +1 -1
  8. package/dist/css/agents.css +48 -39
  9. package/dist/css/mirror.css +19 -18
  10. package/dist/mirror/styles.d.ts +1 -1
  11. package/dist/mirror/styles.d.ts.map +1 -1
  12. package/dist/mirror/styles.js +19 -18
  13. package/dist/mirror/styles.js.map +1 -1
  14. package/package.json +1 -1
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 height: var(--cm-market-card-height, clamp(20rem, 34dvh, 22.75rem));\n min-height: 0;\n}\n\n.cm-agent-card--market > .cm-agent-card__main {\n display: grid;\n grid-template-rows: auto auto auto auto;\n height: 100%;\n min-height: 0;\n gap: clamp(0.54rem, 1.2cqi, 0.78rem);\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 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 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 gap: 0.38rem;\n}\n\n.cm-agent-card--market .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 gap: 0.26rem;\n}\n\n.cm-agent-card--market .cm-agent-card__identity-head {\n flex-wrap: nowrap;\n}\n\n.cm-agent-card--market .cm-agent-card__identity-name,\n.cm-agent-card--market .cm-agent-card__identity-address,\n.cm-agent-card--market .cm-agent-card__model-name,\n.cm-agent-card--market .cm-agent-card__metric-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 max-width: 100%;\n font-size: clamp(0.58rem, 1.85cqi, 0.66rem);\n}\n\n.cm-agent-card--market .cm-agent-card__identity-meta {\n display: flex;\n align-items: center;\n gap: 0.34rem;\n min-width: 0;\n max-width: 100%;\n flex-wrap: nowrap;\n}\n\n.cm-agent-card--market .cm-agent-card__description {\n font-size: clamp(0.72rem, 1.9cqi, 0.82rem);\n line-height: 1.42;\n min-width: 0;\n max-width: 100%;\n}\n\n.cm-agent-card--market .cm-agent-card__badges,\n.cm-agent-card--market .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 .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 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 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 width: 0.78rem;\n height: 0.78rem;\n}\n\n.cm-agent-card--market .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 font-size: clamp(0.62rem, 1.75cqi, 0.72rem);\n}\n\n.cm-agent-card--market .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 display: block;\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-meta {\n display: flex;\n align-items: center;\n gap: 0.38rem;\n min-width: 0;\n max-width: 100%;\n flex-wrap: wrap;\n}\n\n.cm-agent-card__verified,\n.cm-agent-card__network {\n display: inline-grid;\n width: 1.28rem;\n height: 1.28rem;\n place-items: center;\n flex: 0 0 auto;\n border-radius: 999px;\n border: 1px solid hsl(var(--primary) / 0.22);\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__verified {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.11);\n color: hsl(142 71% 55%);\n}\n\n.cm-agent-card__verified svg,\n.cm-agent-card__network svg {\n width: 0.82rem;\n height: 0.82rem;\n}\n\n.cm-agent-card__network-image {\n width: 0.9rem;\n height: 0.9rem;\n object-fit: contain;\n display: block;\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[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.26);\n background: hsl(42 100% 48% / 0.1);\n color: hsl(42 100% 58%);\n}\n\n.cm-agent-card__model[data-tone=\"warning\"] svg {\n color: hsl(42 100% 58%);\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 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 gap: 0.44rem;\n padding: 0.62rem;\n }\n\n .cm-agent-card--market .cm-agent-card__description {\n font-size: 0.72rem;\n }\n\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 height: auto;\n min-height: var(--cm-market-card-min-height, clamp(17rem, 30dvh, 20rem));\n}\n\n.cm-agent-card--market > .cm-agent-card__main {\n display: grid;\n grid-template-rows: auto auto auto auto;\n height: auto;\n min-height: 0;\n gap: clamp(0.72rem, 1.45cqi, 0.95rem);\n padding: clamp(0.82rem, 1.8cqi, 1.05rem);\n align-content: start;\n overflow: visible;\n}\n\n.cm-agent-card--market .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 width: clamp(3rem, 9.2cqi, 3.45rem);\n height: clamp(3rem, 9.2cqi, 3.45rem);\n}\n\n.cm-agent-card--market .cm-agent-card__copy {\n gap: 0.38rem;\n}\n\n.cm-agent-card--market .cm-agent-card__title {\n font-size: clamp(1.04rem, 2.72cqi, 1.18rem);\n line-height: 1.12;\n}\n\n.cm-agent-card--market .cm-agent-card__identity {\n gap: 0.26rem;\n}\n\n.cm-agent-card--market .cm-agent-card__identity-head {\n flex-wrap: nowrap;\n}\n\n.cm-agent-card--market .cm-agent-card__identity-name,\n.cm-agent-card--market .cm-agent-card__identity-address,\n.cm-agent-card--market .cm-agent-card__model-name,\n.cm-agent-card--market .cm-agent-card__metric-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 max-width: 100%;\n font-size: clamp(0.72rem, 1.9cqi, 0.82rem);\n}\n\n.cm-agent-card--market .cm-agent-card__identity-meta {\n display: flex;\n align-items: center;\n gap: 0.34rem;\n min-width: 0;\n max-width: 100%;\n flex-wrap: nowrap;\n}\n\n.cm-agent-card--market .cm-agent-card__description {\n font-size: clamp(0.9rem, 2.05cqi, 0.98rem);\n line-height: 1.5;\n min-width: 0;\n max-width: 100%;\n}\n\n.cm-agent-card--market .cm-agent-card__badges,\n.cm-agent-card--market .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 .cm-agent-card__tag {\n min-height: clamp(1.65rem, 4.8cqi, 1.85rem);\n padding: 0.34rem 0.62rem;\n font-size: clamp(0.68rem, 1.72cqi, 0.76rem);\n letter-spacing: 0.07em;\n white-space: nowrap;\n}\n\n.cm-agent-card--market .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 min-width: 0;\n min-height: clamp(3rem, 7.8cqi, 3.35rem);\n gap: 0.45rem;\n padding: clamp(0.56rem, 1.3cqi, 0.72rem);\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 width: 0.92rem;\n height: 0.92rem;\n}\n\n.cm-agent-card--market .cm-agent-card__metric-label {\n font-size: clamp(0.62rem, 1.52cqi, 0.68rem);\n letter-spacing: 0.08em;\n}\n\n.cm-agent-card--market .cm-agent-card__metric-value {\n font-size: clamp(0.78rem, 1.85cqi, 0.88rem);\n}\n\n.cm-agent-card--market .cm-agent-card__tags-block {\n align-self: stretch;\n align-content: start;\n gap: 0.42rem;\n min-height: 0;\n overflow: visible;\n}\n\n.cm-agent-card--market .cm-agent-card__tags-title {\n display: block;\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-meta {\n display: flex;\n align-items: center;\n gap: 0.38rem;\n min-width: 0;\n max-width: 100%;\n flex-wrap: wrap;\n}\n\n.cm-agent-card__network {\n display: inline-grid;\n width: 1.28rem;\n height: 1.28rem;\n place-items: center;\n flex: 0 0 auto;\n border-radius: 999px;\n border: 1px solid hsl(var(--primary) / 0.22);\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n}\n\n.cm-agent-card__verified {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.1rem;\n height: 1.1rem;\n flex: 0 0 auto;\n color: hsl(142 76% 54%);\n}\n\n.cm-agent-card__network svg {\n width: 0.82rem;\n height: 0.82rem;\n}\n\n.cm-agent-card__verified svg {\n width: 1.08rem;\n height: 1.08rem;\n fill: hsl(142 76% 54% / 0.18);\n stroke-width: 2.35;\n}\n\n.cm-agent-card__network-image {\n width: 0.9rem;\n height: 0.9rem;\n object-fit: contain;\n display: block;\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.76rem;\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.76rem;\n font-weight: 600;\n line-height: 1.25;\n}\n\n.cm-agent-card__model[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.26);\n background: hsl(42 100% 48% / 0.1);\n color: hsl(42 100% 58%);\n}\n\n.cm-agent-card__model[data-tone=\"warning\"] svg {\n color: hsl(42 100% 58%);\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: 1rem;\n }\n\n .cm-agent-card__description {\n font-size: 0.9rem;\n line-height: 1.45;\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.65rem;\n padding: 0 0.5rem;\n font-size: 0.72rem;\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 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 gap: 0.62rem;\n padding: 0.75rem;\n }\n\n .cm-agent-card--market .cm-agent-card__description {\n font-size: 0.88rem;\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,i0kBAw0BrB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,g6kBAi1BrB,CAAC"}
package/dist/agents/styles.js CHANGED
@@ -385,19 +385,19 @@ export const agentsCss = `/**
385
385
  }
386
386
 
387
387
  .cm-agent-card--market {
388
- height: var(--cm-market-card-height, clamp(20rem, 34dvh, 22.75rem));
389
- min-height: 0;
388
+ height: auto;
389
+ min-height: var(--cm-market-card-min-height, clamp(17rem, 30dvh, 20rem));
390
390
  }
391
391
 
392
392
  .cm-agent-card--market > .cm-agent-card__main {
393
393
  display: grid;
394
394
  grid-template-rows: auto auto auto auto;
395
- height: 100%;
395
+ height: auto;
396
396
  min-height: 0;
397
- gap: clamp(0.54rem, 1.2cqi, 0.78rem);
398
- padding: clamp(0.68rem, 1.55cqi, 0.92rem);
397
+ gap: clamp(0.72rem, 1.45cqi, 0.95rem);
398
+ padding: clamp(0.82rem, 1.8cqi, 1.05rem);
399
399
  align-content: start;
400
- overflow: hidden;
400
+ overflow: visible;
401
401
  }
402
402
 
403
403
  .cm-agent-card--market .cm-agent-card__header {
@@ -406,8 +406,8 @@ export const agentsCss = `/**
406
406
  }
407
407
 
408
408
  .cm-agent-card--market .cm-agent-card__avatar {
409
- width: clamp(2.65rem, 8.5cqi, 3.25rem);
410
- height: clamp(2.65rem, 8.5cqi, 3.25rem);
409
+ width: clamp(3rem, 9.2cqi, 3.45rem);
410
+ height: clamp(3rem, 9.2cqi, 3.45rem);
411
411
  }
412
412
 
413
413
  .cm-agent-card--market .cm-agent-card__copy {
@@ -415,7 +415,7 @@ export const agentsCss = `/**
415
415
  }
416
416
 
417
417
  .cm-agent-card--market .cm-agent-card__title {
418
- font-size: clamp(0.94rem, 2.55cqi, 1.08rem);
418
+ font-size: clamp(1.04rem, 2.72cqi, 1.18rem);
419
419
  line-height: 1.12;
420
420
  }
421
421
 
@@ -440,7 +440,7 @@ export const agentsCss = `/**
440
440
 
441
441
  .cm-agent-card--market .cm-agent-card__model {
442
442
  max-width: 100%;
443
- font-size: clamp(0.58rem, 1.85cqi, 0.66rem);
443
+ font-size: clamp(0.72rem, 1.9cqi, 0.82rem);
444
444
  }
445
445
 
446
446
  .cm-agent-card--market .cm-agent-card__identity-meta {
@@ -453,8 +453,8 @@ export const agentsCss = `/**
453
453
  }
454
454
 
455
455
  .cm-agent-card--market .cm-agent-card__description {
456
- font-size: clamp(0.72rem, 1.9cqi, 0.82rem);
457
- line-height: 1.42;
456
+ font-size: clamp(0.9rem, 2.05cqi, 0.98rem);
457
+ line-height: 1.5;
458
458
  min-width: 0;
459
459
  max-width: 100%;
460
460
  }
@@ -467,9 +467,9 @@ export const agentsCss = `/**
467
467
 
468
468
  .cm-agent-card--market .cm-agent-card__badge,
469
469
  .cm-agent-card--market .cm-agent-card__tag {
470
- min-height: clamp(1.38rem, 4.6cqi, 1.62rem);
471
- padding: 0.28rem 0.52rem;
472
- font-size: clamp(0.54rem, 1.65cqi, 0.62rem);
470
+ min-height: clamp(1.65rem, 4.8cqi, 1.85rem);
471
+ padding: 0.34rem 0.62rem;
472
+ font-size: clamp(0.68rem, 1.72cqi, 0.76rem);
473
473
  letter-spacing: 0.07em;
474
474
  white-space: nowrap;
475
475
  }
@@ -481,9 +481,9 @@ export const agentsCss = `/**
481
481
 
482
482
  .cm-agent-card--market .cm-agent-card__metric {
483
483
  min-width: 0;
484
- min-height: clamp(2.52rem, 7cqi, 3rem);
485
- gap: 0.38rem;
486
- padding: clamp(0.42rem, 1.2cqi, 0.58rem);
484
+ min-height: clamp(3rem, 7.8cqi, 3.35rem);
485
+ gap: 0.45rem;
486
+ padding: clamp(0.56rem, 1.3cqi, 0.72rem);
487
487
  border-color: hsl(var(--primary) / 0.15);
488
488
  background:
489
489
  radial-gradient(circle at 0% 0%, hsl(var(--primary) / 0.08), transparent 42%),
@@ -491,24 +491,24 @@ export const agentsCss = `/**
491
491
  }
492
492
 
493
493
  .cm-agent-card--market .cm-agent-card__metric-icon svg {
494
- width: 0.78rem;
495
- height: 0.78rem;
494
+ width: 0.92rem;
495
+ height: 0.92rem;
496
496
  }
497
497
 
498
498
  .cm-agent-card--market .cm-agent-card__metric-label {
499
- font-size: clamp(0.48rem, 1.45cqi, 0.56rem);
499
+ font-size: clamp(0.62rem, 1.52cqi, 0.68rem);
500
500
  letter-spacing: 0.08em;
501
501
  }
502
502
 
503
503
  .cm-agent-card--market .cm-agent-card__metric-value {
504
- font-size: clamp(0.62rem, 1.75cqi, 0.72rem);
504
+ font-size: clamp(0.78rem, 1.85cqi, 0.88rem);
505
505
  }
506
506
 
507
507
  .cm-agent-card--market .cm-agent-card__tags-block {
508
508
  align-self: stretch;
509
509
  align-content: start;
510
- gap: 0.34rem;
511
- min-height: clamp(2.55rem, 7cqi, 2.9rem);
510
+ gap: 0.42rem;
511
+ min-height: 0;
512
512
  overflow: visible;
513
513
  }
514
514
 
@@ -566,7 +566,6 @@ export const agentsCss = `/**
566
566
  flex-wrap: wrap;
567
567
  }
568
568
 
569
- .cm-agent-card__verified,
570
569
  .cm-agent-card__network {
571
570
  display: inline-grid;
572
571
  width: 1.28rem;
@@ -580,17 +579,27 @@ export const agentsCss = `/**
580
579
  }
581
580
 
582
581
  .cm-agent-card__verified {
583
- border-color: hsl(142 71% 45% / 0.28);
584
- background: hsl(142 71% 45% / 0.11);
585
- color: hsl(142 71% 55%);
582
+ display: inline-flex;
583
+ align-items: center;
584
+ justify-content: center;
585
+ width: 1.1rem;
586
+ height: 1.1rem;
587
+ flex: 0 0 auto;
588
+ color: hsl(142 76% 54%);
586
589
  }
587
590
 
588
- .cm-agent-card__verified svg,
589
591
  .cm-agent-card__network svg {
590
592
  width: 0.82rem;
591
593
  height: 0.82rem;
592
594
  }
593
595
 
596
+ .cm-agent-card__verified svg {
597
+ width: 1.08rem;
598
+ height: 1.08rem;
599
+ fill: hsl(142 76% 54% / 0.18);
600
+ stroke-width: 2.35;
601
+ }
602
+
594
603
  .cm-agent-card__network-image {
595
604
  width: 0.9rem;
596
605
  height: 0.9rem;
@@ -607,7 +616,7 @@ export const agentsCss = `/**
607
616
  .cm-agent-card__identity-address {
608
617
  color: hsl(var(--muted-foreground));
609
618
  font-family: var(--font-mono), monospace;
610
- font-size: 0.68rem;
619
+ font-size: 0.76rem;
611
620
  font-weight: 500;
612
621
  line-height: 1.1;
613
622
  }
@@ -624,7 +633,7 @@ export const agentsCss = `/**
624
633
  background: hsl(var(--primary) / 0.06);
625
634
  color: hsl(var(--foreground));
626
635
  font-family: var(--font-mono), monospace;
627
- font-size: 0.66rem;
636
+ font-size: 0.76rem;
628
637
  font-weight: 600;
629
638
  line-height: 1.25;
630
639
  }
@@ -761,12 +770,12 @@ export const agentsCss = `/**
761
770
  }
762
771
 
763
772
  .cm-agent-card__title {
764
- font-size: 0.92rem;
773
+ font-size: 1rem;
765
774
  }
766
775
 
767
776
  .cm-agent-card__description {
768
- font-size: 0.78rem;
769
- line-height: 1.4;
777
+ font-size: 0.9rem;
778
+ line-height: 1.45;
770
779
  }
771
780
 
772
781
  .cm-agent-card__metrics {
@@ -788,9 +797,9 @@ export const agentsCss = `/**
788
797
 
789
798
  .cm-agent-card__badge,
790
799
  .cm-agent-card__tag {
791
- min-height: 1.45rem;
800
+ min-height: 1.65rem;
792
801
  padding: 0 0.5rem;
793
- font-size: 0.65rem;
802
+ font-size: 0.72rem;
794
803
  }
795
804
 
796
805
  .cm-agent-card__endpoint-code,
@@ -826,12 +835,12 @@ export const agentsCss = `/**
826
835
 
827
836
  @container (max-width: 21rem) {
828
837
  .cm-agent-card--market .cm-agent-card__main {
829
- gap: 0.44rem;
830
- padding: 0.62rem;
838
+ gap: 0.62rem;
839
+ padding: 0.75rem;
831
840
  }
832
841
 
833
842
  .cm-agent-card--market .cm-agent-card__description {
834
- font-size: 0.72rem;
843
+ font-size: 0.88rem;
835
844
  }
836
845
 
837
846
  .cm-agent-card__endpoint-row {
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAw0BxB,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAi1BxB,CAAC"}
package/dist/chain-logos/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chain-logos/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;AACjG,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE9E,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAauB,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC;AAElD,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAEnF;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,EAC/B,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,mBAAwB,GAChC,MAAM,CAaR"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chain-logos/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;AACjG,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE9E,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAauB,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC;AAElD,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAEnF;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,EAC/B,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,mBAAwB,GAChC,MAAM,CAYR"}
package/dist/chain-logos/index.js CHANGED
@@ -26,7 +26,6 @@ export function chainLogoUrl(logo, token, options = {}) {
26
26
  if (options.theme) {
27
27
  params.set("theme", options.theme);
28
28
  }
29
- params.set("fallback", "404");
30
29
  return `https://img.logo.dev/crypto/${encodeURIComponent(logo.symbol)}?${params.toString()}`;
31
30
  }
32
31
  //# sourceMappingURL=index.js.map
package/dist/chain-logos/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chain-logos/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chain-logos/index.ts"],"names":[],"mappings":"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"}
package/dist/css/agents.css CHANGED
@@ -385,19 +385,19 @@
385
385
  }
386
386
 
387
387
  .cm-agent-card--market {
388
- height: var(--cm-market-card-height, clamp(20rem, 34dvh, 22.75rem));
389
- min-height: 0;
388
+ height: auto;
389
+ min-height: var(--cm-market-card-min-height, clamp(17rem, 30dvh, 20rem));
390
390
  }
391
391
 
392
392
  .cm-agent-card--market > .cm-agent-card__main {
393
393
  display: grid;
394
394
  grid-template-rows: auto auto auto auto;
395
- height: 100%;
395
+ height: auto;
396
396
  min-height: 0;
397
- gap: clamp(0.54rem, 1.2cqi, 0.78rem);
398
- padding: clamp(0.68rem, 1.55cqi, 0.92rem);
397
+ gap: clamp(0.72rem, 1.45cqi, 0.95rem);
398
+ padding: clamp(0.82rem, 1.8cqi, 1.05rem);
399
399
  align-content: start;
400
- overflow: hidden;
400
+ overflow: visible;
401
401
  }
402
402
 
403
403
  .cm-agent-card--market .cm-agent-card__header {
@@ -406,8 +406,8 @@
406
406
  }
407
407
 
408
408
  .cm-agent-card--market .cm-agent-card__avatar {
409
- width: clamp(2.65rem, 8.5cqi, 3.25rem);
410
- height: clamp(2.65rem, 8.5cqi, 3.25rem);
409
+ width: clamp(3rem, 9.2cqi, 3.45rem);
410
+ height: clamp(3rem, 9.2cqi, 3.45rem);
411
411
  }
412
412
 
413
413
  .cm-agent-card--market .cm-agent-card__copy {
@@ -415,7 +415,7 @@
415
415
  }
416
416
 
417
417
  .cm-agent-card--market .cm-agent-card__title {
418
- font-size: clamp(0.94rem, 2.55cqi, 1.08rem);
418
+ font-size: clamp(1.04rem, 2.72cqi, 1.18rem);
419
419
  line-height: 1.12;
420
420
  }
421
421
 
@@ -440,7 +440,7 @@
440
440
 
441
441
  .cm-agent-card--market .cm-agent-card__model {
442
442
  max-width: 100%;
443
- font-size: clamp(0.58rem, 1.85cqi, 0.66rem);
443
+ font-size: clamp(0.72rem, 1.9cqi, 0.82rem);
444
444
  }
445
445
 
446
446
  .cm-agent-card--market .cm-agent-card__identity-meta {
@@ -453,8 +453,8 @@
453
453
  }
454
454
 
455
455
  .cm-agent-card--market .cm-agent-card__description {
456
- font-size: clamp(0.72rem, 1.9cqi, 0.82rem);
457
- line-height: 1.42;
456
+ font-size: clamp(0.9rem, 2.05cqi, 0.98rem);
457
+ line-height: 1.5;
458
458
  min-width: 0;
459
459
  max-width: 100%;
460
460
  }
@@ -467,9 +467,9 @@
467
467
 
468
468
  .cm-agent-card--market .cm-agent-card__badge,
469
469
  .cm-agent-card--market .cm-agent-card__tag {
470
- min-height: clamp(1.38rem, 4.6cqi, 1.62rem);
471
- padding: 0.28rem 0.52rem;
472
- font-size: clamp(0.54rem, 1.65cqi, 0.62rem);
470
+ min-height: clamp(1.65rem, 4.8cqi, 1.85rem);
471
+ padding: 0.34rem 0.62rem;
472
+ font-size: clamp(0.68rem, 1.72cqi, 0.76rem);
473
473
  letter-spacing: 0.07em;
474
474
  white-space: nowrap;
475
475
  }
@@ -481,9 +481,9 @@
481
481
 
482
482
  .cm-agent-card--market .cm-agent-card__metric {
483
483
  min-width: 0;
484
- min-height: clamp(2.52rem, 7cqi, 3rem);
485
- gap: 0.38rem;
486
- padding: clamp(0.42rem, 1.2cqi, 0.58rem);
484
+ min-height: clamp(3rem, 7.8cqi, 3.35rem);
485
+ gap: 0.45rem;
486
+ padding: clamp(0.56rem, 1.3cqi, 0.72rem);
487
487
  border-color: hsl(var(--primary) / 0.15);
488
488
  background:
489
489
  radial-gradient(circle at 0% 0%, hsl(var(--primary) / 0.08), transparent 42%),
@@ -491,24 +491,24 @@
491
491
  }
492
492
 
493
493
  .cm-agent-card--market .cm-agent-card__metric-icon svg {
494
- width: 0.78rem;
495
- height: 0.78rem;
494
+ width: 0.92rem;
495
+ height: 0.92rem;
496
496
  }
497
497
 
498
498
  .cm-agent-card--market .cm-agent-card__metric-label {
499
- font-size: clamp(0.48rem, 1.45cqi, 0.56rem);
499
+ font-size: clamp(0.62rem, 1.52cqi, 0.68rem);
500
500
  letter-spacing: 0.08em;
501
501
  }
502
502
 
503
503
  .cm-agent-card--market .cm-agent-card__metric-value {
504
- font-size: clamp(0.62rem, 1.75cqi, 0.72rem);
504
+ font-size: clamp(0.78rem, 1.85cqi, 0.88rem);
505
505
  }
506
506
 
507
507
  .cm-agent-card--market .cm-agent-card__tags-block {
508
508
  align-self: stretch;
509
509
  align-content: start;
510
- gap: 0.34rem;
511
- min-height: clamp(2.55rem, 7cqi, 2.9rem);
510
+ gap: 0.42rem;
511
+ min-height: 0;
512
512
  overflow: visible;
513
513
  }
514
514
 
@@ -566,7 +566,6 @@
566
566
  flex-wrap: wrap;
567
567
  }
568
568
 
569
- .cm-agent-card__verified,
570
569
  .cm-agent-card__network {
571
570
  display: inline-grid;
572
571
  width: 1.28rem;
@@ -580,17 +579,27 @@
580
579
  }
581
580
 
582
581
  .cm-agent-card__verified {
583
- border-color: hsl(142 71% 45% / 0.28);
584
- background: hsl(142 71% 45% / 0.11);
585
- color: hsl(142 71% 55%);
582
+ display: inline-flex;
583
+ align-items: center;
584
+ justify-content: center;
585
+ width: 1.1rem;
586
+ height: 1.1rem;
587
+ flex: 0 0 auto;
588
+ color: hsl(142 76% 54%);
586
589
  }
587
590
 
588
- .cm-agent-card__verified svg,
589
591
  .cm-agent-card__network svg {
590
592
  width: 0.82rem;
591
593
  height: 0.82rem;
592
594
  }
593
595
 
596
+ .cm-agent-card__verified svg {
597
+ width: 1.08rem;
598
+ height: 1.08rem;
599
+ fill: hsl(142 76% 54% / 0.18);
600
+ stroke-width: 2.35;
601
+ }
602
+
594
603
  .cm-agent-card__network-image {
595
604
  width: 0.9rem;
596
605
  height: 0.9rem;
@@ -607,7 +616,7 @@
607
616
  .cm-agent-card__identity-address {
608
617
  color: hsl(var(--muted-foreground));
609
618
  font-family: var(--font-mono), monospace;
610
- font-size: 0.68rem;
619
+ font-size: 0.76rem;
611
620
  font-weight: 500;
612
621
  line-height: 1.1;
613
622
  }
@@ -624,7 +633,7 @@
624
633
  background: hsl(var(--primary) / 0.06);
625
634
  color: hsl(var(--foreground));
626
635
  font-family: var(--font-mono), monospace;
627
- font-size: 0.66rem;
636
+ font-size: 0.76rem;
628
637
  font-weight: 600;
629
638
  line-height: 1.25;
630
639
  }
@@ -761,12 +770,12 @@
761
770
  }
762
771
 
763
772
  .cm-agent-card__title {
764
- font-size: 0.92rem;
773
+ font-size: 1rem;
765
774
  }
766
775
 
767
776
  .cm-agent-card__description {
768
- font-size: 0.78rem;
769
- line-height: 1.4;
777
+ font-size: 0.9rem;
778
+ line-height: 1.45;
770
779
  }
771
780
 
772
781
  .cm-agent-card__metrics {
@@ -788,9 +797,9 @@
788
797
 
789
798
  .cm-agent-card__badge,
790
799
  .cm-agent-card__tag {
791
- min-height: 1.45rem;
800
+ min-height: 1.65rem;
792
801
  padding: 0 0.5rem;
793
- font-size: 0.65rem;
802
+ font-size: 0.72rem;
794
803
  }
795
804
 
796
805
  .cm-agent-card__endpoint-code,
@@ -826,12 +835,12 @@
826
835
 
827
836
  @container (max-width: 21rem) {
828
837
  .cm-agent-card--market .cm-agent-card__main {
829
- gap: 0.44rem;
830
- padding: 0.62rem;
838
+ gap: 0.62rem;
839
+ padding: 0.75rem;
831
840
  }
832
841
 
833
842
  .cm-agent-card--market .cm-agent-card__description {
834
- font-size: 0.72rem;
843
+ font-size: 0.88rem;
835
844
  }
836
845
 
837
846
  .cm-agent-card__endpoint-row {
package/dist/css/mirror.css CHANGED
@@ -98,9 +98,9 @@
98
98
  min-height: 0;
99
99
  display: flex;
100
100
  flex-direction: column;
101
- gap: clamp(0.75rem, 3cqi, 1rem);
101
+ gap: clamp(0.85rem, 3cqi, 1.08rem);
102
102
  overflow: visible;
103
- padding: clamp(0.75rem, 3cqi, 1rem);
103
+ padding: clamp(0.85rem, 3cqi, 1.08rem);
104
104
  }
105
105
 
106
106
  .cm-mirror-pane__footer {
@@ -146,8 +146,8 @@
146
146
 
147
147
  .cm-mirror-pane__model-icon-box {
148
148
  display: grid;
149
- width: 2.65rem;
150
- height: 2.65rem;
149
+ width: clamp(2.85rem, 8cqi, 3.35rem);
150
+ height: clamp(2.85rem, 8cqi, 3.35rem);
151
151
  place-items: center;
152
152
  flex: 0 0 auto;
153
153
  border: 1px solid hsl(var(--primary) / 0.24);
@@ -182,7 +182,7 @@
182
182
  margin: 0;
183
183
  color: hsl(var(--foreground));
184
184
  font-family: var(--font-display), sans-serif;
185
- font-size: clamp(0.98rem, 4cqi, 1.14rem);
185
+ font-size: clamp(1.06rem, 4cqi, 1.24rem);
186
186
  font-weight: 800;
187
187
  line-height: 1.08;
188
188
  overflow-wrap: anywhere;
@@ -198,14 +198,14 @@
198
198
  .cm-mirror-pane__badge {
199
199
  display: inline-flex;
200
200
  align-items: center;
201
- min-height: 1.35rem;
201
+ min-height: 1.58rem;
202
202
  border: 1px solid hsl(var(--primary) / 0.18);
203
203
  border-radius: 999px;
204
204
  background: hsl(var(--primary) / 0.08);
205
205
  color: hsl(var(--primary));
206
- padding: 0 0.45rem;
206
+ padding: 0 0.58rem;
207
207
  font-family: var(--font-mono), monospace;
208
- font-size: 0.6rem;
208
+ font-size: 0.7rem;
209
209
  font-weight: 700;
210
210
  letter-spacing: 0.06em;
211
211
  text-transform: uppercase;
@@ -240,7 +240,7 @@
240
240
  margin: 0;
241
241
  color: hsl(var(--muted-foreground));
242
242
  font-family: var(--font-mono), monospace;
243
- font-size: 0.72rem;
243
+ font-size: 0.82rem;
244
244
  line-height: 1.35;
245
245
  overflow-wrap: anywhere;
246
246
  }
@@ -265,9 +265,10 @@
265
265
 
266
266
  .cm-mirror-pane__description,
267
267
  .cm-mirror-pane__description--clamped {
268
- padding: 0.75rem;
268
+ padding: 0.82rem 0.9rem;
269
269
  color: hsl(var(--muted-foreground));
270
- line-height: 1.5;
270
+ font-size: 0.92rem;
271
+ line-height: 1.55;
271
272
  }
272
273
 
273
274
  .cm-mirror-pane__section {
@@ -285,7 +286,7 @@
285
286
  .cm-mirror-pane__tool-group-label {
286
287
  color: hsl(var(--muted-foreground));
287
288
  font-family: var(--font-mono), monospace;
288
- font-size: 0.68rem;
289
+ font-size: 0.74rem;
289
290
  font-weight: 800;
290
291
  letter-spacing: 0.1em;
291
292
  text-transform: uppercase;
@@ -311,7 +312,7 @@
311
312
  flex: 0 0 auto;
312
313
  color: hsl(var(--muted-foreground));
313
314
  font-family: var(--font-mono), monospace;
314
- font-size: 0.7rem;
315
+ font-size: 0.76rem;
315
316
  }
316
317
 
317
318
  .cm-mirror-pane__io-badges,
@@ -334,7 +335,7 @@
334
335
  min-width: 0;
335
336
  color: hsl(var(--foreground));
336
337
  font-family: var(--font-mono), monospace;
337
- font-size: 0.74rem;
338
+ font-size: 0.82rem;
338
339
  text-align: right;
339
340
  overflow-wrap: anywhere;
340
341
  }
@@ -351,7 +352,7 @@
351
352
  .cm-mirror-pane__pricing-unit {
352
353
  color: hsl(var(--muted-foreground) / 0.72);
353
354
  font-family: var(--font-mono), monospace;
354
- font-size: 0.64rem;
355
+ font-size: 0.72rem;
355
356
  letter-spacing: 0.08em;
356
357
  text-transform: uppercase;
357
358
  }
@@ -393,7 +394,7 @@
393
394
  padding: 0.72rem;
394
395
  color: hsl(var(--foreground));
395
396
  font-family: var(--font-mono), monospace;
396
- font-size: 0.78rem;
397
+ font-size: 0.86rem;
397
398
  resize: vertical;
398
399
  }
399
400
 
@@ -402,7 +403,7 @@
402
403
  min-height: 2.45rem;
403
404
  color: hsl(var(--foreground));
404
405
  font-family: var(--font-mono), monospace;
405
- font-size: 0.78rem;
406
+ font-size: 0.86rem;
406
407
  }
407
408
 
408
409
  .cm-mirror-pane__field:focus,
@@ -417,7 +418,7 @@
417
418
  .cm-mirror-pane__param-description,
418
419
  .cm-mirror-pane__no-params {
419
420
  color: hsl(var(--muted-foreground));
420
- font-size: 0.78rem;
421
+ font-size: 0.86rem;
421
422
  line-height: 1.4;
422
423
  }
423
424
 
package/dist/mirror/styles.d.ts CHANGED
@@ -3,5 +3,5 @@
3
3
  *
4
4
  * Shared BEM CSS for model/detail panes.
5
5
  */
6
- export declare const mirrorStyles = "\n.cm-mirror-pane {\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n min-width: 0;\n min-height: 0;\n height: auto;\n overflow: visible;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 16px;\n background:\n linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.34)),\n radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.09), transparent 34%),\n hsl(224 36% 13% / 0.24);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.06),\n 0 0 34px hsl(var(--primary) / 0.06);\n color: hsl(var(--foreground));\n font-family: var(--font-sans), sans-serif;\n backdrop-filter: blur(16px) saturate(1.12);\n}\n\n.cm-mirror-pane__toolbar {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n gap: 0.35rem;\n padding: 0.45rem;\n border-bottom: 1px solid hsl(var(--primary) / 0.1);\n background: hsl(221 50% 9% / 0.28);\n}\n\n.cm-mirror-pane__toolbar-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n min-width: 2.2rem;\n min-height: 2.2rem;\n padding: 0 0.62rem;\n border: 1px solid transparent;\n border-radius: 999px;\n background: transparent;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition:\n transform 160ms ease,\n border-color 180ms ease,\n background-color 180ms ease,\n color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-mirror-pane__toolbar-btn:hover,\n.cm-mirror-pane__toolbar-btn:focus-visible {\n outline: none;\n color: hsl(var(--foreground));\n border-color: hsl(var(--primary) / 0.2);\n background: hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__toolbar-btn--active-cyan {\n border-color: hsl(var(--primary) / 0.36);\n background: hsl(var(--primary) / 0.12);\n color: hsl(var(--primary));\n box-shadow: 0 0 18px hsl(var(--primary) / 0.12);\n}\n\n.cm-mirror-pane__toolbar-btn--active-fuchsia {\n border-color: hsl(var(--accent) / 0.34);\n background: hsl(var(--accent) / 0.11);\n color: hsl(var(--accent));\n box-shadow: 0 0 18px hsl(var(--accent) / 0.1);\n}\n\n.cm-mirror-pane__toolbar-btn svg {\n width: 1rem;\n height: 1rem;\n}\n\n.cm-mirror-pane__toolbar-label {\n display: none;\n}\n\n@container (min-width: 24rem) {\n .cm-mirror-pane__toolbar-label {\n display: inline;\n }\n}\n\n.cm-mirror-pane__body {\n flex: 0 0 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n gap: clamp(0.75rem, 3cqi, 1rem);\n overflow: visible;\n padding: clamp(0.75rem, 3cqi, 1rem);\n}\n\n.cm-mirror-pane__footer {\n flex: 0 0 auto;\n border-top: 1px solid hsl(var(--primary) / 0.1);\n padding: 0.75rem 1rem;\n}\n\n.cm-mirror-pane__empty {\n flex: 1;\n min-height: 14rem;\n display: grid;\n place-items: center;\n align-content: center;\n gap: 0.75rem;\n padding: 1.5rem;\n text-align: center;\n}\n\n.cm-mirror-pane__empty-icon {\n display: inline-flex;\n color: hsl(var(--primary));\n opacity: 0.72;\n}\n\n.cm-mirror-pane__empty-icon svg {\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.cm-mirror-pane__empty-text {\n max-width: 18rem;\n color: hsl(var(--muted-foreground));\n line-height: 1.45;\n}\n\n.cm-mirror-pane__model-header {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__model-icon-box {\n display: grid;\n width: 2.65rem;\n height: 2.65rem;\n place-items: center;\n flex: 0 0 auto;\n border: 1px solid hsl(var(--primary) / 0.24);\n border-radius: 12px;\n background: hsl(var(--primary) / 0.09);\n color: hsl(var(--primary));\n box-shadow: inset 0 0 18px hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__model-icon-box svg {\n width: 1.2rem;\n height: 1.2rem;\n}\n\n.cm-mirror-pane__model-copy {\n flex: 1;\n min-width: 0;\n display: grid;\n gap: 0.25rem;\n}\n\n.cm-mirror-pane__model-name-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n min-width: 0;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__model-name {\n min-width: 0;\n margin: 0;\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: clamp(0.98rem, 4cqi, 1.14rem);\n font-weight: 800;\n line-height: 1.08;\n overflow-wrap: anywhere;\n}\n\n.cm-mirror-pane__model-types {\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__badge {\n display: inline-flex;\n align-items: center;\n min-height: 1.35rem;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 999px;\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n padding: 0 0.45rem;\n font-family: var(--font-mono), monospace;\n font-size: 0.6rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__badge[data-tone=\"fuchsia\"] {\n border-color: hsl(var(--accent) / 0.24);\n background: hsl(var(--accent) / 0.1);\n color: hsl(var(--accent));\n}\n\n.cm-mirror-pane__badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.1);\n color: hsl(142 71% 55%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.28);\n background: hsl(42 100% 48% / 0.1);\n color: hsl(42 100% 58%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"danger\"] {\n border-color: hsl(var(--destructive) / 0.3);\n background: hsl(var(--destructive) / 0.12);\n color: hsl(var(--destructive));\n}\n\n.cm-mirror-pane__model-provider,\n.cm-mirror-pane__model-id {\n margin: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.72rem;\n line-height: 1.35;\n overflow-wrap: anywhere;\n}\n\n.cm-mirror-pane__model-id {\n color: hsl(var(--primary) / 0.72);\n}\n\n.cm-mirror-pane__description,\n.cm-mirror-pane__description--clamped,\n.cm-mirror-pane__section,\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group,\n.cm-mirror-pane__no-params,\n.cm-mirror-pane__text-area,\n.cm-mirror-pane__field {\n border: 1px solid hsl(var(--primary) / 0.12);\n border-radius: 12px;\n background: hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__description,\n.cm-mirror-pane__description--clamped {\n padding: 0.75rem;\n color: hsl(var(--muted-foreground));\n line-height: 1.5;\n}\n\n.cm-mirror-pane__section {\n display: flex;\n flex-direction: column;\n gap: 0.6rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__section--compact {\n padding: 0.75rem;\n}\n\n.cm-mirror-pane__section-label,\n.cm-mirror-pane__tool-group-label {\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n font-weight: 800;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__io-row,\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__pricing-header,\n.cm-mirror-pane__tool-toggle {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.75rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__io-row {\n align-items: flex-start;\n}\n\n.cm-mirror-pane__io-label,\n.cm-mirror-pane__kv-label {\n flex: 0 0 auto;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.7rem;\n}\n\n.cm-mirror-pane__io-badges,\n.cm-mirror-pane__kv-grid,\n.cm-mirror-pane__pricing-entries,\n.cm-mirror-pane__custom-content,\n.cm-mirror-pane__custom-section {\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__io-badges {\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__kv-value {\n min-width: 0;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.74rem;\n text-align: right;\n overflow-wrap: anywhere;\n}\n\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group {\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n padding: 0.62rem 0.7rem;\n}\n\n.cm-mirror-pane__pricing-unit {\n color: hsl(var(--muted-foreground) / 0.72);\n font-family: var(--font-mono), monospace;\n font-size: 0.64rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__pricing-name {\n color: hsl(var(--accent));\n font-family: var(--font-mono), monospace;\n font-weight: 700;\n}\n\n.cm-mirror-pane__tool-group {\n border-color: hsl(var(--primary) / 0.18);\n background: hsl(var(--primary) / 0.05);\n}\n\n.cm-mirror-pane__tool-group--fuchsia {\n border-color: hsl(var(--accent) / 0.18);\n background: hsl(var(--accent) / 0.05);\n}\n\n.cm-mirror-pane__tool-toggle-label {\n display: inline-flex;\n align-items: center;\n gap: 0.42rem;\n min-width: 0;\n color: hsl(var(--foreground));\n}\n\n.cm-mirror-pane__tool-toggle-label svg,\n.cm-mirror-pane__tool-toggle-label-icon {\n width: 1rem;\n height: 1rem;\n flex: 0 0 auto;\n}\n\n.cm-mirror-pane__text-area {\n width: 100%;\n min-height: 7rem;\n padding: 0.72rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.78rem;\n resize: vertical;\n}\n\n.cm-mirror-pane__field {\n width: 100%;\n min-height: 2.45rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.78rem;\n}\n\n.cm-mirror-pane__field:focus,\n.cm-mirror-pane__field:focus-visible,\n.cm-mirror-pane__text-area:focus,\n.cm-mirror-pane__text-area:focus-visible {\n outline: none;\n border-color: hsl(var(--primary) / 0.5);\n box-shadow: 0 0 0 1px hsl(var(--primary) / 0.16);\n}\n\n.cm-mirror-pane__param-description,\n.cm-mirror-pane__no-params {\n color: hsl(var(--muted-foreground));\n font-size: 0.78rem;\n line-height: 1.4;\n}\n\n.cm-mirror-pane__no-params {\n padding: 1rem;\n text-align: center;\n}\n\n@container (max-width: 22rem) {\n .cm-mirror-pane__io-row,\n .cm-mirror-pane__kv-row,\n .cm-mirror-pane__pricing-header,\n .cm-mirror-pane__tool-toggle {\n align-items: flex-start;\n flex-direction: column;\n gap: 0.35rem;\n }\n\n .cm-mirror-pane__kv-value {\n text-align: left;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-mirror-pane__toolbar-btn {\n transition-duration: 0.01ms !important;\n }\n}\n";
6
+ export declare const mirrorStyles = "\n.cm-mirror-pane {\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n min-width: 0;\n min-height: 0;\n height: auto;\n overflow: visible;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 16px;\n background:\n linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.34)),\n radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.09), transparent 34%),\n hsl(224 36% 13% / 0.24);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.06),\n 0 0 34px hsl(var(--primary) / 0.06);\n color: hsl(var(--foreground));\n font-family: var(--font-sans), sans-serif;\n backdrop-filter: blur(16px) saturate(1.12);\n}\n\n.cm-mirror-pane__toolbar {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n gap: 0.35rem;\n padding: 0.45rem;\n border-bottom: 1px solid hsl(var(--primary) / 0.1);\n background: hsl(221 50% 9% / 0.28);\n}\n\n.cm-mirror-pane__toolbar-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n min-width: 2.2rem;\n min-height: 2.2rem;\n padding: 0 0.62rem;\n border: 1px solid transparent;\n border-radius: 999px;\n background: transparent;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition:\n transform 160ms ease,\n border-color 180ms ease,\n background-color 180ms ease,\n color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-mirror-pane__toolbar-btn:hover,\n.cm-mirror-pane__toolbar-btn:focus-visible {\n outline: none;\n color: hsl(var(--foreground));\n border-color: hsl(var(--primary) / 0.2);\n background: hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__toolbar-btn--active-cyan {\n border-color: hsl(var(--primary) / 0.36);\n background: hsl(var(--primary) / 0.12);\n color: hsl(var(--primary));\n box-shadow: 0 0 18px hsl(var(--primary) / 0.12);\n}\n\n.cm-mirror-pane__toolbar-btn--active-fuchsia {\n border-color: hsl(var(--accent) / 0.34);\n background: hsl(var(--accent) / 0.11);\n color: hsl(var(--accent));\n box-shadow: 0 0 18px hsl(var(--accent) / 0.1);\n}\n\n.cm-mirror-pane__toolbar-btn svg {\n width: 1rem;\n height: 1rem;\n}\n\n.cm-mirror-pane__toolbar-label {\n display: none;\n}\n\n@container (min-width: 24rem) {\n .cm-mirror-pane__toolbar-label {\n display: inline;\n }\n}\n\n.cm-mirror-pane__body {\n flex: 0 0 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n gap: clamp(0.85rem, 3cqi, 1.08rem);\n overflow: visible;\n padding: clamp(0.85rem, 3cqi, 1.08rem);\n}\n\n.cm-mirror-pane__footer {\n flex: 0 0 auto;\n border-top: 1px solid hsl(var(--primary) / 0.1);\n padding: 0.75rem 1rem;\n}\n\n.cm-mirror-pane__empty {\n flex: 1;\n min-height: 14rem;\n display: grid;\n place-items: center;\n align-content: center;\n gap: 0.75rem;\n padding: 1.5rem;\n text-align: center;\n}\n\n.cm-mirror-pane__empty-icon {\n display: inline-flex;\n color: hsl(var(--primary));\n opacity: 0.72;\n}\n\n.cm-mirror-pane__empty-icon svg {\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.cm-mirror-pane__empty-text {\n max-width: 18rem;\n color: hsl(var(--muted-foreground));\n line-height: 1.45;\n}\n\n.cm-mirror-pane__model-header {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__model-icon-box {\n display: grid;\n width: clamp(2.85rem, 8cqi, 3.35rem);\n height: clamp(2.85rem, 8cqi, 3.35rem);\n place-items: center;\n flex: 0 0 auto;\n border: 1px solid hsl(var(--primary) / 0.24);\n border-radius: 12px;\n background: hsl(var(--primary) / 0.09);\n color: hsl(var(--primary));\n box-shadow: inset 0 0 18px hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__model-icon-box svg {\n width: 1.2rem;\n height: 1.2rem;\n}\n\n.cm-mirror-pane__model-copy {\n flex: 1;\n min-width: 0;\n display: grid;\n gap: 0.25rem;\n}\n\n.cm-mirror-pane__model-name-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n min-width: 0;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__model-name {\n min-width: 0;\n margin: 0;\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: clamp(1.06rem, 4cqi, 1.24rem);\n font-weight: 800;\n line-height: 1.08;\n overflow-wrap: anywhere;\n}\n\n.cm-mirror-pane__model-types {\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__badge {\n display: inline-flex;\n align-items: center;\n min-height: 1.58rem;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 999px;\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n padding: 0 0.58rem;\n font-family: var(--font-mono), monospace;\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__badge[data-tone=\"fuchsia\"] {\n border-color: hsl(var(--accent) / 0.24);\n background: hsl(var(--accent) / 0.1);\n color: hsl(var(--accent));\n}\n\n.cm-mirror-pane__badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.1);\n color: hsl(142 71% 55%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.28);\n background: hsl(42 100% 48% / 0.1);\n color: hsl(42 100% 58%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"danger\"] {\n border-color: hsl(var(--destructive) / 0.3);\n background: hsl(var(--destructive) / 0.12);\n color: hsl(var(--destructive));\n}\n\n.cm-mirror-pane__model-provider,\n.cm-mirror-pane__model-id {\n margin: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.82rem;\n line-height: 1.35;\n overflow-wrap: anywhere;\n}\n\n.cm-mirror-pane__model-id {\n color: hsl(var(--primary) / 0.72);\n}\n\n.cm-mirror-pane__description,\n.cm-mirror-pane__description--clamped,\n.cm-mirror-pane__section,\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group,\n.cm-mirror-pane__no-params,\n.cm-mirror-pane__text-area,\n.cm-mirror-pane__field {\n border: 1px solid hsl(var(--primary) / 0.12);\n border-radius: 12px;\n background: hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__description,\n.cm-mirror-pane__description--clamped {\n padding: 0.82rem 0.9rem;\n color: hsl(var(--muted-foreground));\n font-size: 0.92rem;\n line-height: 1.55;\n}\n\n.cm-mirror-pane__section {\n display: flex;\n flex-direction: column;\n gap: 0.6rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__section--compact {\n padding: 0.75rem;\n}\n\n.cm-mirror-pane__section-label,\n.cm-mirror-pane__tool-group-label {\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.74rem;\n font-weight: 800;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__io-row,\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__pricing-header,\n.cm-mirror-pane__tool-toggle {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.75rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__io-row {\n align-items: flex-start;\n}\n\n.cm-mirror-pane__io-label,\n.cm-mirror-pane__kv-label {\n flex: 0 0 auto;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.76rem;\n}\n\n.cm-mirror-pane__io-badges,\n.cm-mirror-pane__kv-grid,\n.cm-mirror-pane__pricing-entries,\n.cm-mirror-pane__custom-content,\n.cm-mirror-pane__custom-section {\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__io-badges {\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__kv-value {\n min-width: 0;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.82rem;\n text-align: right;\n overflow-wrap: anywhere;\n}\n\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group {\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n padding: 0.62rem 0.7rem;\n}\n\n.cm-mirror-pane__pricing-unit {\n color: hsl(var(--muted-foreground) / 0.72);\n font-family: var(--font-mono), monospace;\n font-size: 0.72rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__pricing-name {\n color: hsl(var(--accent));\n font-family: var(--font-mono), monospace;\n font-weight: 700;\n}\n\n.cm-mirror-pane__tool-group {\n border-color: hsl(var(--primary) / 0.18);\n background: hsl(var(--primary) / 0.05);\n}\n\n.cm-mirror-pane__tool-group--fuchsia {\n border-color: hsl(var(--accent) / 0.18);\n background: hsl(var(--accent) / 0.05);\n}\n\n.cm-mirror-pane__tool-toggle-label {\n display: inline-flex;\n align-items: center;\n gap: 0.42rem;\n min-width: 0;\n color: hsl(var(--foreground));\n}\n\n.cm-mirror-pane__tool-toggle-label svg,\n.cm-mirror-pane__tool-toggle-label-icon {\n width: 1rem;\n height: 1rem;\n flex: 0 0 auto;\n}\n\n.cm-mirror-pane__text-area {\n width: 100%;\n min-height: 7rem;\n padding: 0.72rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n resize: vertical;\n}\n\n.cm-mirror-pane__field {\n width: 100%;\n min-height: 2.45rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n}\n\n.cm-mirror-pane__field:focus,\n.cm-mirror-pane__field:focus-visible,\n.cm-mirror-pane__text-area:focus,\n.cm-mirror-pane__text-area:focus-visible {\n outline: none;\n border-color: hsl(var(--primary) / 0.5);\n box-shadow: 0 0 0 1px hsl(var(--primary) / 0.16);\n}\n\n.cm-mirror-pane__param-description,\n.cm-mirror-pane__no-params {\n color: hsl(var(--muted-foreground));\n font-size: 0.86rem;\n line-height: 1.4;\n}\n\n.cm-mirror-pane__no-params {\n padding: 1rem;\n text-align: center;\n}\n\n@container (max-width: 22rem) {\n .cm-mirror-pane__io-row,\n .cm-mirror-pane__kv-row,\n .cm-mirror-pane__pricing-header,\n .cm-mirror-pane__tool-toggle {\n align-items: flex-start;\n flex-direction: column;\n gap: 0.35rem;\n }\n\n .cm-mirror-pane__kv-value {\n text-align: left;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-mirror-pane__toolbar-btn {\n transition-duration: 0.01ms !important;\n }\n}\n";
7
7
  //# sourceMappingURL=styles.d.ts.map
package/dist/mirror/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/mirror/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,YAAY,kiUAgcxB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/mirror/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,YAAY,onUAicxB,CAAC"}
package/dist/mirror/styles.js CHANGED
@@ -103,9 +103,9 @@ export const mirrorStyles = /* css */ `
103
103
  min-height: 0;
104
104
  display: flex;
105
105
  flex-direction: column;
106
- gap: clamp(0.75rem, 3cqi, 1rem);
106
+ gap: clamp(0.85rem, 3cqi, 1.08rem);
107
107
  overflow: visible;
108
- padding: clamp(0.75rem, 3cqi, 1rem);
108
+ padding: clamp(0.85rem, 3cqi, 1.08rem);
109
109
  }
110
110
 
111
111
  .cm-mirror-pane__footer {
@@ -151,8 +151,8 @@ export const mirrorStyles = /* css */ `
151
151
 
152
152
  .cm-mirror-pane__model-icon-box {
153
153
  display: grid;
154
- width: 2.65rem;
155
- height: 2.65rem;
154
+ width: clamp(2.85rem, 8cqi, 3.35rem);
155
+ height: clamp(2.85rem, 8cqi, 3.35rem);
156
156
  place-items: center;
157
157
  flex: 0 0 auto;
158
158
  border: 1px solid hsl(var(--primary) / 0.24);
@@ -187,7 +187,7 @@ export const mirrorStyles = /* css */ `
187
187
  margin: 0;
188
188
  color: hsl(var(--foreground));
189
189
  font-family: var(--font-display), sans-serif;
190
- font-size: clamp(0.98rem, 4cqi, 1.14rem);
190
+ font-size: clamp(1.06rem, 4cqi, 1.24rem);
191
191
  font-weight: 800;
192
192
  line-height: 1.08;
193
193
  overflow-wrap: anywhere;
@@ -203,14 +203,14 @@ export const mirrorStyles = /* css */ `
203
203
  .cm-mirror-pane__badge {
204
204
  display: inline-flex;
205
205
  align-items: center;
206
- min-height: 1.35rem;
206
+ min-height: 1.58rem;
207
207
  border: 1px solid hsl(var(--primary) / 0.18);
208
208
  border-radius: 999px;
209
209
  background: hsl(var(--primary) / 0.08);
210
210
  color: hsl(var(--primary));
211
- padding: 0 0.45rem;
211
+ padding: 0 0.58rem;
212
212
  font-family: var(--font-mono), monospace;
213
- font-size: 0.6rem;
213
+ font-size: 0.7rem;
214
214
  font-weight: 700;
215
215
  letter-spacing: 0.06em;
216
216
  text-transform: uppercase;
@@ -245,7 +245,7 @@ export const mirrorStyles = /* css */ `
245
245
  margin: 0;
246
246
  color: hsl(var(--muted-foreground));
247
247
  font-family: var(--font-mono), monospace;
248
- font-size: 0.72rem;
248
+ font-size: 0.82rem;
249
249
  line-height: 1.35;
250
250
  overflow-wrap: anywhere;
251
251
  }
@@ -270,9 +270,10 @@ export const mirrorStyles = /* css */ `
270
270
 
271
271
  .cm-mirror-pane__description,
272
272
  .cm-mirror-pane__description--clamped {
273
- padding: 0.75rem;
273
+ padding: 0.82rem 0.9rem;
274
274
  color: hsl(var(--muted-foreground));
275
- line-height: 1.5;
275
+ font-size: 0.92rem;
276
+ line-height: 1.55;
276
277
  }
277
278
 
278
279
  .cm-mirror-pane__section {
@@ -290,7 +291,7 @@ export const mirrorStyles = /* css */ `
290
291
  .cm-mirror-pane__tool-group-label {
291
292
  color: hsl(var(--muted-foreground));
292
293
  font-family: var(--font-mono), monospace;
293
- font-size: 0.68rem;
294
+ font-size: 0.74rem;
294
295
  font-weight: 800;
295
296
  letter-spacing: 0.1em;
296
297
  text-transform: uppercase;
@@ -316,7 +317,7 @@ export const mirrorStyles = /* css */ `
316
317
  flex: 0 0 auto;
317
318
  color: hsl(var(--muted-foreground));
318
319
  font-family: var(--font-mono), monospace;
319
- font-size: 0.7rem;
320
+ font-size: 0.76rem;
320
321
  }
321
322
 
322
323
  .cm-mirror-pane__io-badges,
@@ -339,7 +340,7 @@ export const mirrorStyles = /* css */ `
339
340
  min-width: 0;
340
341
  color: hsl(var(--foreground));
341
342
  font-family: var(--font-mono), monospace;
342
- font-size: 0.74rem;
343
+ font-size: 0.82rem;
343
344
  text-align: right;
344
345
  overflow-wrap: anywhere;
345
346
  }
@@ -356,7 +357,7 @@ export const mirrorStyles = /* css */ `
356
357
  .cm-mirror-pane__pricing-unit {
357
358
  color: hsl(var(--muted-foreground) / 0.72);
358
359
  font-family: var(--font-mono), monospace;
359
- font-size: 0.64rem;
360
+ font-size: 0.72rem;
360
361
  letter-spacing: 0.08em;
361
362
  text-transform: uppercase;
362
363
  }
@@ -398,7 +399,7 @@ export const mirrorStyles = /* css */ `
398
399
  padding: 0.72rem;
399
400
  color: hsl(var(--foreground));
400
401
  font-family: var(--font-mono), monospace;
401
- font-size: 0.78rem;
402
+ font-size: 0.86rem;
402
403
  resize: vertical;
403
404
  }
404
405
 
@@ -407,7 +408,7 @@ export const mirrorStyles = /* css */ `
407
408
  min-height: 2.45rem;
408
409
  color: hsl(var(--foreground));
409
410
  font-family: var(--font-mono), monospace;
410
- font-size: 0.78rem;
411
+ font-size: 0.86rem;
411
412
  }
412
413
 
413
414
  .cm-mirror-pane__field:focus,
@@ -422,7 +423,7 @@ export const mirrorStyles = /* css */ `
422
423
  .cm-mirror-pane__param-description,
423
424
  .cm-mirror-pane__no-params {
424
425
  color: hsl(var(--muted-foreground));
425
- font-size: 0.78rem;
426
+ font-size: 0.86rem;
426
427
  line-height: 1.4;
427
428
  }
428
429
 
package/dist/mirror/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/mirror/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgcrC,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/mirror/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAicrC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@compose-market/theme",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "description": "Official design tokens and theme system for Compose.Market",
5
5
  "keywords": [
6
6
  "design-tokens",