@compose-market/theme 0.1.3 → 0.1.5

package/dist/workflows/styles.d.ts

@@ -4,5 +4,5 @@
  * BEM classes for the ComposeWorkflowCard shell component.
  * Mirrors the structure of agents/styles.ts.
  */
-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";
+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";
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,kzsBA4nC1B,CAAC"}
+{"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

@@ -598,6 +598,49 @@ export const workflowStyles = /* css */ `
   }
 }
 
+/* Shared card-backed workflow overrides */
+.cm-workflow-card.cm-card {
+  display: grid;
+  min-height: 0;
+  overflow: visible;
+  border-color: hsl(var(--accent) / 0.24);
+  background:
+    linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.32)),
+    radial-gradient(circle at 18% 0%, hsl(var(--accent) / 0.08), transparent 34%),
+    hsl(224 36% 13% / 0.24);
+}
+
+.cm-workflow-card.cm-card .cm-card__body {
+  padding: 1rem;
+}
+
+.cm-workflow-card__banner-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.cm-workflow-card__coordinator,
+.cm-workflow-card__agents,
+.cm-workflow-card__lease,
+.cm-workflow-card__endpoint-row,
+.cm-workflow-card__agent-preview {
+  min-width: 0;
+  max-width: 100%;
+  overflow: visible;
+}
+
+.cm-workflow-card__coordinator-value,
+.cm-workflow-card__endpoint-code,
+.cm-workflow-card__agent-preview-name,
+.cm-workflow-card__agent-preview-model {
+  white-space: normal;
+  overflow: visible;
+  text-overflow: clip;
+  overflow-wrap: anywhere;
+}
+
 /* Plan review shell */
 .cm-plan-review {
   display: flex;

package/dist/workflows/styles.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4nCvC,CAAC"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@compose-market/theme",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Official design tokens and theme system for Compose.Market",
   "keywords": [
     "design-tokens",
@@ -41,6 +41,11 @@
       "import": "./dist/agents/index.js",
       "default": "./dist/agents/index.js"
     },
+    "./entity": {
+      "types": "./dist/entity/index.d.ts",
+      "import": "./dist/entity/index.js",
+      "default": "./dist/entity/index.js"
+    },
     "./chain-logos": {
       "types": "./dist/chain-logos/index.d.ts",
       "import": "./dist/chain-logos/index.js",
@@ -94,6 +99,10 @@
       "style": "./dist/css/app.css",
       "default": "./dist/css/app.css"
     },
+    "./css/entity": {
+      "style": "./dist/css/entity.css",
+      "default": "./dist/css/entity.css"
+    },
     "./css/agents": {
       "style": "./dist/css/agents.css",
       "default": "./dist/css/agents.css"