@compose-market/theme 0.0.98 → 0.1.0

package/dist/workflows/styles.js

@@ -596,11 +596,535 @@ export const workflowStyles = /* css */ `
 }
 
 @media (min-width: 640px) {
-  .cm-workflow-card__agent-preview-model {
+.cm-workflow-card__agent-preview-model {
+  font-size: 12px;
+  }
+}
+
+/* Plan review shell */
+.cm-plan-review {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  border: 1px solid hsl(var(--accent) / 0.34);
+  border-radius: 8px;
+  background: hsl(var(--card) / 0.96);
+  padding: 12px;
+  box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.05);
+}
+
+.cm-plan-review[data-state="approved"],
+.cm-plan-review[data-state="completed"] {
+  border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.42);
+}
+
+.cm-plan-review[data-state="rejected"],
+.cm-plan-review[data-state="failed"] {
+  border-color: hsl(0 84% 62% / 0.44);
+}
+
+.cm-plan-review[data-state="changes_requested"] {
+  border-color: hsl(38 92% 55% / 0.5);
+}
+
+.cm-plan-review__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.cm-plan-review__copy {
+  min-width: 0;
+  flex: 1;
+}
+
+.cm-plan-review__title-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.cm-plan-review__title {
+  margin: 0;
+  color: hsl(var(--foreground));
+  font-size: 13px;
+  font-weight: 650;
+  line-height: 1.25;
+}
+
+.cm-plan-review__state {
+  border: 1px solid hsl(var(--accent) / 0.3);
+  border-radius: 4px;
+  padding: 2px 6px;
+  color: hsl(var(--accent));
+  background: hsl(var(--accent) / 0.08);
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+.cm-plan-review__subtitle {
+  margin-top: 4px;
+  color: hsl(var(--muted-foreground));
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.cm-plan-review__metadata {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 6px;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-plan-review__body {
+  min-width: 0;
+  border-top: 1px solid hsl(var(--sidebar-border));
+  padding-top: 10px;
+}
+
+.cm-plan-review__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: flex-end;
+  border-top: 1px solid hsl(var(--sidebar-border));
+  padding-top: 10px;
+}
+
+@media (min-width: 640px) {
+  .cm-plan-review {
+    padding: 14px;
+  }
+
+  .cm-plan-review__title {
+    font-size: 14px;
+  }
+
+  .cm-plan-review__subtitle {
     font-size: 12px;
   }
 }
 
+/* Stream pocket */
+.cm-stream-pocket {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  border: 1px solid hsl(var(--sidebar-border));
+  border-radius: 8px;
+  background: hsl(var(--card) / 0.92);
+  padding: 10px;
+}
+
+.cm-stream-pocket__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.cm-stream-pocket__copy {
+  min-width: 0;
+  flex: 1;
+}
+
+.cm-stream-pocket__title {
+  margin: 0;
+  color: hsl(var(--foreground));
+  font-size: 12px;
+  font-weight: 650;
+  line-height: 1.25;
+}
+
+.cm-stream-pocket__summary {
+  margin-top: 3px;
+  color: hsl(var(--muted-foreground));
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.cm-stream-pocket__metadata {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 6px;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-stream-pocket__body {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.cm-stream-node {
+  border: 1px solid hsl(var(--sidebar-border));
+  border-radius: 6px;
+  background: hsl(var(--background) / 0.42);
+  overflow: hidden;
+}
+
+.cm-stream-node__summary-row {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  min-height: 28px;
+  padding: 6px 8px;
+  cursor: pointer;
+  list-style: none;
+}
+
+.cm-stream-node__summary-row::-webkit-details-marker {
+  display: none;
+}
+
+.cm-stream-node__marker {
+  width: 7px;
+  height: 7px;
+  border-radius: 999px;
+  background: hsl(var(--accent));
+  opacity: 0.72;
+  flex-shrink: 0;
+}
+
+.cm-stream-node[data-status="failed"] .cm-stream-node__marker {
+  background: hsl(0 84% 62%);
+}
+
+.cm-stream-node[data-status="completed"] .cm-stream-node__marker {
+  background: hsl(var(--cm-tone-green, 142 76% 55%));
+}
+
+.cm-stream-node[data-kind="warning"] .cm-stream-node__marker,
+.cm-stream-node[data-kind="debug"][data-status="info"] .cm-stream-node__marker {
+  background: hsl(38 92% 55%);
+}
+
+.cm-stream-node[data-kind="error"] .cm-stream-node__marker {
+  background: hsl(0 84% 62%);
+}
+
+.cm-stream-node[data-kind="catalog"] .cm-stream-node__marker {
+  background: hsl(190 88% 55%);
+}
+
+.cm-stream-node[data-kind="receipt"],
+.cm-stream-node[data-kind="payment"] {
+  border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);
+}
+
+.cm-stream-node[data-kind="receipt"] .cm-stream-node__marker,
+.cm-stream-node[data-kind="payment"] .cm-stream-node__marker {
+  background: hsl(var(--cm-tone-green, 142 76% 55%));
+}
+
+.cm-stream-node__title {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: hsl(var(--foreground));
+  font-size: 11px;
+  font-weight: 600;
+}
+
+.cm-stream-node__kind,
+.cm-stream-node__status {
+  border: 1px solid hsl(var(--sidebar-border));
+  border-radius: 4px;
+  padding: 1px 5px;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 9px;
+  line-height: 1.4;
+  text-transform: uppercase;
+}
+
+.cm-stream-node__content {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border-top: 1px solid hsl(var(--sidebar-border));
+  padding: 7px 8px 8px;
+}
+
+.cm-stream-node__summary {
+  white-space: pre-wrap;
+  color: hsl(var(--muted-foreground));
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.cm-stream-node__metadata {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-stream-node__children {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding-left: 10px;
+  border-left: 1px solid hsl(var(--sidebar-border));
+}
+
+.cm-stream-artifact {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  border: 1px solid hsl(var(--accent) / 0.22);
+  border-radius: 6px;
+  background: hsl(var(--accent) / 0.05);
+  padding: 7px 8px;
+}
+
+.cm-stream-artifact__row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-stream-artifact__kind {
+  color: hsl(var(--accent));
+  text-transform: uppercase;
+}
+
+.cm-stream-artifact__link {
+  color: hsl(var(--accent));
+  font-size: 11px;
+  text-decoration: none;
+}
+
+.cm-stream-artifact__link:hover {
+  text-decoration: underline;
+}
+
+.cm-stream-source {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  border: 1px solid hsl(190 88% 55% / 0.22);
+  border-radius: 6px;
+  background: hsl(190 88% 55% / 0.06);
+  padding: 7px 8px;
+  color: inherit;
+  text-decoration: none;
+}
+
+.cm-stream-source:hover {
+  border-color: hsl(190 88% 55% / 0.42);
+}
+
+.cm-stream-source__title-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+
+.cm-stream-source__marker {
+  flex-shrink: 0;
+  color: hsl(190 88% 65%);
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-stream-source__title {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: hsl(var(--foreground));
+  font-size: 11px;
+  font-weight: 650;
+}
+
+.cm-stream-source__snippet {
+  color: hsl(var(--muted-foreground));
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.cm-stream-source__metadata {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-stream-notice {
+  border: 1px solid hsl(var(--accent) / 0.24);
+  border-radius: 6px;
+  background: hsl(var(--accent) / 0.06);
+  padding: 7px 8px;
+}
+
+.cm-stream-notice[data-tone="warning"] {
+  border-color: hsl(38 92% 55% / 0.34);
+  background: hsl(38 92% 55% / 0.08);
+}
+
+.cm-stream-notice[data-tone="error"] {
+  border-color: hsl(0 84% 62% / 0.34);
+  background: hsl(0 84% 62% / 0.08);
+}
+
+.cm-stream-notice__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.cm-stream-notice__title {
+  color: hsl(var(--foreground));
+  font-size: 11px;
+  font-weight: 650;
+}
+
+.cm-stream-notice__metadata {
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-stream-notice__body {
+  margin-top: 4px;
+  color: hsl(var(--muted-foreground));
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.cm-stream-receipt,
+.cm-stream-session {
+  border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.24);
+  border-radius: 6px;
+  background: hsl(var(--cm-tone-green, 142 76% 55%) / 0.06);
+  padding: 7px 8px;
+}
+
+.cm-stream-receipt__grid,
+.cm-stream-session__body {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+  gap: 6px;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-stream-receipt__grid span,
+.cm-stream-session__body span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cm-stream-receipt__grid b,
+.cm-stream-session__body b {
+  display: block;
+  margin-bottom: 2px;
+  color: hsl(var(--foreground));
+  font-family: inherit;
+  font-weight: 650;
+}
+
+.cm-stream-receipt__body {
+  margin-top: 6px;
+}
+
+.cm-stream-session__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+
+.cm-stream-session__title {
+  color: hsl(var(--foreground));
+  font-size: 11px;
+  font-weight: 650;
+}
+
+.cm-stream-session__status {
+  border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);
+  border-radius: 4px;
+  padding: 1px 5px;
+  color: hsl(var(--cm-tone-green, 142 76% 65%));
+  font-family: var(--font-mono, monospace);
+  font-size: 9px;
+  text-transform: uppercase;
+}
+
+.cm-stream-transcript {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  border-left: 2px solid hsl(var(--accent) / 0.38);
+  padding: 4px 0 4px 8px;
+}
+
+.cm-stream-transcript__time {
+  flex-shrink: 0;
+  color: hsl(var(--muted-foreground));
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+}
+
+.cm-stream-transcript__text {
+  min-width: 0;
+  color: hsl(var(--foreground));
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.cm-stream-media {
+  width: 100%;
+  max-width: 100%;
+  border-radius: 6px;
+  border: 1px solid hsl(var(--sidebar-border));
+  background: hsl(var(--background) / 0.5);
+}
+
+.cm-stream-media--image {
+  display: block;
+  max-height: 360px;
+  object-fit: contain;
+}
+
+.cm-stream-media--partial {
+  filter: blur(6px) saturate(0.82);
+}
+
+.cm-stream-media--audio {
+  min-height: 36px;
+}
+
+.cm-stream-media--video {
+  max-height: 360px;
+}
+
 /* Skeleton */
 .cm-workflow-card-skeleton {
   border: 1px solid hsl(var(--accent) / 0.3);

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0nBvC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsoCvC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compose-market/theme",
-  "version": "0.0.98",
+  "version": "0.1.0",
   "description": "Official design tokens and theme system for Compose.Market",
   "keywords": [
     "design-tokens",
@@ -156,7 +156,7 @@
   },
   "devDependencies": {
     "@types/node": "^25.9.1",
-    "@types/react": "^19.2.16",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
@@ -171,4 +171,4 @@
     "access": "public"
   },
   "module": "./dist/index.js"
-}
+}