@compose-market/theme 0.0.98 → 0.0.99

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 +112 -1
  7. package/dist/workflows/index.d.ts +10 -0
  8. package/dist/workflows/index.d.ts.map +1 -1
  9. package/dist/workflows/index.js +3 -0
  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 +112 -1
  14. package/dist/workflows/styles.js.map +1 -1
  15. package/package.json +2 -2
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
  }
package/dist/css/workflows.css CHANGED
@@ -590,7 +590,118 @@
590
590
  }
591
591
 
592
592
  @media (min-width: 640px) {
593
- .cm-workflow-card__agent-preview-model {
593
+ .cm-workflow-card__agent-preview-model {
594
+ font-size: 12px;
595
+ }
596
+ }
597
+
598
+ /* Plan review shell */
599
+ .cm-plan-review {
600
+ display: flex;
601
+ flex-direction: column;
602
+ gap: 10px;
603
+ border: 1px solid hsl(var(--accent) / 0.34);
604
+ border-radius: 8px;
605
+ background: hsl(var(--card) / 0.96);
606
+ padding: 12px;
607
+ box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.05);
608
+ }
609
+
610
+ .cm-plan-review[data-state="approved"],
611
+ .cm-plan-review[data-state="completed"] {
612
+ border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.42);
613
+ }
614
+
615
+ .cm-plan-review[data-state="rejected"],
616
+ .cm-plan-review[data-state="failed"] {
617
+ border-color: hsl(0 84% 62% / 0.44);
618
+ }
619
+
620
+ .cm-plan-review[data-state="changes_requested"] {
621
+ border-color: hsl(38 92% 55% / 0.5);
622
+ }
623
+
624
+ .cm-plan-review__header {
625
+ display: flex;
626
+ align-items: flex-start;
627
+ justify-content: space-between;
628
+ gap: 12px;
629
+ }
630
+
631
+ .cm-plan-review__copy {
632
+ min-width: 0;
633
+ flex: 1;
634
+ }
635
+
636
+ .cm-plan-review__title-row {
637
+ display: flex;
638
+ align-items: center;
639
+ gap: 8px;
640
+ min-width: 0;
641
+ }
642
+
643
+ .cm-plan-review__title {
644
+ margin: 0;
645
+ color: hsl(var(--foreground));
646
+ font-size: 13px;
647
+ font-weight: 650;
648
+ line-height: 1.25;
649
+ }
650
+
651
+ .cm-plan-review__state {
652
+ border: 1px solid hsl(var(--accent) / 0.3);
653
+ border-radius: 4px;
654
+ padding: 2px 6px;
655
+ color: hsl(var(--accent));
656
+ background: hsl(var(--accent) / 0.08);
657
+ font-family: var(--font-mono, monospace);
658
+ font-size: 10px;
659
+ line-height: 1.2;
660
+ text-transform: uppercase;
661
+ }
662
+
663
+ .cm-plan-review__subtitle {
664
+ margin-top: 4px;
665
+ color: hsl(var(--muted-foreground));
666
+ font-size: 11px;
667
+ line-height: 1.35;
668
+ }
669
+
670
+ .cm-plan-review__metadata {
671
+ display: flex;
672
+ flex-wrap: wrap;
673
+ justify-content: flex-end;
674
+ gap: 6px;
675
+ color: hsl(var(--muted-foreground));
676
+ font-family: var(--font-mono, monospace);
677
+ font-size: 10px;
678
+ }
679
+
680
+ .cm-plan-review__body {
681
+ min-width: 0;
682
+ border-top: 1px solid hsl(var(--sidebar-border));
683
+ padding-top: 10px;
684
+ }
685
+
686
+ .cm-plan-review__actions {
687
+ display: flex;
688
+ flex-wrap: wrap;
689
+ gap: 8px;
690
+ justify-content: flex-end;
691
+ border-top: 1px solid hsl(var(--sidebar-border));
692
+ padding-top: 10px;
693
+ }
694
+
695
+ @media (min-width: 640px) {
696
+ .cm-plan-review {
697
+ padding: 14px;
698
+ }
699
+
700
+ .cm-plan-review__title {
701
+ font-size: 14px;
702
+ }
703
+
704
+ .cm-plan-review__subtitle {
594
705
  font-size: 12px;
595
706
  }
596
707
  }
package/dist/workflows/index.d.ts CHANGED
@@ -62,4 +62,14 @@ export interface ComposeWorkflowFoldDetailProps {
62
62
  }
63
63
  export declare function ComposeWorkflowFoldDetail({ backSlot, children, className, }: ComposeWorkflowFoldDetailProps): React.JSX.Element;
64
64
  export declare function ComposeWorkflowCardSkeleton(): React.JSX.Element;
65
+ export interface PlanReviewProps {
66
+ title?: React.ReactNode;
67
+ subtitle?: React.ReactNode;
68
+ state?: string;
69
+ metadata?: React.ReactNode;
70
+ actions?: React.ReactNode;
71
+ children: React.ReactNode;
72
+ className?: string;
73
+ }
74
+ export declare function PlanReview({ title, subtitle, state, metadata, actions, children, className, }: PlanReviewProps): React.JSX.Element;
65
75
  //# sourceMappingURL=index.d.ts.map
package/dist/workflows/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,WAAW,wBAAwB;IACvC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,iBAAiB;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sBAAsB;IACtB,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,uCAAuC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,oBAAoB;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,uBAAuB;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,kBAAkB;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,EACT,YAAY,EACZ,MAAM,EACN,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,MAAM,EACN,WAAW,EACX,SAAS,GACV,EAAE,wBAAwB,qBA+G1B;AAID,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,4BAA4B,qBAU9B;AAID,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,8BAA8B,qBAOhC;AAID,wBAAgB,2BAA2B,sBAuB1C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"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"}
package/dist/workflows/index.js CHANGED
@@ -14,4 +14,7 @@ export function ComposeWorkflowFoldDetail({ backSlot, children, className, }) {
14
14
  export function ComposeWorkflowCardSkeleton() {
15
15
  return (_jsxs("div", { className: "cm-workflow-card-skeleton", children: [_jsx("div", { className: "cm-workflow-card-skeleton__banner" }), _jsxs("div", { className: "cm-workflow-card-skeleton__body", children: [_jsxs("div", { className: "cm-workflow-card-skeleton__row", children: [_jsx("div", { className: "cm-workflow-card-skeleton__block", style: { width: 20, height: 20 } }), _jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8 }, children: [_jsx("div", { className: "cm-workflow-card-skeleton__block", style: { width: "60%", height: 20 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { width: "100%", height: 16 } })] })] }), _jsxs("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, 1fr)", gap: 8 }, children: [_jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } })] }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 56 } }), _jsx("div", { className: "cm-workflow-card-skeleton__block", style: { height: 80 } })] })] }));
16
16
  }
17
+ export function PlanReview({ title = "Plan review", subtitle, state, metadata, actions, children, className, }) {
18
+ return (_jsxs("section", { className: cx("cm-plan-review", className), "data-state": state, children: [_jsxs("div", { className: "cm-plan-review__header", children: [_jsxs("div", { className: "cm-plan-review__copy", children: [_jsxs("div", { className: "cm-plan-review__title-row", children: [_jsx("h3", { className: "cm-plan-review__title", children: title }), state && _jsx("span", { className: "cm-plan-review__state", children: state })] }), subtitle && _jsx("div", { className: "cm-plan-review__subtitle", children: subtitle })] }), metadata && _jsx("div", { className: "cm-plan-review__metadata", children: metadata })] }), _jsx("div", { className: "cm-plan-review__body", children: children }), actions && _jsx("div", { className: "cm-plan-review__actions", children: actions })] }));
19
+ }
17
20
  //# sourceMappingURL=index.js.map
package/dist/workflows/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"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"}
package/dist/workflows/styles.d.ts CHANGED
@@ -4,5 +4,5 @@
4
4
  * BEM classes for the ComposeWorkflowCard shell component.
5
5
  * Mirrors the structure of agents/styles.ts.
6
6
  */
7
- export declare const workflowStyles = "\n/* \u2500\u2500 Workflow Card \u2500\u2500 */\n.cm-workflow-card {\n display: flex;\n flex-direction: column;\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 8px;\n background: hsl(var(--card));\n overflow: hidden;\n height: 100%;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.cm-workflow-card--interactive {\n cursor: pointer;\n}\n\n.cm-workflow-card--interactive:hover {\n border-color: hsl(var(--accent) / 0.6);\n box-shadow: 0 0 18px hsl(var(--accent) / 0.08);\n}\n\n/* Banner */\n.cm-workflow-card__banner {\n height: 80px;\n background-size: cover;\n background-position: center;\n flex-shrink: 0;\n}\n\n.cm-workflow-card__banner--placeholder {\n background: linear-gradient(135deg, hsl(var(--accent) / 0.2), hsl(var(--primary) / 0.1), transparent);\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__banner {\n height: 96px;\n }\n}\n\n/* Body */\n.cm-workflow-card__body {\n padding: 12px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n flex: 1;\n overflow-y: auto;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__body {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__body {\n padding: 20px;\n gap: 16px;\n }\n}\n\n/* Header */\n.cm-workflow-card__header {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__header {\n gap: 12px;\n }\n}\n\n.cm-workflow-card__header-copy {\n flex: 1;\n min-width: 0;\n}\n\n.cm-workflow-card__title-row {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__title-row {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__icon {\n width: 16px;\n height: 16px;\n color: hsl(var(--accent));\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__icon {\n width: 20px;\n height: 20px;\n }\n}\n\n.cm-workflow-card__title {\n font-weight: 600;\n color: hsl(var(--foreground));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__title {\n font-size: 16px;\n }\n}\n\n.cm-workflow-card__description {\n color: hsl(var(--muted-foreground));\n font-size: 12px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin-top: 4px;\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__description {\n font-size: 14px;\n }\n}\n\n/* Badges */\n.cm-workflow-card__badges {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__badges {\n gap: 6px;\n }\n}\n\n/* Stats Grid */\n.cm-workflow-card__stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stats {\n grid-template-columns: repeat(4, 1fr);\n gap: 8px;\n }\n}\n\n.cm-workflow-card__stat {\n padding: 6px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n text-align: center;\n cursor: default;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat {\n padding: 8px;\n }\n}\n\n.cm-workflow-card__stat-icon {\n margin: 0 auto;\n width: 14px;\n height: 14px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__stat-value {\n font-family: var(--font-mono, monospace);\n font-size: 12px;\n margin-top: 2px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat-value {\n font-size: 14px;\n margin-top: 4px;\n }\n}\n\n/* Coordinator row */\n.cm-workflow-card__coordinator {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator {\n gap: 12px;\n padding: 12px;\n }\n}\n\n.cm-workflow-card__coordinator-icon {\n width: 16px;\n height: 16px;\n color: hsl(var(--accent));\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-icon {\n width: 20px;\n height: 20px;\n }\n}\n\n.cm-workflow-card__coordinator-copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-workflow-card__coordinator-label {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n display: block;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-label {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__coordinator-value {\n font-family: var(--font-mono, monospace);\n font-size: 12px;\n color: hsl(var(--accent));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-value {\n font-size: 14px;\n }\n}\n\n/* Agents section */\n.cm-workflow-card__agents {\n flex: 1;\n min-height: 0;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents {\n padding: 12px;\n }\n}\n\n.cm-workflow-card__agents-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 6px;\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 0.2s ease;\n}\n\n.cm-workflow-card__agents-header:hover {\n opacity: 0.8;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-header {\n margin-bottom: 8px;\n }\n}\n\n.cm-workflow-card__agents-label {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__agents-label-icon {\n width: 14px;\n height: 14px;\n color: hsl(var(--primary));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__agents-label-text {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label-text {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__agents-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n align-content: flex-start;\n overflow-y: auto;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-badges {\n gap: 6px;\n }\n}\n\n/* Lease info */\n.cm-workflow-card__lease {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n font-size: 12px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__lease {\n gap: 16px;\n padding: 12px;\n font-size: 14px;\n }\n}\n\n.cm-workflow-card__lease-item {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__lease-item {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__lease-label {\n color: hsl(var(--muted-foreground));\n}\n\n.cm-workflow-card__lease-value {\n font-family: var(--font-mono, monospace);\n}\n\n/* Endpoint */\n.cm-workflow-card__endpoint-section {\n padding-top: 8px;\n border-top: 1px solid hsl(var(--sidebar-border));\n margin-top: auto;\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-section {\n padding-top: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-header {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-header {\n gap: 8px;\n margin-bottom: 8px;\n }\n}\n\n.cm-workflow-card__endpoint-header-icon {\n width: 14px;\n height: 14px;\n color: hsl(var(--accent));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-header-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__endpoint-label {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-label {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-row {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px;\n background: hsl(var(--background));\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-row {\n gap: 8px;\n padding: 8px;\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-code {\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: hsl(var(--accent));\n}\n\n.cm-workflow-card__creator {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__creator {\n gap: 8px;\n margin-top: 12px;\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__creator-value {\n color: hsl(var(--accent));\n font-family: var(--font-mono, monospace);\n text-decoration: none;\n}\n\n.cm-workflow-card__creator-value:hover {\n text-decoration: underline;\n}\n\n/* Fold: Back header */\n.cm-workflow-card__fold-header {\n padding: 8px;\n border-bottom: 1px solid hsl(var(--sidebar-border));\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__fold-header {\n padding: 12px;\n }\n}\n\n.cm-workflow-card__fold-body {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n\n/* Fold: agent list item */\n.cm-workflow-card__agent-preview {\n width: 100%;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n text-align: left;\n cursor: pointer;\n transition: border-color 0.15s ease, background 0.15s ease;\n}\n\n.cm-workflow-card__agent-preview:hover {\n border-color: hsl(var(--primary) / 0.5);\n background: hsl(var(--primary) / 0.05);\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agent-preview {\n padding: 12px;\n gap: 12px;\n }\n}\n\n.cm-workflow-card__agent-preview-copy {\n flex: 1;\n min-width: 0;\n}\n\n.cm-workflow-card__agent-preview-name {\n font-weight: 500;\n color: hsl(var(--foreground));\n font-size: 12px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: color 0.15s ease;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agent-preview-name {\n font-size: 14px;\n }\n}\n\n.cm-workflow-card__agent-preview:hover .cm-workflow-card__agent-preview-name {\n color: hsl(var(--primary));\n}\n\n.cm-workflow-card__agent-preview-model {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agent-preview-model {\n font-size: 12px;\n }\n}\n\n/* Skeleton */\n.cm-workflow-card-skeleton {\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 8px;\n background: hsl(var(--card));\n overflow: hidden;\n height: 100%;\n}\n\n.cm-workflow-card-skeleton__banner {\n height: 64px;\n background: linear-gradient(135deg, hsl(var(--accent) / 0.2), hsl(var(--primary) / 0.1), transparent);\n}\n\n.cm-workflow-card-skeleton__body {\n padding: 20px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.cm-workflow-card-skeleton__row {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n}\n\n.cm-workflow-card-skeleton__block {\n border-radius: 4px;\n background: hsl(var(--muted));\n animation: cm-skeleton-pulse 1.5s ease-in-out infinite;\n}\n\n@keyframes cm-skeleton-pulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.8; }\n}\n";
7
+ export declare const workflowStyles = "\n/* \u2500\u2500 Workflow Card \u2500\u2500 */\n.cm-workflow-card {\n display: flex;\n flex-direction: column;\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 8px;\n background: hsl(var(--card));\n overflow: hidden;\n height: 100%;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.cm-workflow-card--interactive {\n cursor: pointer;\n}\n\n.cm-workflow-card--interactive:hover {\n border-color: hsl(var(--accent) / 0.6);\n box-shadow: 0 0 18px hsl(var(--accent) / 0.08);\n}\n\n/* Banner */\n.cm-workflow-card__banner {\n height: 80px;\n background-size: cover;\n background-position: center;\n flex-shrink: 0;\n}\n\n.cm-workflow-card__banner--placeholder {\n background: linear-gradient(135deg, hsl(var(--accent) / 0.2), hsl(var(--primary) / 0.1), transparent);\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__banner {\n height: 96px;\n }\n}\n\n/* Body */\n.cm-workflow-card__body {\n padding: 12px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n flex: 1;\n overflow-y: auto;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__body {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__body {\n padding: 20px;\n gap: 16px;\n }\n}\n\n/* Header */\n.cm-workflow-card__header {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__header {\n gap: 12px;\n }\n}\n\n.cm-workflow-card__header-copy {\n flex: 1;\n min-width: 0;\n}\n\n.cm-workflow-card__title-row {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__title-row {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__icon {\n width: 16px;\n height: 16px;\n color: hsl(var(--accent));\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__icon {\n width: 20px;\n height: 20px;\n }\n}\n\n.cm-workflow-card__title {\n font-weight: 600;\n color: hsl(var(--foreground));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__title {\n font-size: 16px;\n }\n}\n\n.cm-workflow-card__description {\n color: hsl(var(--muted-foreground));\n font-size: 12px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin-top: 4px;\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__description {\n font-size: 14px;\n }\n}\n\n/* Badges */\n.cm-workflow-card__badges {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__badges {\n gap: 6px;\n }\n}\n\n/* Stats Grid */\n.cm-workflow-card__stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stats {\n grid-template-columns: repeat(4, 1fr);\n gap: 8px;\n }\n}\n\n.cm-workflow-card__stat {\n padding: 6px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n text-align: center;\n cursor: default;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat {\n padding: 8px;\n }\n}\n\n.cm-workflow-card__stat-icon {\n margin: 0 auto;\n width: 14px;\n height: 14px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__stat-value {\n font-family: var(--font-mono, monospace);\n font-size: 12px;\n margin-top: 2px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat-value {\n font-size: 14px;\n margin-top: 4px;\n }\n}\n\n/* Coordinator row */\n.cm-workflow-card__coordinator {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator {\n gap: 12px;\n padding: 12px;\n }\n}\n\n.cm-workflow-card__coordinator-icon {\n width: 16px;\n height: 16px;\n color: hsl(var(--accent));\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-icon {\n width: 20px;\n height: 20px;\n }\n}\n\n.cm-workflow-card__coordinator-copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-workflow-card__coordinator-label {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n display: block;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-label {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__coordinator-value {\n font-family: var(--font-mono, monospace);\n font-size: 12px;\n color: hsl(var(--accent));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-value {\n font-size: 14px;\n }\n}\n\n/* Agents section */\n.cm-workflow-card__agents {\n flex: 1;\n min-height: 0;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents {\n padding: 12px;\n }\n}\n\n.cm-workflow-card__agents-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 6px;\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 0.2s ease;\n}\n\n.cm-workflow-card__agents-header:hover {\n opacity: 0.8;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-header {\n margin-bottom: 8px;\n }\n}\n\n.cm-workflow-card__agents-label {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__agents-label-icon {\n width: 14px;\n height: 14px;\n color: hsl(var(--primary));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__agents-label-text {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label-text {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__agents-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n align-content: flex-start;\n overflow-y: auto;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-badges {\n gap: 6px;\n }\n}\n\n/* Lease info */\n.cm-workflow-card__lease {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n font-size: 12px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__lease {\n gap: 16px;\n padding: 12px;\n font-size: 14px;\n }\n}\n\n.cm-workflow-card__lease-item {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__lease-item {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__lease-label {\n color: hsl(var(--muted-foreground));\n}\n\n.cm-workflow-card__lease-value {\n font-family: var(--font-mono, monospace);\n}\n\n/* Endpoint */\n.cm-workflow-card__endpoint-section {\n padding-top: 8px;\n border-top: 1px solid hsl(var(--sidebar-border));\n margin-top: auto;\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-section {\n padding-top: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-header {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-header {\n gap: 8px;\n margin-bottom: 8px;\n }\n}\n\n.cm-workflow-card__endpoint-header-icon {\n width: 14px;\n height: 14px;\n color: hsl(var(--accent));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-header-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__endpoint-label {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-label {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-row {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px;\n background: hsl(var(--background));\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-row {\n gap: 8px;\n padding: 8px;\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-code {\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: hsl(var(--accent));\n}\n\n.cm-workflow-card__creator {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__creator {\n gap: 8px;\n margin-top: 12px;\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__creator-value {\n color: hsl(var(--accent));\n font-family: var(--font-mono, monospace);\n text-decoration: none;\n}\n\n.cm-workflow-card__creator-value:hover {\n text-decoration: underline;\n}\n\n/* Fold: Back header */\n.cm-workflow-card__fold-header {\n padding: 8px;\n border-bottom: 1px solid hsl(var(--sidebar-border));\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__fold-header {\n padding: 12px;\n }\n}\n\n.cm-workflow-card__fold-body {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n\n/* Fold: agent list item */\n.cm-workflow-card__agent-preview {\n width: 100%;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n text-align: left;\n cursor: pointer;\n transition: border-color 0.15s ease, background 0.15s ease;\n}\n\n.cm-workflow-card__agent-preview:hover {\n border-color: hsl(var(--primary) / 0.5);\n background: hsl(var(--primary) / 0.05);\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agent-preview {\n padding: 12px;\n gap: 12px;\n }\n}\n\n.cm-workflow-card__agent-preview-copy {\n flex: 1;\n min-width: 0;\n}\n\n.cm-workflow-card__agent-preview-name {\n font-weight: 500;\n color: hsl(var(--foreground));\n font-size: 12px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: color 0.15s ease;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agent-preview-name {\n font-size: 14px;\n }\n}\n\n.cm-workflow-card__agent-preview:hover .cm-workflow-card__agent-preview-name {\n color: hsl(var(--primary));\n}\n\n.cm-workflow-card__agent-preview-model {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n@media (min-width: 640px) {\n.cm-workflow-card__agent-preview-model {\n font-size: 12px;\n }\n}\n\n/* Plan review shell */\n.cm-plan-review {\n display: flex;\n flex-direction: column;\n gap: 10px;\n border: 1px solid hsl(var(--accent) / 0.34);\n border-radius: 8px;\n background: hsl(var(--card) / 0.96);\n padding: 12px;\n box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.05);\n}\n\n.cm-plan-review[data-state=\"approved\"],\n.cm-plan-review[data-state=\"completed\"] {\n border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.42);\n}\n\n.cm-plan-review[data-state=\"rejected\"],\n.cm-plan-review[data-state=\"failed\"] {\n border-color: hsl(0 84% 62% / 0.44);\n}\n\n.cm-plan-review[data-state=\"changes_requested\"] {\n border-color: hsl(38 92% 55% / 0.5);\n}\n\n.cm-plan-review__header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n}\n\n.cm-plan-review__copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-plan-review__title-row {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n}\n\n.cm-plan-review__title {\n margin: 0;\n color: hsl(var(--foreground));\n font-size: 13px;\n font-weight: 650;\n line-height: 1.25;\n}\n\n.cm-plan-review__state {\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 4px;\n padding: 2px 6px;\n color: hsl(var(--accent));\n background: hsl(var(--accent) / 0.08);\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n line-height: 1.2;\n text-transform: uppercase;\n}\n\n.cm-plan-review__subtitle {\n margin-top: 4px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.35;\n}\n\n.cm-plan-review__metadata {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-plan-review__body {\n min-width: 0;\n border-top: 1px solid hsl(var(--sidebar-border));\n padding-top: 10px;\n}\n\n.cm-plan-review__actions {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: flex-end;\n border-top: 1px solid hsl(var(--sidebar-border));\n padding-top: 10px;\n}\n\n@media (min-width: 640px) {\n .cm-plan-review {\n padding: 14px;\n }\n\n .cm-plan-review__title {\n font-size: 14px;\n }\n\n .cm-plan-review__subtitle {\n font-size: 12px;\n }\n}\n\n/* Skeleton */\n.cm-workflow-card-skeleton {\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 8px;\n background: hsl(var(--card));\n overflow: hidden;\n height: 100%;\n}\n\n.cm-workflow-card-skeleton__banner {\n height: 64px;\n background: linear-gradient(135deg, hsl(var(--accent) / 0.2), hsl(var(--primary) / 0.1), transparent);\n}\n\n.cm-workflow-card-skeleton__body {\n padding: 20px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.cm-workflow-card-skeleton__row {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n}\n\n.cm-workflow-card-skeleton__block {\n border-radius: 4px;\n background: hsl(var(--muted));\n animation: cm-skeleton-pulse 1.5s ease-in-out infinite;\n}\n\n@keyframes cm-skeleton-pulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.8; }\n}\n";
8
8
  //# sourceMappingURL=styles.d.ts.map
package/dist/workflows/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,yxXA0nB1B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,ugcAyuB1B,CAAC"}
package/dist/workflows/styles.js CHANGED
@@ -596,7 +596,118 @@ export const workflowStyles = /* css */ `
596
596
  }
597
597
 
598
598
  @media (min-width: 640px) {
599
- .cm-workflow-card__agent-preview-model {
599
+ .cm-workflow-card__agent-preview-model {
600
+ font-size: 12px;
601
+ }
602
+ }
603
+
604
+ /* Plan review shell */
605
+ .cm-plan-review {
606
+ display: flex;
607
+ flex-direction: column;
608
+ gap: 10px;
609
+ border: 1px solid hsl(var(--accent) / 0.34);
610
+ border-radius: 8px;
611
+ background: hsl(var(--card) / 0.96);
612
+ padding: 12px;
613
+ box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.05);
614
+ }
615
+
616
+ .cm-plan-review[data-state="approved"],
617
+ .cm-plan-review[data-state="completed"] {
618
+ border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.42);
619
+ }
620
+
621
+ .cm-plan-review[data-state="rejected"],
622
+ .cm-plan-review[data-state="failed"] {
623
+ border-color: hsl(0 84% 62% / 0.44);
624
+ }
625
+
626
+ .cm-plan-review[data-state="changes_requested"] {
627
+ border-color: hsl(38 92% 55% / 0.5);
628
+ }
629
+
630
+ .cm-plan-review__header {
631
+ display: flex;
632
+ align-items: flex-start;
633
+ justify-content: space-between;
634
+ gap: 12px;
635
+ }
636
+
637
+ .cm-plan-review__copy {
638
+ min-width: 0;
639
+ flex: 1;
640
+ }
641
+
642
+ .cm-plan-review__title-row {
643
+ display: flex;
644
+ align-items: center;
645
+ gap: 8px;
646
+ min-width: 0;
647
+ }
648
+
649
+ .cm-plan-review__title {
650
+ margin: 0;
651
+ color: hsl(var(--foreground));
652
+ font-size: 13px;
653
+ font-weight: 650;
654
+ line-height: 1.25;
655
+ }
656
+
657
+ .cm-plan-review__state {
658
+ border: 1px solid hsl(var(--accent) / 0.3);
659
+ border-radius: 4px;
660
+ padding: 2px 6px;
661
+ color: hsl(var(--accent));
662
+ background: hsl(var(--accent) / 0.08);
663
+ font-family: var(--font-mono, monospace);
664
+ font-size: 10px;
665
+ line-height: 1.2;
666
+ text-transform: uppercase;
667
+ }
668
+
669
+ .cm-plan-review__subtitle {
670
+ margin-top: 4px;
671
+ color: hsl(var(--muted-foreground));
672
+ font-size: 11px;
673
+ line-height: 1.35;
674
+ }
675
+
676
+ .cm-plan-review__metadata {
677
+ display: flex;
678
+ flex-wrap: wrap;
679
+ justify-content: flex-end;
680
+ gap: 6px;
681
+ color: hsl(var(--muted-foreground));
682
+ font-family: var(--font-mono, monospace);
683
+ font-size: 10px;
684
+ }
685
+
686
+ .cm-plan-review__body {
687
+ min-width: 0;
688
+ border-top: 1px solid hsl(var(--sidebar-border));
689
+ padding-top: 10px;
690
+ }
691
+
692
+ .cm-plan-review__actions {
693
+ display: flex;
694
+ flex-wrap: wrap;
695
+ gap: 8px;
696
+ justify-content: flex-end;
697
+ border-top: 1px solid hsl(var(--sidebar-border));
698
+ padding-top: 10px;
699
+ }
700
+
701
+ @media (min-width: 640px) {
702
+ .cm-plan-review {
703
+ padding: 14px;
704
+ }
705
+
706
+ .cm-plan-review__title {
707
+ font-size: 14px;
708
+ }
709
+
710
+ .cm-plan-review__subtitle {
600
711
  font-size: 12px;
601
712
  }
602
713
  }
package/dist/workflows/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0nBvC,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyuBvC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@compose-market/theme",
3
- "version": "0.0.98",
3
+ "version": "0.0.99",
4
4
  "description": "Official design tokens and theme system for Compose.Market",
5
5
  "keywords": [
6
6
  "design-tokens",
@@ -171,4 +171,4 @@
171
171
  "access": "public"
172
172
  },
173
173
  "module": "./dist/index.js"
174
- }
174
+ }