@compose-market/theme 0.1.4 → 0.1.6
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.
- package/README.md +2 -2
- package/dist/agents/index.d.ts +5 -24
- package/dist/agents/index.d.ts.map +1 -1
- package/dist/agents/index.js +12 -9
- package/dist/agents/index.js.map +1 -1
- package/dist/agents/styles.d.ts +1 -1
- package/dist/agents/styles.d.ts.map +1 -1
- package/dist/agents/styles.js +110 -736
- package/dist/agents/styles.js.map +1 -1
- package/dist/app/index.d.ts +2 -2
- package/dist/app/index.d.ts.map +1 -1
- package/dist/app/index.js +1 -1
- package/dist/app/index.js.map +1 -1
- package/dist/chain-logos/index.d.ts +345 -5
- package/dist/chain-logos/index.d.ts.map +1 -1
- package/dist/chain-logos/index.js +59 -4
- package/dist/chain-logos/index.js.map +1 -1
- package/dist/css/agents.css +110 -736
- package/dist/css/entity.css +581 -0
- package/dist/css/index.css +1 -0
- package/dist/css/index.d.ts +1 -1
- package/dist/css/index.d.ts.map +1 -1
- package/dist/css/index.js +1 -0
- package/dist/css/index.js.map +1 -1
- package/dist/css/mirror.css +0 -449
- package/dist/css/shell.css +4 -20
- package/dist/css/workflows.css +43 -0
- package/dist/entity/index.d.ts +58 -0
- package/dist/entity/index.d.ts.map +1 -0
- package/dist/entity/index.js +22 -0
- package/dist/entity/index.js.map +1 -0
- package/dist/entity/styles.d.ts +2 -0
- package/dist/entity/styles.d.ts.map +1 -0
- package/dist/entity/styles.js +583 -0
- package/dist/{mirror → entity}/styles.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/mirror/index.d.ts +14 -13
- package/dist/mirror/index.d.ts.map +1 -1
- package/dist/mirror/index.js +7 -9
- package/dist/mirror/index.js.map +1 -1
- package/dist/session/index.d.ts +2 -2
- package/dist/session/index.d.ts.map +1 -1
- package/dist/session/index.js +1 -1
- package/dist/session/index.js.map +1 -1
- package/dist/shell/index.d.ts.map +1 -1
- package/dist/shell/index.js +47 -1
- package/dist/shell/index.js.map +1 -1
- package/dist/shell/styles.d.ts +1 -1
- package/dist/shell/styles.d.ts.map +1 -1
- package/dist/shell/styles.js +4 -20
- package/dist/shell/styles.js.map +1 -1
- package/dist/tailwind/preset.d.ts +4 -4
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +4 -4
- package/dist/tailwind/preset.js.map +1 -1
- package/dist/workflows/index.d.ts +9 -9
- package/dist/workflows/index.d.ts.map +1 -1
- package/dist/workflows/index.js +32 -6
- package/dist/workflows/index.js.map +1 -1
- package/dist/workflows/styles.d.ts +2 -2
- package/dist/workflows/styles.d.ts.map +1 -1
- package/dist/workflows/styles.js +44 -1
- package/dist/workflows/styles.js.map +1 -1
- package/package.json +10 -1
- package/dist/mirror/styles.d.ts +0 -7
- package/dist/mirror/styles.d.ts.map +0 -1
- package/dist/mirror/styles.js +0 -456
package/dist/workflows/index.js
CHANGED
|
@@ -1,18 +1,44 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Card, Skeleton } from "../entity";
|
|
2
3
|
import { cx } from "../internal/cx";
|
|
3
4
|
/* ── Main View ── */
|
|
4
|
-
export function
|
|
5
|
-
|
|
5
|
+
export function WorkflowCard({ bannerSrc, title, description, titleIcon, headerAction, badges, stats, coordinatorIcon, coordinatorLabel, coordinatorValue, agentsCount, agentsIcon, onAgentsFold, agentsFoldChevron, agentsBadges, leaseSlot, endpointSlot, footer, interactive, className, }) {
|
|
6
|
+
const metrics = (stats || []).map((stat) => ({
|
|
7
|
+
label: stat.tooltip || "",
|
|
8
|
+
value: stat.value,
|
|
9
|
+
icon: stat.icon,
|
|
10
|
+
tone: stat.tone,
|
|
11
|
+
}));
|
|
12
|
+
const sections = [];
|
|
13
|
+
if (badges) {
|
|
14
|
+
sections.push({ children: _jsx("div", { className: "cm-workflow-card__badges", children: badges }) });
|
|
15
|
+
}
|
|
16
|
+
if (coordinatorValue) {
|
|
17
|
+
sections.push({
|
|
18
|
+
label: coordinatorLabel || "Coordinator",
|
|
19
|
+
children: (_jsxs("div", { className: "cm-workflow-card__coordinator", children: [coordinatorIcon ? _jsx("span", { className: "cm-workflow-card__coordinator-icon", children: coordinatorIcon }) : null, _jsx("span", { className: "cm-workflow-card__coordinator-value", title: coordinatorValue, children: coordinatorValue })] })),
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
if (agentsCount != null && agentsCount > 0) {
|
|
23
|
+
sections.push({
|
|
24
|
+
children: (_jsxs("div", { className: "cm-workflow-card__agents", children: [_jsxs("button", { type: "button", className: "cm-workflow-card__agents-header", onClick: onAgentsFold, children: [_jsxs("span", { className: "cm-workflow-card__agents-label", children: [agentsIcon ? _jsx("span", { className: "cm-workflow-card__agents-label-icon", children: agentsIcon }) : null, _jsxs("span", { className: "cm-workflow-card__agents-label-text", children: ["Agents (", agentsCount, ")"] })] }), agentsFoldChevron] }), agentsBadges ? _jsx("div", { className: "cm-workflow-card__agents-badges", children: agentsBadges }) : null] })),
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
if (leaseSlot)
|
|
28
|
+
sections.push({ children: leaseSlot });
|
|
29
|
+
if (endpointSlot)
|
|
30
|
+
sections.push({ children: endpointSlot });
|
|
31
|
+
return (_jsx(Card, { variant: "market", className: cx("cm-workflow-card", interactive && "cm-workflow-card--interactive", className), media: bannerSrc ? (_jsx("img", { src: bannerSrc, alt: "", className: "cm-workflow-card__banner-image", loading: "lazy", decoding: "async" })) : titleIcon ? (_jsx("span", { className: "cm-workflow-card__icon", children: titleIcon })) : undefined, mediaFallback: titleIcon, title: title, description: description, metrics: metrics, sections: sections, footer: footer, headerAction: headerAction, interactive: interactive }));
|
|
6
32
|
}
|
|
7
|
-
export function
|
|
33
|
+
export function WorkflowFoldList({ backSlot, titleSlot, children, className, }) {
|
|
8
34
|
return (_jsxs("div", { className: cx("cm-workflow-card", className), children: [_jsxs("div", { className: "cm-workflow-card__fold-header", children: [backSlot, titleSlot] }), _jsx("div", { className: "cm-workflow-card__fold-body", children: children })] }));
|
|
9
35
|
}
|
|
10
|
-
export function
|
|
36
|
+
export function WorkflowFoldDetail({ backSlot, children, className, }) {
|
|
11
37
|
return (_jsxs("div", { className: cx("cm-workflow-card", className), children: [_jsx("div", { className: "cm-workflow-card__fold-header", children: backSlot }), _jsx("div", { className: "cm-workflow-card__fold-body", children: children })] }));
|
|
12
38
|
}
|
|
13
39
|
/* ── Skeleton ── */
|
|
14
|
-
export function
|
|
15
|
-
return (
|
|
40
|
+
export function WorkflowCardSkeleton() {
|
|
41
|
+
return _jsx(Skeleton, { className: "cm-workflow-card-skeleton", rows: 5 });
|
|
16
42
|
}
|
|
17
43
|
export function PlanReview({ title = "Plan review", subtitle, state, metadata, actions, children, className, }) {
|
|
18
44
|
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 })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAgDpC,qBAAqB;AAErB,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Workflow Card Styles
|
|
3
3
|
*
|
|
4
|
-
* BEM classes for the
|
|
4
|
+
* BEM classes for the WorkflowCard 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: visible;\n min-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: visible;\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 margin-top: 4px;\n line-height: 1.45;\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: visible;\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: visible;\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/* Stream pocket */\n.cm-stream-pocket {\n display: flex;\n flex-direction: column;\n gap: 10px;\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n background: hsl(var(--card) / 0.92);\n padding: 10px;\n}\n\n.cm-stream-pocket__header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n}\n\n.cm-stream-pocket__copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-stream-pocket__title {\n margin: 0;\n color: hsl(var(--foreground));\n font-size: 12px;\n font-weight: 650;\n line-height: 1.25;\n}\n\n.cm-stream-pocket__summary {\n margin-top: 3px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.35;\n}\n\n.cm-stream-pocket__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-stream-pocket__body {\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.cm-stream-node {\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 6px;\n background: hsl(var(--background) / 0.42);\n overflow: hidden;\n}\n\n.cm-stream-node__summary-row {\n display: flex;\n align-items: center;\n gap: 7px;\n min-height: 28px;\n padding: 6px 8px;\n cursor: pointer;\n list-style: none;\n}\n\n.cm-stream-node__summary-row::-webkit-details-marker {\n display: none;\n}\n\n.cm-stream-node__marker {\n width: 7px;\n height: 7px;\n border-radius: 999px;\n background: hsl(var(--accent));\n opacity: 0.72;\n flex-shrink: 0;\n}\n\n.cm-stream-node[data-status=\"failed\"] .cm-stream-node__marker {\n background: hsl(0 84% 62%);\n}\n\n.cm-stream-node[data-status=\"completed\"] .cm-stream-node__marker {\n background: hsl(var(--cm-tone-green, 142 76% 55%));\n}\n\n.cm-stream-node[data-kind=\"warning\"] .cm-stream-node__marker,\n.cm-stream-node[data-kind=\"debug\"][data-status=\"info\"] .cm-stream-node__marker {\n background: hsl(38 92% 55%);\n}\n\n.cm-stream-node[data-kind=\"error\"] .cm-stream-node__marker {\n background: hsl(0 84% 62%);\n}\n\n.cm-stream-node[data-kind=\"catalog\"] .cm-stream-node__marker {\n background: hsl(190 88% 55%);\n}\n\n.cm-stream-node[data-kind=\"receipt\"],\n.cm-stream-node[data-kind=\"payment\"] {\n border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);\n}\n\n.cm-stream-node[data-kind=\"receipt\"] .cm-stream-node__marker,\n.cm-stream-node[data-kind=\"payment\"] .cm-stream-node__marker {\n background: hsl(var(--cm-tone-green, 142 76% 55%));\n}\n\n.cm-stream-node__title {\n min-width: 0;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 600;\n}\n\n.cm-stream-node__content {\n display: flex;\n flex-direction: column;\n gap: 6px;\n border-top: 1px solid hsl(var(--sidebar-border));\n padding: 7px 8px 8px;\n}\n\n.cm-stream-node__summary {\n white-space: pre-wrap;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-node__metadata {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-node__children {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding-left: 10px;\n border-left: 1px solid hsl(var(--sidebar-border));\n}\n\n.cm-stream-artifact {\n display: flex;\n flex-direction: column;\n gap: 5px;\n border: 1px solid hsl(var(--accent) / 0.22);\n border-radius: 6px;\n background: hsl(var(--accent) / 0.05);\n padding: 7px 8px;\n}\n\n.cm-stream-artifact__row {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-artifact__kind {\n color: hsl(var(--accent));\n text-transform: uppercase;\n}\n\n.cm-stream-artifact__link {\n color: hsl(var(--accent));\n font-size: 11px;\n text-decoration: none;\n}\n\n.cm-stream-artifact__link:hover {\n text-decoration: underline;\n}\n\n.cm-stream-source {\n display: flex;\n flex-direction: column;\n gap: 4px;\n border: 1px solid hsl(190 88% 55% / 0.22);\n border-radius: 6px;\n background: hsl(190 88% 55% / 0.06);\n padding: 7px 8px;\n color: inherit;\n text-decoration: none;\n}\n\n.cm-stream-source:hover {\n border-color: hsl(190 88% 55% / 0.42);\n}\n\n.cm-stream-source__title-row {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n\n.cm-stream-source__marker {\n flex-shrink: 0;\n color: hsl(190 88% 65%);\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-source__title {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 650;\n}\n\n.cm-stream-source__snippet {\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-source__metadata {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-notice {\n border: 1px solid hsl(var(--accent) / 0.24);\n border-radius: 6px;\n background: hsl(var(--accent) / 0.06);\n padding: 7px 8px;\n}\n\n.cm-stream-notice[data-tone=\"warning\"] {\n border-color: hsl(38 92% 55% / 0.34);\n background: hsl(38 92% 55% / 0.08);\n}\n\n.cm-stream-notice[data-tone=\"error\"] {\n border-color: hsl(0 84% 62% / 0.34);\n background: hsl(0 84% 62% / 0.08);\n}\n\n.cm-stream-notice__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n}\n\n.cm-stream-notice__title {\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 650;\n}\n\n.cm-stream-notice__metadata {\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-notice__body {\n margin-top: 4px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-receipt,\n.cm-stream-session {\n border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.24);\n border-radius: 6px;\n background: hsl(var(--cm-tone-green, 142 76% 55%) / 0.06);\n padding: 7px 8px;\n}\n\n.cm-stream-receipt__grid,\n.cm-stream-session__body {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-receipt__grid span,\n.cm-stream-session__body span {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-stream-receipt__grid b,\n.cm-stream-session__body b {\n display: block;\n margin-bottom: 2px;\n color: hsl(var(--foreground));\n font-family: inherit;\n font-weight: 650;\n}\n\n.cm-stream-receipt__body {\n margin-top: 6px;\n}\n\n.cm-stream-session__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n margin-bottom: 6px;\n}\n\n.cm-stream-session__title {\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 650;\n}\n\n.cm-stream-session__status {\n border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);\n border-radius: 4px;\n padding: 1px 5px;\n color: hsl(var(--cm-tone-green, 142 76% 65%));\n font-family: var(--font-mono, monospace);\n font-size: 9px;\n text-transform: uppercase;\n}\n\n.cm-stream-transcript {\n display: flex;\n align-items: baseline;\n gap: 8px;\n border-left: 2px solid hsl(var(--accent) / 0.38);\n padding: 4px 0 4px 8px;\n}\n\n.cm-stream-transcript__time {\n flex-shrink: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-transcript__text {\n min-width: 0;\n color: hsl(var(--foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-media {\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n border: 1px solid hsl(var(--sidebar-border));\n background: hsl(var(--background) / 0.5);\n}\n\n.cm-stream-media--image {\n display: block;\n max-height: 360px;\n object-fit: contain;\n}\n\n.cm-stream-media--partial {\n filter: blur(6px) saturate(0.82);\n}\n\n.cm-stream-media--audio {\n display: block;\n width: 100%;\n min-width: 16rem;\n min-height: 44px;\n}\n\n.cm-stream-media--video {\n display: block;\n width: 100%;\n max-height: 360px;\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: visible;\n min-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: visible;\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 margin-top: 4px;\n line-height: 1.45;\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: visible;\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: visible;\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/* Shared card-backed workflow overrides */\n.cm-workflow-card.cm-card {\n display: grid;\n min-height: 0;\n overflow: visible;\n border-color: hsl(var(--accent) / 0.24);\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(--accent) / 0.08), transparent 34%),\n hsl(224 36% 13% / 0.24);\n}\n\n.cm-workflow-card.cm-card .cm-card__body {\n padding: 1rem;\n}\n\n.cm-workflow-card__banner-image {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.cm-workflow-card__coordinator,\n.cm-workflow-card__agents,\n.cm-workflow-card__lease,\n.cm-workflow-card__endpoint-row,\n.cm-workflow-card__agent-preview {\n min-width: 0;\n max-width: 100%;\n overflow: visible;\n}\n\n.cm-workflow-card__coordinator-value,\n.cm-workflow-card__endpoint-code,\n.cm-workflow-card__agent-preview-name,\n.cm-workflow-card__agent-preview-model {\n white-space: normal;\n overflow: visible;\n text-overflow: clip;\n overflow-wrap: anywhere;\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/* Stream pocket */\n.cm-stream-pocket {\n display: flex;\n flex-direction: column;\n gap: 10px;\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n background: hsl(var(--card) / 0.92);\n padding: 10px;\n}\n\n.cm-stream-pocket__header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n}\n\n.cm-stream-pocket__copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-stream-pocket__title {\n margin: 0;\n color: hsl(var(--foreground));\n font-size: 12px;\n font-weight: 650;\n line-height: 1.25;\n}\n\n.cm-stream-pocket__summary {\n margin-top: 3px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.35;\n}\n\n.cm-stream-pocket__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-stream-pocket__body {\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.cm-stream-node {\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 6px;\n background: hsl(var(--background) / 0.42);\n overflow: hidden;\n}\n\n.cm-stream-node__summary-row {\n display: flex;\n align-items: center;\n gap: 7px;\n min-height: 28px;\n padding: 6px 8px;\n cursor: pointer;\n list-style: none;\n}\n\n.cm-stream-node__summary-row::-webkit-details-marker {\n display: none;\n}\n\n.cm-stream-node__marker {\n width: 7px;\n height: 7px;\n border-radius: 999px;\n background: hsl(var(--accent));\n opacity: 0.72;\n flex-shrink: 0;\n}\n\n.cm-stream-node[data-status=\"failed\"] .cm-stream-node__marker {\n background: hsl(0 84% 62%);\n}\n\n.cm-stream-node[data-status=\"completed\"] .cm-stream-node__marker {\n background: hsl(var(--cm-tone-green, 142 76% 55%));\n}\n\n.cm-stream-node[data-kind=\"warning\"] .cm-stream-node__marker,\n.cm-stream-node[data-kind=\"debug\"][data-status=\"info\"] .cm-stream-node__marker {\n background: hsl(38 92% 55%);\n}\n\n.cm-stream-node[data-kind=\"error\"] .cm-stream-node__marker {\n background: hsl(0 84% 62%);\n}\n\n.cm-stream-node[data-kind=\"catalog\"] .cm-stream-node__marker {\n background: hsl(190 88% 55%);\n}\n\n.cm-stream-node[data-kind=\"receipt\"],\n.cm-stream-node[data-kind=\"payment\"] {\n border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);\n}\n\n.cm-stream-node[data-kind=\"receipt\"] .cm-stream-node__marker,\n.cm-stream-node[data-kind=\"payment\"] .cm-stream-node__marker {\n background: hsl(var(--cm-tone-green, 142 76% 55%));\n}\n\n.cm-stream-node__title {\n min-width: 0;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 600;\n}\n\n.cm-stream-node__content {\n display: flex;\n flex-direction: column;\n gap: 6px;\n border-top: 1px solid hsl(var(--sidebar-border));\n padding: 7px 8px 8px;\n}\n\n.cm-stream-node__summary {\n white-space: pre-wrap;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-node__metadata {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-node__children {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding-left: 10px;\n border-left: 1px solid hsl(var(--sidebar-border));\n}\n\n.cm-stream-artifact {\n display: flex;\n flex-direction: column;\n gap: 5px;\n border: 1px solid hsl(var(--accent) / 0.22);\n border-radius: 6px;\n background: hsl(var(--accent) / 0.05);\n padding: 7px 8px;\n}\n\n.cm-stream-artifact__row {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-artifact__kind {\n color: hsl(var(--accent));\n text-transform: uppercase;\n}\n\n.cm-stream-artifact__link {\n color: hsl(var(--accent));\n font-size: 11px;\n text-decoration: none;\n}\n\n.cm-stream-artifact__link:hover {\n text-decoration: underline;\n}\n\n.cm-stream-source {\n display: flex;\n flex-direction: column;\n gap: 4px;\n border: 1px solid hsl(190 88% 55% / 0.22);\n border-radius: 6px;\n background: hsl(190 88% 55% / 0.06);\n padding: 7px 8px;\n color: inherit;\n text-decoration: none;\n}\n\n.cm-stream-source:hover {\n border-color: hsl(190 88% 55% / 0.42);\n}\n\n.cm-stream-source__title-row {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n\n.cm-stream-source__marker {\n flex-shrink: 0;\n color: hsl(190 88% 65%);\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-source__title {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 650;\n}\n\n.cm-stream-source__snippet {\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-source__metadata {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-notice {\n border: 1px solid hsl(var(--accent) / 0.24);\n border-radius: 6px;\n background: hsl(var(--accent) / 0.06);\n padding: 7px 8px;\n}\n\n.cm-stream-notice[data-tone=\"warning\"] {\n border-color: hsl(38 92% 55% / 0.34);\n background: hsl(38 92% 55% / 0.08);\n}\n\n.cm-stream-notice[data-tone=\"error\"] {\n border-color: hsl(0 84% 62% / 0.34);\n background: hsl(0 84% 62% / 0.08);\n}\n\n.cm-stream-notice__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n}\n\n.cm-stream-notice__title {\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 650;\n}\n\n.cm-stream-notice__metadata {\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-notice__body {\n margin-top: 4px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-receipt,\n.cm-stream-session {\n border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.24);\n border-radius: 6px;\n background: hsl(var(--cm-tone-green, 142 76% 55%) / 0.06);\n padding: 7px 8px;\n}\n\n.cm-stream-receipt__grid,\n.cm-stream-session__body {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-receipt__grid span,\n.cm-stream-session__body span {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-stream-receipt__grid b,\n.cm-stream-session__body b {\n display: block;\n margin-bottom: 2px;\n color: hsl(var(--foreground));\n font-family: inherit;\n font-weight: 650;\n}\n\n.cm-stream-receipt__body {\n margin-top: 6px;\n}\n\n.cm-stream-session__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n margin-bottom: 6px;\n}\n\n.cm-stream-session__title {\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 650;\n}\n\n.cm-stream-session__status {\n border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);\n border-radius: 4px;\n padding: 1px 5px;\n color: hsl(var(--cm-tone-green, 142 76% 65%));\n font-family: var(--font-mono, monospace);\n font-size: 9px;\n text-transform: uppercase;\n}\n\n.cm-stream-transcript {\n display: flex;\n align-items: baseline;\n gap: 8px;\n border-left: 2px solid hsl(var(--accent) / 0.38);\n padding: 4px 0 4px 8px;\n}\n\n.cm-stream-transcript__time {\n flex-shrink: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-transcript__text {\n min-width: 0;\n color: hsl(var(--foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-media {\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n border: 1px solid hsl(var(--sidebar-border));\n background: hsl(var(--background) / 0.5);\n}\n\n.cm-stream-media--image {\n display: block;\n max-height: 360px;\n object-fit: contain;\n}\n\n.cm-stream-media--partial {\n filter: blur(6px) saturate(0.82);\n}\n\n.cm-stream-media--audio {\n display: block;\n width: 100%;\n min-width: 16rem;\n min-height: 44px;\n}\n\n.cm-stream-media--video {\n display: block;\n width: 100%;\n max-height: 360px;\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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,60uBAuqC1B,CAAC"}
|
package/dist/workflows/styles.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Workflow Card Styles
|
|
3
3
|
*
|
|
4
|
-
* BEM classes for the
|
|
4
|
+
* BEM classes for the WorkflowCard shell component.
|
|
5
5
|
* Mirrors the structure of agents/styles.ts.
|
|
6
6
|
*/
|
|
7
7
|
export const workflowStyles = /* css */ `
|
|
@@ -598,6 +598,49 @@ export const workflowStyles = /* css */ `
|
|
|
598
598
|
}
|
|
599
599
|
}
|
|
600
600
|
|
|
601
|
+
/* Shared card-backed workflow overrides */
|
|
602
|
+
.cm-workflow-card.cm-card {
|
|
603
|
+
display: grid;
|
|
604
|
+
min-height: 0;
|
|
605
|
+
overflow: visible;
|
|
606
|
+
border-color: hsl(var(--accent) / 0.24);
|
|
607
|
+
background:
|
|
608
|
+
linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.32)),
|
|
609
|
+
radial-gradient(circle at 18% 0%, hsl(var(--accent) / 0.08), transparent 34%),
|
|
610
|
+
hsl(224 36% 13% / 0.24);
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
.cm-workflow-card.cm-card .cm-card__body {
|
|
614
|
+
padding: 1rem;
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
.cm-workflow-card__banner-image {
|
|
618
|
+
display: block;
|
|
619
|
+
width: 100%;
|
|
620
|
+
height: 100%;
|
|
621
|
+
object-fit: cover;
|
|
622
|
+
}
|
|
623
|
+
|
|
624
|
+
.cm-workflow-card__coordinator,
|
|
625
|
+
.cm-workflow-card__agents,
|
|
626
|
+
.cm-workflow-card__lease,
|
|
627
|
+
.cm-workflow-card__endpoint-row,
|
|
628
|
+
.cm-workflow-card__agent-preview {
|
|
629
|
+
min-width: 0;
|
|
630
|
+
max-width: 100%;
|
|
631
|
+
overflow: visible;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
.cm-workflow-card__coordinator-value,
|
|
635
|
+
.cm-workflow-card__endpoint-code,
|
|
636
|
+
.cm-workflow-card__agent-preview-name,
|
|
637
|
+
.cm-workflow-card__agent-preview-model {
|
|
638
|
+
white-space: normal;
|
|
639
|
+
overflow: visible;
|
|
640
|
+
text-overflow: clip;
|
|
641
|
+
overflow-wrap: anywhere;
|
|
642
|
+
}
|
|
643
|
+
|
|
601
644
|
/* Plan review shell */
|
|
602
645
|
.cm-plan-review {
|
|
603
646
|
display: flex;
|
|
@@ -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
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuqCvC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@compose-market/theme",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.6",
|
|
4
4
|
"description": "Official design tokens and theme system for Compose.Market",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design-tokens",
|
|
@@ -41,6 +41,11 @@
|
|
|
41
41
|
"import": "./dist/agents/index.js",
|
|
42
42
|
"default": "./dist/agents/index.js"
|
|
43
43
|
},
|
|
44
|
+
"./entity": {
|
|
45
|
+
"types": "./dist/entity/index.d.ts",
|
|
46
|
+
"import": "./dist/entity/index.js",
|
|
47
|
+
"default": "./dist/entity/index.js"
|
|
48
|
+
},
|
|
44
49
|
"./chain-logos": {
|
|
45
50
|
"types": "./dist/chain-logos/index.d.ts",
|
|
46
51
|
"import": "./dist/chain-logos/index.js",
|
|
@@ -94,6 +99,10 @@
|
|
|
94
99
|
"style": "./dist/css/app.css",
|
|
95
100
|
"default": "./dist/css/app.css"
|
|
96
101
|
},
|
|
102
|
+
"./css/entity": {
|
|
103
|
+
"style": "./dist/css/entity.css",
|
|
104
|
+
"default": "./dist/css/entity.css"
|
|
105
|
+
},
|
|
97
106
|
"./css/agents": {
|
|
98
107
|
"style": "./dist/css/agents.css",
|
|
99
108
|
"default": "./dist/css/agents.css"
|
package/dist/mirror/styles.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Mirror Pane Styles
|
|
3
|
-
*
|
|
4
|
-
* Shared BEM CSS for model/detail panes.
|
|
5
|
-
*/
|
|
6
|
-
export declare const mirrorStyles = "\n.cm-mirror-pane {\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n min-width: 0;\n min-height: 0;\n height: auto;\n overflow: visible;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 16px;\n background:\n linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.34)),\n radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.09), transparent 34%),\n hsl(224 36% 13% / 0.24);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.06),\n 0 0 34px hsl(var(--primary) / 0.06);\n color: hsl(var(--foreground));\n font-family: var(--font-sans), sans-serif;\n backdrop-filter: blur(16px) saturate(1.12);\n}\n\n.cm-mirror-pane__toolbar {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n gap: 0.35rem;\n padding: 0.45rem;\n border-bottom: 1px solid hsl(var(--primary) / 0.1);\n background: hsl(221 50% 9% / 0.28);\n}\n\n.cm-mirror-pane__toolbar-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n min-width: 2.2rem;\n min-height: 2.2rem;\n padding: 0 0.62rem;\n border: 1px solid transparent;\n border-radius: 999px;\n background: transparent;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition:\n transform 160ms ease,\n border-color 180ms ease,\n background-color 180ms ease,\n color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-mirror-pane__toolbar-btn:hover,\n.cm-mirror-pane__toolbar-btn:focus-visible {\n outline: none;\n color: hsl(var(--foreground));\n border-color: hsl(var(--primary) / 0.2);\n background: hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__toolbar-btn--active-cyan {\n border-color: hsl(var(--primary) / 0.36);\n background: hsl(var(--primary) / 0.12);\n color: hsl(var(--primary));\n box-shadow: 0 0 18px hsl(var(--primary) / 0.12);\n}\n\n.cm-mirror-pane__toolbar-btn--active-fuchsia {\n border-color: hsl(var(--accent) / 0.34);\n background: hsl(var(--accent) / 0.11);\n color: hsl(var(--accent));\n box-shadow: 0 0 18px hsl(var(--accent) / 0.1);\n}\n\n.cm-mirror-pane__toolbar-btn svg {\n width: 1rem;\n height: 1rem;\n}\n\n.cm-mirror-pane__toolbar-label {\n display: none;\n}\n\n@container (min-width: 24rem) {\n .cm-mirror-pane__toolbar-label {\n display: inline;\n }\n}\n\n.cm-mirror-pane__body {\n flex: 0 0 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n gap: clamp(0.85rem, 3cqi, 1.08rem);\n overflow: visible;\n padding: clamp(0.85rem, 3cqi, 1.08rem);\n}\n\n.cm-mirror-pane__footer {\n flex: 0 0 auto;\n border-top: 1px solid hsl(var(--primary) / 0.1);\n padding: 0.75rem 1rem;\n}\n\n.cm-mirror-pane__empty {\n flex: 1;\n min-height: 14rem;\n display: grid;\n place-items: center;\n align-content: center;\n gap: 0.75rem;\n padding: 1.5rem;\n text-align: center;\n}\n\n.cm-mirror-pane__empty-icon {\n display: inline-flex;\n color: hsl(var(--primary));\n opacity: 0.72;\n}\n\n.cm-mirror-pane__empty-icon svg {\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.cm-mirror-pane__empty-text {\n max-width: 18rem;\n color: hsl(var(--muted-foreground));\n line-height: 1.45;\n}\n\n.cm-mirror-pane__model-header {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__model-icon-box {\n display: grid;\n width: clamp(2.85rem, 8cqi, 3.35rem);\n height: clamp(2.85rem, 8cqi, 3.35rem);\n place-items: center;\n flex: 0 0 auto;\n border: 1px solid hsl(var(--primary) / 0.24);\n border-radius: 12px;\n background: hsl(var(--primary) / 0.09);\n color: hsl(var(--primary));\n box-shadow: inset 0 0 18px hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__model-icon-box svg {\n width: 1.2rem;\n height: 1.2rem;\n}\n\n.cm-mirror-pane__model-copy {\n flex: 1;\n min-width: 0;\n display: grid;\n gap: 0.25rem;\n}\n\n.cm-mirror-pane__model-name-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n min-width: 0;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__model-name {\n min-width: 0;\n margin: 0;\n color: hsl(var(--foreground));\n font-family: var(--font-display), sans-serif;\n font-size: clamp(1.06rem, 4cqi, 1.24rem);\n font-weight: 800;\n line-height: 1.08;\n overflow-wrap: anywhere;\n}\n\n.cm-mirror-pane__model-types {\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__badge {\n display: inline-flex;\n align-items: center;\n min-height: 1.58rem;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 999px;\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n padding: 0 0.58rem;\n font-family: var(--font-mono), monospace;\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__badge[data-tone=\"fuchsia\"] {\n border-color: hsl(var(--accent) / 0.24);\n background: hsl(var(--accent) / 0.1);\n color: hsl(var(--accent));\n}\n\n.cm-mirror-pane__badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.1);\n color: hsl(142 71% 55%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.28);\n background: hsl(42 100% 48% / 0.1);\n color: hsl(42 100% 58%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"danger\"] {\n border-color: hsl(var(--destructive) / 0.3);\n background: hsl(var(--destructive) / 0.12);\n color: hsl(var(--destructive));\n}\n\n.cm-mirror-pane__model-provider,\n.cm-mirror-pane__model-id {\n margin: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.82rem;\n line-height: 1.35;\n overflow-wrap: anywhere;\n}\n\n.cm-mirror-pane__model-id {\n color: hsl(var(--primary) / 0.72);\n}\n\n.cm-mirror-pane__description,\n.cm-mirror-pane__description--clamped,\n.cm-mirror-pane__section,\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group,\n.cm-mirror-pane__no-params,\n.cm-mirror-pane__text-area,\n.cm-mirror-pane__field {\n border: 1px solid hsl(var(--primary) / 0.12);\n border-radius: 12px;\n background: hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__description,\n.cm-mirror-pane__description--clamped {\n padding: 0.82rem 0.9rem;\n color: hsl(var(--muted-foreground));\n font-size: 0.92rem;\n line-height: 1.55;\n}\n\n.cm-mirror-pane__section {\n display: flex;\n flex-direction: column;\n gap: 0.6rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__section--compact {\n padding: 0.75rem;\n}\n\n.cm-mirror-pane__section-label,\n.cm-mirror-pane__tool-group-label {\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.74rem;\n font-weight: 800;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__io-row,\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__pricing-header,\n.cm-mirror-pane__tool-toggle {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.75rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__io-row {\n align-items: flex-start;\n}\n\n.cm-mirror-pane__io-label,\n.cm-mirror-pane__kv-label {\n flex: 0 0 auto;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.76rem;\n}\n\n.cm-mirror-pane__io-badges,\n.cm-mirror-pane__kv-grid,\n.cm-mirror-pane__pricing-entries,\n.cm-mirror-pane__custom-content,\n.cm-mirror-pane__custom-section {\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__io-badges {\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__kv-value {\n min-width: 0;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.82rem;\n text-align: right;\n overflow-wrap: anywhere;\n}\n\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group {\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n padding: 0.62rem 0.7rem;\n}\n\n.cm-mirror-pane__pricing-unit {\n color: hsl(var(--muted-foreground) / 0.72);\n font-family: var(--font-mono), monospace;\n font-size: 0.72rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__pricing-name {\n color: hsl(var(--accent));\n font-family: var(--font-mono), monospace;\n font-weight: 700;\n}\n\n.cm-mirror-pane__tool-group {\n border-color: hsl(var(--primary) / 0.18);\n background: hsl(var(--primary) / 0.05);\n}\n\n.cm-mirror-pane__tool-group--fuchsia {\n border-color: hsl(var(--accent) / 0.18);\n background: hsl(var(--accent) / 0.05);\n}\n\n.cm-mirror-pane__tool-toggle-label {\n display: inline-flex;\n align-items: center;\n gap: 0.42rem;\n min-width: 0;\n color: hsl(var(--foreground));\n}\n\n.cm-mirror-pane__tool-toggle-label svg,\n.cm-mirror-pane__tool-toggle-label-icon {\n width: 1rem;\n height: 1rem;\n flex: 0 0 auto;\n}\n\n.cm-mirror-pane__text-area {\n width: 100%;\n min-height: 7rem;\n padding: 0.72rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n resize: vertical;\n}\n\n.cm-mirror-pane__field {\n width: 100%;\n min-height: 2.45rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n}\n\n.cm-mirror-pane__field:focus,\n.cm-mirror-pane__field:focus-visible,\n.cm-mirror-pane__text-area:focus,\n.cm-mirror-pane__text-area:focus-visible {\n outline: none;\n border-color: hsl(var(--primary) / 0.5);\n box-shadow: 0 0 0 1px hsl(var(--primary) / 0.16);\n}\n\n.cm-mirror-pane__param-description,\n.cm-mirror-pane__no-params {\n color: hsl(var(--muted-foreground));\n font-size: 0.86rem;\n line-height: 1.4;\n}\n\n.cm-mirror-pane__no-params {\n padding: 1rem;\n text-align: center;\n}\n\n@container (max-width: 22rem) {\n .cm-mirror-pane__io-row,\n .cm-mirror-pane__kv-row,\n .cm-mirror-pane__pricing-header,\n .cm-mirror-pane__tool-toggle {\n align-items: flex-start;\n flex-direction: column;\n gap: 0.35rem;\n }\n\n .cm-mirror-pane__kv-value {\n text-align: left;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-mirror-pane__toolbar-btn {\n transition-duration: 0.01ms !important;\n }\n}\n";
|
|
7
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/mirror/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,YAAY,onUAicxB,CAAC"}
|