@compose-market/theme 0.0.6 → 0.0.72

package/dist/agents/index.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+export interface ComposeAgentBadge {
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    tone?: "neutral" | "cyan" | "green" | "fuchsia" | "warning" | "danger";
+}
+export interface ComposeAgentMetric {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    icon?: React.ReactNode;
+    tone?: "neutral" | "cyan" | "green" | "fuchsia" | "warning" | "danger";
+}
+export interface ComposeAgentTag {
+    label: React.ReactNode;
+    title?: string;
+}
+export interface ComposeAgentMetaRow {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+export interface ComposeAgentCardProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+    avatarAlt?: string;
+    avatarFallback: React.ReactNode;
+    avatarSrc?: string | null;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    badges?: ComposeAgentBadge[];
+    metrics?: ComposeAgentMetric[];
+    focusLabel?: React.ReactNode;
+    focusValue?: React.ReactNode;
+    focusIcon?: React.ReactNode;
+    tagsTitle?: React.ReactNode;
+    tags?: ComposeAgentTag[];
+    metaRows?: ComposeAgentMetaRow[];
+    footer?: React.ReactNode;
+    actions?: React.ReactNode;
+    headerAction?: React.ReactNode;
+    status?: "default" | "running";
+    interactive?: boolean;
+}
+export declare function ComposeAgentCard({ avatarAlt, avatarFallback, avatarSrc, title, description, badges, metrics, focusLabel, focusValue, focusIcon, tagsTitle, tags, metaRows, footer, actions, headerAction, status, interactive, className, ...props }: ComposeAgentCardProps): import("react/jsx-runtime").JSX.Element;
+export interface ComposeAgentCardSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    showTags?: boolean;
+    showFooter?: boolean;
+}
+export declare function ComposeAgentCardSkeleton({ className, showTags, showFooter, ...props }: ComposeAgentCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/agents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CACxE;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CACxE;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,WAAW,EACX,MAAW,EACX,OAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAmB,EACnB,IAAS,EACT,QAAa,EACb,MAAM,EACN,OAAO,EACP,YAAY,EACZ,MAAkB,EAClB,WAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA8FvB;AAED,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,QAAe,EACf,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,6BAA6B,2CAwB/B"}

package/dist/agents/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../internal/cx";
+function tone(value) {
+    return value || "neutral";
+}
+export function ComposeAgentCard({ avatarAlt, avatarFallback, avatarSrc, title, description, badges = [], metrics = [], focusLabel, focusValue, focusIcon, tagsTitle = "Tools", tags = [], metaRows = [], footer, actions, headerAction, status = "default", interactive = false, className, ...props }) {
+    return (_jsxs("article", { className: cx("cm-agent-card", status === "running" && "cm-agent-card--running", interactive && "cm-agent-card--interactive", className), ...props, children: [_jsxs("div", { className: "cm-agent-card__main", children: [_jsxs("div", { className: "cm-agent-card__header", children: [_jsx("div", { className: "cm-agent-card__avatar", "aria-hidden": avatarSrc ? undefined : true, children: avatarSrc ? (_jsx("img", { src: avatarSrc, alt: avatarAlt || "", className: "cm-agent-card__avatar-image" })) : (_jsx("span", { className: "cm-agent-card__avatar-fallback", children: avatarFallback })) }), _jsxs("div", { className: "cm-agent-card__copy", children: [_jsxs("div", { className: "cm-agent-card__title-row", children: [_jsx("h3", { className: "cm-agent-card__title", children: title }), headerAction ? _jsx("div", { className: "cm-agent-card__header-action", children: headerAction }) : null] }), description ? _jsx("p", { className: "cm-agent-card__description", children: description }) : null] })] }), badges.length > 0 ? (_jsx("div", { className: "cm-agent-card__badges", children: badges.map((badge, index) => (_jsxs("span", { className: "cm-agent-card__badge", "data-tone": tone(badge.tone), children: [badge.icon ? _jsx("span", { className: "cm-agent-card__badge-icon", children: badge.icon }) : null, _jsx("span", { children: badge.label })] }, index))) })) : null, metrics.length > 0 ? (_jsx("div", { className: "cm-agent-card__metrics", children: metrics.map((metric, index) => (_jsxs("div", { className: "cm-agent-card__metric", "data-tone": tone(metric.tone), children: [metric.icon ? _jsx("div", { className: "cm-agent-card__metric-icon", children: metric.icon }) : null, _jsxs("div", { className: "cm-agent-card__metric-copy", children: [_jsx("span", { className: "cm-agent-card__metric-label", children: metric.label }), _jsx("strong", { className: "cm-agent-card__metric-value", children: metric.value })] })] }, index))) })) : null, focusValue ? (_jsxs("div", { className: "cm-agent-card__focus", children: [focusIcon ? _jsx("div", { className: "cm-agent-card__focus-icon", children: focusIcon }) : null, _jsxs("div", { className: "cm-agent-card__focus-copy", children: [focusLabel ? _jsx("span", { className: "cm-agent-card__focus-label", children: focusLabel }) : null, _jsx("strong", { className: "cm-agent-card__focus-value", children: focusValue })] })] })) : null, tags.length > 0 ? (_jsxs("div", { className: "cm-agent-card__tags-block", children: [_jsx("div", { className: "cm-agent-card__tags-title", children: tagsTitle }), _jsx("div", { className: "cm-agent-card__tags", children: tags.map((tag, index) => (_jsx("span", { className: "cm-agent-card__tag", title: tag.title, children: tag.label }, index))) })] })) : null, metaRows.length > 0 ? (_jsx("div", { className: "cm-agent-card__meta", children: metaRows.map((row, index) => (_jsxs("div", { className: "cm-agent-card__meta-row", children: [_jsx("span", { className: "cm-agent-card__meta-label", children: row.label }), _jsx("strong", { className: "cm-agent-card__meta-value", children: row.value })] }, index))) })) : null, footer ? _jsx("div", { className: "cm-agent-card__footer", children: footer }) : null] }), actions ? _jsx("div", { className: "cm-agent-card__actions", children: actions }) : null] }));
+}
+export function ComposeAgentCardSkeleton({ className, showTags = true, showFooter = true, ...props }) {
+    return (_jsx("div", { className: cx("cm-agent-card cm-agent-card--skeleton", className), ...props, children: _jsxs("div", { className: "cm-agent-card__main", children: [_jsxs("div", { className: "cm-agent-card__header", children: [_jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--avatar" }), _jsxs("div", { className: "cm-agent-card__copy", children: [_jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--title" }), _jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--line" }), _jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--line short" })] })] }), _jsxs("div", { className: "cm-agent-card__metrics", children: [_jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--metric" }), _jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--metric" }), _jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--metric" }), _jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--metric" })] }), _jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--focus" }), showTags ? _jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--tags" }) : null, showFooter ? _jsx("div", { className: "cm-agent-card__skeleton cm-agent-card__skeleton--footer" }) : null] }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/agents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/agents/index.tsx"],"names":[],"mappings":"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"}

package/dist/agents/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const agentsCss = "/**\n * Compose.Market Agent Card\n * @compose-market/theme/css/agents\n */\n\n.cm-agent-card {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 1rem;\n  border-radius: 0.55rem;\n  border: 1px solid hsl(var(--border) / 0.75);\n  background: linear-gradient(145deg, hsl(var(--card) / 0.82), hsl(var(--card) / 0.48));\n  box-shadow:\n    0 4px 24px -1px hsl(0 0% 0% / 0.3),\n    inset 0 1px 0 hsl(0 0% 100% / 0.05);\n  overflow: hidden;\n}\n\n.cm-agent-card--interactive {\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 16px 36px hsl(240 30% 2% / 0.28),\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--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: 1rem;\n  padding: 1.2rem;\n}\n\n.cm-agent-card__header {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n}\n\n.cm-agent-card__avatar {\n  width: 3.5rem;\n  height: 3.5rem;\n  border-radius: 999px;\n  border: 2px solid hsl(var(--primary) / 0.24);\n  background: radial-gradient(circle, hsl(var(--primary) / 0.12), transparent 72%);\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  overflow: hidden;\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: 1rem;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__copy {\n  display: grid;\n  gap: 0.5rem;\n  min-width: 0;\n  flex: 1;\n}\n\n.cm-agent-card__title-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.6rem;\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}\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.86rem;\n  line-height: 1.55;\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-size: 0.72rem;\n  line-height: 1;\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.8rem 0.9rem;\n  border-radius: 0.35rem;\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-size: 0.68rem;\n  letter-spacing: 0.08em;\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.86rem;\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.95rem 1rem;\n  border-radius: 0.4rem;\n  border: 1px solid hsl(var(--border) / 0.72);\n  background: linear-gradient(135deg, hsl(var(--primary) / 0.12), 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: 0.35rem;\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__actions {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.55rem;\n  padding: 1.2rem 1.2rem 1.2rem 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: 0.75rem;\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: 999px;\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__actions {\n    padding: 0 1.2rem 1.2rem;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n  }\n\n  .cm-agent-card__main {\n    padding: 0.85rem;\n    gap: 0.75rem;\n  }\n\n  .cm-agent-card__metrics {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 0.45rem;\n  }\n\n  .cm-agent-card__metric {\n    padding: 0.6rem 0.7rem;\n  }\n\n  .cm-agent-card__description {\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .cm-agent-card__tags {\n    max-height: 3.5rem;\n    overflow: hidden;\n  }\n\n  .cm-agent-card__avatar {\n    width: 2.5rem;\n    height: 2.5rem;\n  }\n\n  .cm-agent-card__focus {\n    padding: 0.7rem 0.8rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .cm-agent-card__metrics {\n    grid-template-columns: 1fr;\n  }\n\n  .cm-agent-card__focus {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .cm-agent-card__focus-icon {\n    justify-self: center;\n  }\n}\n";
+//# sourceMappingURL=styles.d.ts.map

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

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

package/dist/agents/styles.js

@@ -0,0 +1,470 @@
+export const agentsCss = `/**
+ * Compose.Market Agent Card
+ * @compose-market/theme/css/agents
+ */
+
+.cm-agent-card {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 1rem;
+  border-radius: 0.55rem;
+  border: 1px solid hsl(var(--border) / 0.75);
+  background: linear-gradient(145deg, hsl(var(--card) / 0.82), hsl(var(--card) / 0.48));
+  box-shadow:
+    0 4px 24px -1px hsl(0 0% 0% / 0.3),
+    inset 0 1px 0 hsl(0 0% 100% / 0.05);
+  overflow: hidden;
+}
+
+.cm-agent-card--interactive {
+  transition:
+    transform 180ms ease,
+    border-color 180ms ease,
+    box-shadow 180ms ease;
+}
+
+.cm-agent-card--interactive:hover {
+  transform: translateY(-2px);
+  border-color: hsl(var(--primary) / 0.45);
+  box-shadow:
+    0 16px 36px hsl(240 30% 2% / 0.28),
+    0 0 24px hsl(var(--primary) / 0.14),
+    inset 0 1px 0 hsl(0 0% 100% / 0.05);
+}
+
+.cm-agent-card--running {
+  border-color: hsl(142 71% 45% / 0.48);
+  box-shadow:
+    0 10px 30px hsl(142 71% 45% / 0.08),
+    0 0 24px hsl(142 71% 45% / 0.12),
+    inset 0 1px 0 hsl(0 0% 100% / 0.05);
+}
+
+.cm-agent-card__main {
+  display: grid;
+  gap: 1rem;
+  padding: 1.2rem;
+}
+
+.cm-agent-card__header {
+  display: flex;
+  align-items: flex-start;
+  gap: 1rem;
+}
+
+.cm-agent-card__avatar {
+  width: 3.5rem;
+  height: 3.5rem;
+  border-radius: 999px;
+  border: 2px solid hsl(var(--primary) / 0.24);
+  background: radial-gradient(circle, hsl(var(--primary) / 0.12), transparent 72%);
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.cm-agent-card__avatar-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.cm-agent-card__avatar-fallback {
+  font-family: var(--font-mono), monospace;
+  color: hsl(var(--primary));
+  font-size: 1rem;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.cm-agent-card__copy {
+  display: grid;
+  gap: 0.5rem;
+  min-width: 0;
+  flex: 1;
+}
+
+.cm-agent-card__title-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.6rem;
+}
+
+.cm-agent-card__title {
+  font-family: var(--font-display), sans-serif;
+  font-size: 1.05rem;
+  line-height: 1.1;
+  color: hsl(var(--foreground));
+  min-width: 0;
+}
+
+.cm-agent-card__header-action {
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.cm-agent-card__description {
+  color: hsl(var(--muted-foreground));
+  font-size: 0.86rem;
+  line-height: 1.55;
+}
+
+.cm-agent-card__badges,
+.cm-agent-card__tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+}
+
+.cm-agent-card__badge,
+.cm-agent-card__tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  min-height: 1.7rem;
+  padding: 0 0.7rem;
+  border-radius: 999px;
+  border: 1px solid hsl(var(--border) / 0.72);
+  background: hsl(var(--muted) / 0.28);
+  color: hsl(var(--muted-foreground));
+  font-size: 0.72rem;
+  line-height: 1;
+}
+
+.cm-agent-card__badge-icon {
+  display: inline-flex;
+  align-items: center;
+}
+
+.cm-agent-card__badge[data-tone="cyan"],
+.cm-agent-card__tag {
+  border-color: hsl(var(--primary) / 0.28);
+  background: hsl(var(--primary) / 0.12);
+  color: hsl(var(--primary));
+}
+
+.cm-agent-card__badge[data-tone="green"] {
+  border-color: hsl(142 71% 45% / 0.28);
+  background: hsl(142 71% 45% / 0.12);
+  color: hsl(142 71% 45%);
+}
+
+.cm-agent-card__badge[data-tone="fuchsia"] {
+  border-color: hsl(292 85% 55% / 0.28);
+  background: hsl(292 85% 55% / 0.12);
+  color: hsl(292 85% 55%);
+}
+
+.cm-agent-card__badge[data-tone="warning"] {
+  border-color: hsl(42 100% 48% / 0.28);
+  background: hsl(42 100% 48% / 0.12);
+  color: hsl(42 100% 48%);
+}
+
+.cm-agent-card__badge[data-tone="danger"] {
+  border-color: hsl(var(--destructive) / 0.28);
+  background: hsl(var(--destructive) / 0.12);
+  color: hsl(var(--destructive));
+}
+
+.cm-agent-card__metrics {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(8.7rem, 1fr));
+  gap: 0.6rem;
+}
+
+.cm-agent-card__metric {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 0.6rem;
+  align-items: center;
+  padding: 0.8rem 0.9rem;
+  border-radius: 0.35rem;
+  border: 1px solid hsl(var(--border) / 0.65);
+  background: hsl(var(--background) / 0.5);
+}
+
+.cm-agent-card__metric-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: hsl(var(--primary));
+}
+
+.cm-agent-card__metric-copy {
+  display: grid;
+  gap: 0.14rem;
+  min-width: 0;
+}
+
+.cm-agent-card__metric-label,
+.cm-agent-card__focus-label,
+.cm-agent-card__tags-title,
+.cm-agent-card__meta-label {
+  color: hsl(var(--muted-foreground));
+  font-size: 0.68rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.cm-agent-card__metric-value,
+.cm-agent-card__focus-value,
+.cm-agent-card__meta-value {
+  color: hsl(var(--foreground));
+  font-family: var(--font-mono), monospace;
+  font-size: 0.86rem;
+  line-height: 1.2;
+  overflow-wrap: anywhere;
+}
+
+.cm-agent-card__metric[data-tone="green"] .cm-agent-card__metric-icon,
+.cm-agent-card__metric[data-tone="green"] .cm-agent-card__metric-value {
+  color: hsl(142 71% 45%);
+}
+
+.cm-agent-card__metric[data-tone="cyan"] .cm-agent-card__metric-icon,
+.cm-agent-card__metric[data-tone="cyan"] .cm-agent-card__metric-value {
+  color: hsl(var(--primary));
+}
+
+.cm-agent-card__metric[data-tone="fuchsia"] .cm-agent-card__metric-icon,
+.cm-agent-card__metric[data-tone="fuchsia"] .cm-agent-card__metric-value {
+  color: hsl(292 85% 55%);
+}
+
+.cm-agent-card__metric[data-tone="warning"] .cm-agent-card__metric-icon,
+.cm-agent-card__metric[data-tone="warning"] .cm-agent-card__metric-value {
+  color: hsl(42 100% 48%);
+}
+
+.cm-agent-card__metric[data-tone="danger"] .cm-agent-card__metric-icon,
+.cm-agent-card__metric[data-tone="danger"] .cm-agent-card__metric-value {
+  color: hsl(var(--destructive));
+}
+
+.cm-agent-card__focus {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 0.7rem;
+  align-items: center;
+  padding: 0.95rem 1rem;
+  border-radius: 0.4rem;
+  border: 1px solid hsl(var(--border) / 0.72);
+  background: linear-gradient(135deg, hsl(var(--primary) / 0.12), transparent 68%);
+}
+
+.cm-agent-card__focus-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: hsl(var(--primary));
+}
+
+.cm-agent-card__focus-copy,
+.cm-agent-card__tags-block {
+  display: grid;
+  gap: 0.35rem;
+}
+
+.cm-agent-card__meta {
+  display: grid;
+  gap: 0.55rem;
+}
+
+.cm-agent-card__meta-row {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.cm-agent-card__footer {
+  padding-top: 0.9rem;
+  border-top: 1px solid hsl(var(--border) / 0.55);
+}
+
+.cm-agent-card__footer-stack {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.cm-agent-card__endpoint,
+.cm-agent-card__creator {
+  display: grid;
+  gap: 0.45rem;
+}
+
+.cm-agent-card__endpoint-label,
+.cm-agent-card__creator-label {
+  color: hsl(var(--muted-foreground));
+  font-size: 0.68rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.cm-agent-card__endpoint-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 0.6rem;
+  align-items: center;
+  padding: 0.65rem 0.75rem;
+  border-radius: 0.35rem;
+  border: 1px solid hsl(var(--border) / 0.65);
+  background: hsl(var(--background) / 0.42);
+}
+
+.cm-agent-card__endpoint-code,
+.cm-agent-card__creator-value {
+  color: hsl(var(--primary));
+  font-family: var(--font-mono), monospace;
+  font-size: 0.78rem;
+  overflow-wrap: anywhere;
+}
+
+.cm-agent-card__creator-value {
+  color: hsl(292 85% 55%);
+}
+
+.cm-agent-card__footer-link {
+  color: hsl(var(--primary));
+  font-size: 0.82rem;
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.cm-agent-card__footer-link:hover {
+  text-decoration: underline;
+}
+
+.cm-agent-card__actions {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.55rem;
+  padding: 1.2rem 1.2rem 1.2rem 0;
+}
+
+.cm-agent-card__action-stack {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.55rem;
+  flex-wrap: wrap;
+}
+
+.cm-agent-card--skeleton {
+  pointer-events: none;
+}
+
+.cm-agent-card__skeleton {
+  border-radius: 0.75rem;
+  background: linear-gradient(90deg, hsl(var(--muted) / 0.55), hsl(var(--muted) / 0.8), hsl(var(--muted) / 0.55));
+  background-size: 220% 100%;
+  animation: cm-agent-card-shimmer 1.6s linear infinite;
+}
+
+.cm-agent-card__skeleton--avatar {
+  width: 3.5rem;
+  height: 3.5rem;
+  border-radius: 999px;
+}
+
+.cm-agent-card__skeleton--title {
+  height: 1.1rem;
+  width: 10rem;
+}
+
+.cm-agent-card__skeleton--line {
+  height: 0.82rem;
+  width: 100%;
+}
+
+.cm-agent-card__skeleton--line.short {
+  width: 76%;
+}
+
+.cm-agent-card__skeleton--metric {
+  min-height: 4.4rem;
+}
+
+.cm-agent-card__skeleton--focus {
+  min-height: 4.3rem;
+}
+
+.cm-agent-card__skeleton--tags {
+  min-height: 5.6rem;
+}
+
+.cm-agent-card__skeleton--footer {
+  min-height: 4.2rem;
+}
+
+@keyframes cm-agent-card-shimmer {
+  0% {
+    background-position: 200% 0;
+  }
+
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+@media (max-width: 720px) {
+  .cm-agent-card__actions {
+    padding: 0 1.2rem 1.2rem;
+    justify-content: flex-end;
+    flex-wrap: wrap;
+  }
+
+  .cm-agent-card__main {
+    padding: 0.85rem;
+    gap: 0.75rem;
+  }
+
+  .cm-agent-card__metrics {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0.45rem;
+  }
+
+  .cm-agent-card__metric {
+    padding: 0.6rem 0.7rem;
+  }
+
+  .cm-agent-card__description {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .cm-agent-card__tags {
+    max-height: 3.5rem;
+    overflow: hidden;
+  }
+
+  .cm-agent-card__avatar {
+    width: 2.5rem;
+    height: 2.5rem;
+  }
+
+  .cm-agent-card__focus {
+    padding: 0.7rem 0.8rem;
+  }
+}
+
+@media (max-width: 480px) {
+  .cm-agent-card__metrics {
+    grid-template-columns: 1fr;
+  }
+
+  .cm-agent-card__focus {
+    grid-template-columns: 1fr;
+    text-align: center;
+  }
+
+  .cm-agent-card__focus-icon {
+    justify-self: center;
+  }
+}
+`;
+//# sourceMappingURL=styles.js.map

package/dist/agents/styles.js.map

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

package/dist/app/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface ComposeAppShellProps extends React.HTMLAttributes<HTMLDivElement> {
+    contentClassName?: string;
+    gridOffsetX?: number;
+    gridOffsetY?: number;
+    showScanline?: boolean;
+}
+export declare function ComposeAppShell({ children, className, contentClassName, gridOffsetX, gridOffsetY, showScanline, ...props }: ComposeAppShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/app/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAe,EACf,WAAe,EACf,YAAmB,EACnB,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAgBtB"}

package/dist/app/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../internal/cx";
+export function ComposeAppShell({ children, className, contentClassName, gridOffsetX = 0, gridOffsetY = 0, showScanline = true, ...props }) {
+    return (_jsxs("div", { className: cx("cm-app-shell", className), ...props, children: [_jsxs("div", { className: "cm-app-shell__backdrop", "aria-hidden": "true", children: [_jsx("div", { className: "cm-app-shell__grid", style: {
+                            transform: `translate(${gridOffsetX}px, ${gridOffsetY}px)`,
+                        } }), _jsx("div", { className: "cm-app-shell__gradient" }), showScanline ? _jsx("div", { className: "cm-app-shell__scanline" }) : null] }), _jsx("div", { className: cx("cm-app-shell__content", contentClassName), children: children })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/app/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/app/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AASpC,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,GAAG,CAAC,EACf,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,IAAI,EACnB,GAAG,KAAK,EACa;IACrB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KAAM,KAAK,aACtD,eAAK,SAAS,EAAC,wBAAwB,iBAAa,MAAM,aACxD,cACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;4BACL,SAAS,EAAE,aAAa,WAAW,OAAO,WAAW,KAAK;yBAC3D,GACD,EACF,cAAK,SAAS,EAAC,wBAAwB,GAAG,EACzC,YAAY,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,wBAAwB,GAAG,CAAC,CAAC,CAAC,IAAI,IAC7D,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,YAAG,QAAQ,GAAO,IAC3E,CACP,CAAC;AACJ,CAAC"}

package/dist/app/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const appCss = "/**\n * Compose.Market App Chrome\n * @compose-market/theme/css/app\n */\n\n.cm-app-shell {\n  position: relative;\n  min-height: 100vh;\n  background: hsl(var(--background));\n  color: hsl(var(--foreground));\n  overflow-x: hidden;\n}\n\n.cm-app-shell__backdrop {\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 0;\n  overflow: hidden;\n}\n\n.cm-app-shell__grid,\n.cm-app-shell__gradient,\n.cm-app-shell__scanline {\n  position: absolute;\n  inset: 0;\n}\n\n.cm-app-shell__grid {\n  background-size: 40px 40px;\n  background-image:\n    linear-gradient(to right, hsl(217 33% 17% / 0.3) 1px, transparent 1px),\n    linear-gradient(to bottom, hsl(217 33% 17% / 0.3) 1px, transparent 1px);\n  transition: transform 140ms linear;\n}\n\n.cm-app-shell__gradient {\n  background-image:\n    radial-gradient(circle at 50% 0%, hsl(270 60% 10% / 0.2), transparent 70%),\n    linear-gradient(to bottom, transparent, hsl(var(--background)));\n}\n\n.cm-app-shell__scanline {\n  top: -100px;\n  height: 100px;\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, hsl(188 95% 43% / 0.05) 50%, rgba(0, 0, 0, 0) 100%);\n  opacity: 0.1;\n  animation: cm-app-scanline 8s linear infinite;\n}\n\n@keyframes cm-app-scanline {\n  0% {\n    transform: translateY(-100px);\n  }\n\n  100% {\n    transform: translateY(calc(100vh + 100px));\n  }\n}\n\n.cm-app-shell__content {\n  position: relative;\n  z-index: 1;\n  min-height: 100vh;\n}\n";
+//# sourceMappingURL=styles.d.ts.map

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

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