@geenius/ai-workflow 0.1.0 → 0.4.0

package/packages/solidjs-css/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* @geenius/ai-workflow — styles.css\n * Unified BEM stylesheet for all CSS variant packages.\n * Ships local fallback tokens while allowing host apps to override them.\n */\n\n/* ========================================\n   Color Tokens (OKLCH)\n   ======================================== */\n:root {\n  --gui-bg: oklch(0.985 0.003 255);\n  --gui-foreground: oklch(0.278 0.03 257);\n  --gui-primary: oklch(0.63 0.2 262);\n  --gui-primary-fg: oklch(0.985 0.002 255);\n  --gui-primary-subtle: color-mix(in oklab, var(--gui-primary) 12%, white);\n  --gui-success: oklch(0.72 0.17 152);\n  --gui-warning: oklch(0.82 0.16 84);\n  --gui-danger: oklch(0.63 0.24 28);\n  --gui-border: oklch(0.9 0.008 255);\n  --gui-card: oklch(0.998 0.001 255);\n  --gui-card-fg: var(--gui-foreground);\n  --gui-muted-fg: oklch(0.56 0.018 255);\n  --gui-surface: oklch(0.968 0.004 255);\n  --gui-ring: color-mix(in oklab, var(--gui-primary) 35%, transparent);\n  --background: var(--gui-bg);\n  --foreground: var(--gui-foreground);\n  --primary: var(--gui-primary);\n  --primary-foreground: var(--gui-primary-fg);\n  --primary-soft: var(--gui-primary-subtle);\n  --success: var(--gui-success);\n  --warning: var(--gui-warning);\n  --danger: var(--gui-danger);\n  --border: var(--gui-border);\n  --card: var(--gui-card);\n  --card-foreground: var(--gui-card-fg);\n  --muted-foreground: var(--gui-muted-fg);\n  --secondary: var(--gui-surface);\n  --ring: var(--gui-ring);\n  --shadow-color: color-mix(in oklab, var(--foreground) 20%, transparent);\n  --shadow-color-sm: color-mix(in oklab, var(--foreground) 10%, transparent);\n  --shadow-color-lg: color-mix(in oklab, var(--foreground) 40%, transparent);\n  --primary-ring: color-mix(in oklab, var(--primary) 20%, transparent);\n  --primary-ring-strong: color-mix(in oklab, var(--primary) 55%, transparent);\n  --primary-glow: color-mix(in oklab, var(--primary) 40%, transparent);\n  --warning-soft: color-mix(in oklab, var(--warning) 10%, transparent);\n  --danger-soft: color-mix(in oklab, var(--danger) 10%, transparent);\n  --success-soft: color-mix(in oklab, var(--success) 10%, transparent);\n  --ai-workflow-bg: var(--background);\n  --ai-workflow-surface: var(--card);\n  --ai-workflow-surface-2: var(--secondary);\n  --ai-workflow-border: var(--border);\n  --ai-workflow-text: var(--foreground);\n  --ai-workflow-text-muted: var(--muted-foreground);\n  --ai-workflow-accent: var(--primary);\n  --ai-workflow-running: var(--primary);\n  --ai-workflow-success: var(--success);\n  --ai-workflow-error: var(--danger);\n  --ai-workflow-pending: var(--warning);\n  --ai-workflow-skipped: var(--muted-foreground);\n  --ai-workflow-connector: var(--border);\n  --ai-workflow-radius: 1.5rem;\n  --ai-workflow-radius-sm: 0.75rem;\n  --ai-workflow-radius-lg: 2rem;\n  --ai-workflow-shadow: 0 8px 32px var(--shadow-color);\n  --ai-workflow-shadow-sm: 0 4px 16px var(--shadow-color-sm);\n  --ai-workflow-shadow-lg: 0 16px 48px var(--shadow-color-lg);\n  --ai-workflow-glow: 0 0 24px var(--primary-glow);\n  --ai-workflow-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);\n  --ai-workflow-transition-fast: 100ms ease;\n  --ai-workflow-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n[data-theme=\"dark\"],\n.dark {\n  --gui-bg: oklch(0.19 0.01 255);\n  --gui-foreground: oklch(0.94 0.01 255);\n  --gui-primary: oklch(0.71 0.18 262);\n  --gui-primary-fg: oklch(0.22 0.02 255);\n  --gui-primary-subtle: color-mix(in oklab, var(--gui-primary) 16%, black);\n  --gui-success: oklch(0.78 0.16 152);\n  --gui-warning: oklch(0.86 0.15 84);\n  --gui-danger: oklch(0.71 0.2 28);\n  --gui-border: oklch(0.34 0.015 255);\n  --gui-card: oklch(0.23 0.01 255);\n  --gui-card-fg: var(--gui-foreground);\n  --gui-muted-fg: oklch(0.72 0.014 255);\n  --gui-surface: oklch(0.27 0.01 255);\n  --gui-ring: color-mix(in oklab, var(--gui-primary) 45%, transparent);\n}\n\n/* ========================================\n   BLOCK: ai-workflow__canvas\n   ======================================== */\n.ai-workflow__canvas {\n  position: relative;\n  min-height: 500px;\n  background: var(--ai-workflow-surface);\n  border-radius: var(--ai-workflow-radius);\n  overflow: hidden;\n  border: 1px solid var(--ai-workflow-border);\n  box-shadow: var(--ai-workflow-shadow-sm);\n  backdrop-filter: blur(24px);\n  -webkit-backdrop-filter: blur(24px);\n}\n\n.ai-workflow__canvas--empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: var(--ai-workflow-text-muted);\n}\n\n.ai-workflow__canvas-bg {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(var(--ai-workflow-border) 1px, transparent 1px),\n    linear-gradient(90deg, var(--ai-workflow-border) 1px, transparent 1px);\n  background-size: 20px 20px;\n  pointer-events: none;\n}\n\n.ai-workflow__canvas-grid {\n  position: relative;\n  z-index: 1;\n  height: 100%;\n}\n\n/* ========================================\n   BLOCK: ai-workflow__step-node\n   ======================================== */\n.ai-workflow__step-node {\n  position: relative;\n  background: var(--ai-workflow-surface-2);\n  border: 2px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  padding: 1rem;\n  min-width: 180px;\n  cursor: pointer;\n  transition: all var(--ai-workflow-transition);\n  box-shadow: var(--ai-workflow-shadow-sm);\n}\n\n.ai-workflow__step-node:hover {\n  border-color: var(--ai-workflow-accent);\n  background: var(--ai-workflow-surface-2);\n}\n\n.ai-workflow__step-node--selected {\n  border-color: var(--ai-workflow-accent);\n  background: var(--primary-soft);\n  box-shadow: 0 0 0 3px var(--primary-ring), var(--ai-workflow-glow);\n}\n\n.ai-workflow__step-node--pending {\n  border-color: var(--ai-workflow-pending);\n}\n\n.ai-workflow__step-node--running {\n  border-color: var(--ai-workflow-running);\n  animation: ai-workflow-pulse-running 1.5s ease-in-out infinite;\n}\n\n.ai-workflow__step-node--success {\n  border-color: var(--ai-workflow-success);\n}\n\n.ai-workflow__step-node--error {\n  border-color: var(--ai-workflow-error);\n  background: var(--danger-soft);\n}\n\n.ai-workflow__step-node--skipped {\n  border-color: var(--ai-workflow-skipped);\n  opacity: 0.7;\n}\n\n@keyframes ai-workflow-pulse-running {\n  0%, 100% {\n    box-shadow: 0 0 0 0 var(--primary-ring-strong), var(--ai-workflow-shadow-sm);\n  }\n  50% {\n    box-shadow: 0 0 0 8px transparent, var(--ai-workflow-shadow-sm);\n  }\n}\n\n.ai-workflow__step-header {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.ai-workflow__step-icon {\n  font-size: 1.25rem;\n  flex-shrink: 0;\n}\n\n.ai-workflow__step-name {\n  font-weight: 600;\n  color: var(--ai-workflow-text);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ai-workflow__step-type-badge {\n  font-size: 0.7rem;\n  color: var(--ai-workflow-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  background: var(--ai-workflow-surface);\n  padding: 0.2rem 0.4rem;\n  border-radius: 2px;\n}\n\n.ai-workflow__step-optional-badge,\n.ai-workflow__step-retry-badge {\n  display: inline-block;\n  font-size: 0.65rem;\n  padding: 0.1rem 0.4rem;\n  border-radius: 999px;\n  background: var(--ai-workflow-surface);\n  color: var(--ai-workflow-text-muted);\n  font-weight: 500;\n}\n\n.ai-workflow__step-status {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  border-radius: 50%;\n  font-size: 0.8rem;\n}\n\n.ai-workflow__step-status--pending {\n  background: var(--ai-workflow-pending);\n}\n\n.ai-workflow__step-status--running {\n  background: var(--ai-workflow-running);\n  animation: ai-workflow-spin 1s linear infinite;\n}\n\n.ai-workflow__step-status--success {\n  background: var(--ai-workflow-success);\n}\n\n.ai-workflow__step-status--error {\n  background: var(--ai-workflow-error);\n}\n\n@keyframes ai-workflow-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* ========================================\n   BLOCK: ai-workflow__connector\n   ======================================== */\n.ai-workflow__connector {\n  position: absolute;\n  pointer-events: none;\n  stroke: var(--ai-workflow-connector);\n  stroke-width: 2px;\n  fill: none;\n}\n\n.ai-workflow__connector--running {\n  stroke: var(--ai-workflow-running);\n  animation: ai-workflow-flow 2s ease-in-out infinite;\n}\n\n.ai-workflow__connector--error {\n  stroke: var(--ai-workflow-error);\n}\n\n.ai-workflow__connector--success {\n  stroke: var(--ai-workflow-success);\n}\n\n@keyframes ai-workflow-flow {\n  0%, 100% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n/* ========================================\n   BLOCK: ai-workflow__step-detail-panel\n   ======================================== */\n.ai-workflow__step-detail-panel {\n  background: var(--ai-workflow-surface-2);\n  border-left: 1px solid var(--ai-workflow-border);\n  padding: 1.5rem;\n  min-width: 300px;\n  max-width: 400px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.ai-workflow__detail-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 1rem;\n  border-bottom: 1px solid var(--ai-workflow-border);\n  padding-bottom: 1rem;\n}\n\n.ai-workflow__detail-title {\n  font-size: 1.1rem;\n  font-weight: 700;\n  color: var(--ai-workflow-text);\n  margin: 0;\n}\n\n.ai-workflow__detail-close {\n  background: transparent;\n  border: none;\n  color: var(--ai-workflow-text-muted);\n  cursor: pointer;\n  font-size: 1.25rem;\n  padding: 0;\n  transition: color var(--ai-workflow-transition);\n}\n\n.ai-workflow__detail-close:hover {\n  color: var(--ai-workflow-text);\n}\n\n.ai-workflow__detail-section {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.ai-workflow__detail-label {\n  font-size: 0.8rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--ai-workflow-text-muted);\n}\n\n.ai-workflow__detail-value {\n  font-size: 0.9rem;\n  color: var(--ai-workflow-text);\n  word-break: break-word;\n}\n\n.ai-workflow__detail-code {\n  background: var(--ai-workflow-surface);\n  padding: 0.75rem;\n  border-radius: var(--ai-workflow-radius-sm);\n  border: 1px solid var(--ai-workflow-border);\n  font-family: 'Courier New', monospace;\n  font-size: 0.8rem;\n  color: var(--ai-workflow-accent);\n  overflow-x: auto;\n}\n\n/* ========================================\n   BLOCK: ai-workflow__run-history-table\n   ======================================== */\n.ai-workflow__run-history-table {\n  width: 100%;\n  border-collapse: collapse;\n  background: var(--ai-workflow-surface);\n}\n\n.ai-workflow__history-header {\n  background: var(--ai-workflow-surface-2);\n  border-bottom: 2px solid var(--ai-workflow-border);\n}\n\n.ai-workflow__history-th {\n  padding: 1rem;\n  text-align: left;\n  font-weight: 600;\n  font-size: 0.8rem;\n  color: var(--ai-workflow-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.ai-workflow__history-row {\n  border-bottom: 1px solid var(--ai-workflow-border);\n  transition: background var(--ai-workflow-transition);\n}\n\n.ai-workflow__history-row:hover {\n  background: var(--ai-workflow-surface-2);\n}\n\n.ai-workflow__history-td {\n  padding: 1rem;\n  font-size: 0.9rem;\n  color: var(--ai-workflow-text);\n}\n\n.ai-workflow__history-status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.35rem 0.75rem;\n  border-radius: 999px;\n  font-size: 0.8rem;\n  font-weight: 600;\n}\n\n.ai-workflow__history-status-badge--pending {\n  background: var(--ai-workflow-pending);\n  color: var(--ai-workflow-text);\n}\n\n.ai-workflow__history-status-badge--running {\n  background: var(--ai-workflow-running);\n  color: var(--ai-workflow-text);\n}\n\n.ai-workflow__history-status-badge--success {\n  background: var(--ai-workflow-success);\n  color: var(--ai-workflow-text);\n}\n\n.ai-workflow__history-status-badge--error {\n  background: var(--ai-workflow-error);\n  color: white;\n}\n\n.ai-workflow__history-time {\n  font-size: 0.8rem;\n  color: var(--ai-workflow-text-muted);\n}\n\n/* ========================================\n   BLOCK: ai-workflow__trigger-selector\n   ======================================== */\n.ai-workflow__trigger-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding: 1rem;\n  background: var(--ai-workflow-surface);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n}\n\n.ai-workflow__trigger-title {\n  font-weight: 600;\n  color: var(--ai-workflow-text);\n  font-size: 0.9rem;\n}\n\n.ai-workflow__trigger-option {\n  padding: 0.75rem;\n  background: var(--ai-workflow-surface-2);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  cursor: pointer;\n  transition: all var(--ai-workflow-transition);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.ai-workflow__trigger-option:hover {\n  border-color: var(--ai-workflow-accent);\n}\n\n.ai-workflow__trigger-option--selected {\n  border-color: var(--ai-workflow-accent);\n  background: var(--primary-soft);\n}\n\n.ai-workflow__trigger-radio {\n  width: 1rem;\n  height: 1rem;\n  border-radius: 50%;\n  border: 2px solid var(--ai-workflow-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all var(--ai-workflow-transition);\n}\n\n.ai-workflow__trigger-option--selected .ai-workflow__trigger-radio {\n  border-color: var(--ai-workflow-accent);\n  background: var(--ai-workflow-accent);\n}\n\n.ai-workflow__trigger-label {\n  flex: 1;\n  color: var(--ai-workflow-text);\n  font-size: 0.9rem;\n  font-weight: 500;\n}\n\n/* ========================================\n   BLOCK: ai-workflow__execution-log\n   ======================================== */\n.ai-workflow__execution-log {\n  background: var(--ai-workflow-surface);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  padding: 1rem;\n  font-family: 'Courier New', monospace;\n  font-size: 0.8rem;\n  max-height: 400px;\n  overflow-y: auto;\n}\n\n.ai-workflow__log-line {\n  margin: 0.5rem 0;\n  color: var(--ai-workflow-text-muted);\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n.ai-workflow__log-line--info {\n  color: var(--ai-workflow-accent);\n}\n\n.ai-workflow__log-line--success {\n  color: var(--ai-workflow-success);\n}\n\n.ai-workflow__log-line--error {\n  color: var(--ai-workflow-error);\n}\n\n.ai-workflow__log-line--warning {\n  color: var(--warning);\n}\n\n.ai-workflow__log-timestamp {\n  color: var(--ai-workflow-border);\n  margin-right: 0.5rem;\n}\n\n/* ========================================\n   BLOCK: ai-workflow__progress-tracker\n   ======================================== */\n.ai-workflow__progress-tracker {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem;\n  background: var(--ai-workflow-surface);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n}\n\n.ai-workflow__progress-bar {\n  flex: 1;\n  height: 0.5rem;\n  background: var(--ai-workflow-surface-2);\n  border-radius: 999px;\n  overflow: hidden;\n}\n\n.ai-workflow__progress-fill {\n  height: 100%;\n  background: linear-gradient(90deg, var(--ai-workflow-accent), var(--ai-workflow-running));\n  border-radius: 999px;\n  animation: ai-workflow-progress 2s ease-in-out;\n}\n\n.ai-workflow__progress-fill--complete {\n  background: var(--ai-workflow-success);\n  animation: none;\n}\n\n@keyframes ai-workflow-progress {\n  0% {\n    width: 0%;\n  }\n}\n\n.ai-workflow__progress-text {\n  font-size: 0.85rem;\n  color: var(--ai-workflow-text);\n  font-weight: 600;\n  min-width: 60px;\n  text-align: right;\n}\n\n/* ========================================\n   BLOCK: ai-workflow__step-list\n   ======================================== */\n.ai-workflow__step-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ai-workflow__step-list-item {\n  padding: 0.75rem 1rem;\n  background: var(--ai-workflow-surface);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  transition: all var(--ai-workflow-transition);\n  cursor: pointer;\n}\n\n.ai-workflow__step-list-item:hover {\n  background: var(--ai-workflow-surface-2);\n  border-color: var(--ai-workflow-accent);\n}\n\n.ai-workflow__step-list-item--selected {\n  border-color: var(--ai-workflow-accent);\n  background: var(--primary-soft);\n}\n\n.ai-workflow__step-list-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.75rem;\n  height: 1.75rem;\n  border-radius: 50%;\n  background: var(--ai-workflow-surface-2);\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: var(--ai-workflow-text);\n  flex-shrink: 0;\n}\n\n.ai-workflow__step-list-item--success .ai-workflow__step-list-number {\n  background: var(--ai-workflow-success);\n}\n\n.ai-workflow__step-list-item--error .ai-workflow__step-list-number {\n  background: var(--ai-workflow-error);\n}\n\n.ai-workflow__step-list-label {\n  flex: 1;\n  font-size: 0.9rem;\n  color: var(--ai-workflow-text);\n  font-weight: 500;\n}\n\n/* ========================================\n   BLOCK: ai-workflow__variable-editor\n   ======================================== */\n.ai-workflow__variable-editor {\n  background: var(--ai-workflow-surface);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ai-workflow__variable-header {\n  font-weight: 600;\n  color: var(--ai-workflow-text);\n  font-size: 0.9rem;\n}\n\n.ai-workflow__variable-item {\n  display: flex;\n  gap: 0.75rem;\n}\n\n.ai-workflow__variable-name {\n  flex: 0 0 120px;\n  padding: 0.5rem;\n  background: var(--ai-workflow-surface-2);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  color: var(--ai-workflow-text);\n  font-size: 0.85rem;\n  font-family: 'Courier New', monospace;\n}\n\n.ai-workflow__variable-value {\n  flex: 1;\n  padding: 0.5rem;\n  background: var(--ai-workflow-surface-2);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  color: var(--ai-workflow-text);\n  font-size: 0.85rem;\n}\n\n.ai-workflow__variable-value:focus {\n  outline: none;\n  border-color: var(--ai-workflow-accent);\n}\n\n/* ========================================\n   BLOCK: ai-workflow__condition-block\n   ======================================== */\n.ai-workflow__condition-block {\n  background: var(--ai-workflow-surface);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.ai-workflow__condition-label {\n  font-weight: 600;\n  color: var(--ai-workflow-text);\n  font-size: 0.9rem;\n}\n\n.ai-workflow__condition-row {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n.ai-workflow__condition-field {\n  flex: 1;\n  padding: 0.5rem;\n  background: var(--ai-workflow-surface-2);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  color: var(--ai-workflow-text);\n  font-size: 0.85rem;\n}\n\n.ai-workflow__condition-field:focus {\n  outline: none;\n  border-color: var(--ai-workflow-accent);\n}\n\n.ai-workflow__condition-operator {\n  flex: 0 0 80px;\n  padding: 0.5rem;\n  background: var(--ai-workflow-surface-2);\n  border: 1px solid var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius-sm);\n  color: var(--ai-workflow-text);\n  font-size: 0.85rem;\n  text-align: center;\n}\n\n/* ========================================\n   BLOCK: ai-workflow__loop-indicator\n   ======================================== */\n.ai-workflow__loop-indicator {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.35rem 0.75rem;\n  background: var(--ai-workflow-accent);\n  color: var(--ai-workflow-text);\n  border-radius: 999px;\n  font-size: 0.8rem;\n  font-weight: 600;\n}\n\n.ai-workflow__loop-icon {\n  font-size: 0.9rem;\n  animation: ai-workflow-spin 1s linear infinite;\n}\n\n/* ========================================\n   BLOCK: ai-workflow__parallel-badge\n   ======================================== */\n.ai-workflow__parallel-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.35rem 0.75rem;\n  background: var(--success);\n  color: var(--ai-workflow-text);\n  border-radius: 999px;\n  font-size: 0.8rem;\n  font-weight: 600;\n}\n\n.ai-workflow__parallel-icon {\n  font-size: 0.9rem;\n}\n\n/* ========================================\n   STATES: Skeleton Loading\n   ======================================== */\n.ai-workflow__skeleton {\n  background: linear-gradient(\n    90deg,\n    var(--ai-workflow-surface-2) 0%,\n    var(--ai-workflow-border) 50%,\n    var(--ai-workflow-surface-2) 100%\n  );\n  background-size: 200% 100%;\n  animation: ai-workflow-skeleton-loading 1.5s ease-in-out infinite;\n  border-radius: var(--ai-workflow-radius-sm);\n}\n\n.ai-workflow__skeleton--text {\n  height: 1rem;\n  margin: 0.5rem 0;\n}\n\n.ai-workflow__skeleton--node {\n  height: 5rem;\n  width: 180px;\n}\n\n.ai-workflow__skeleton--card {\n  height: 6rem;\n}\n\n@keyframes ai-workflow-skeleton-loading {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n/* ========================================\n   STATES: Empty State\n   ======================================== */\n.ai-workflow__empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n  padding: 3rem 2rem;\n  text-align: center;\n  min-height: 12rem;\n  background: var(--ai-workflow-surface);\n  border: 2px dashed var(--ai-workflow-border);\n  border-radius: var(--ai-workflow-radius);\n}\n\n.ai-workflow__empty-icon {\n  font-size: 3rem;\n  opacity: 0.3;\n}\n\n.ai-workflow__empty-title {\n  margin: 0;\n  font-size: 1.1rem;\n  font-weight: 600;\n  color: var(--ai-workflow-text);\n}\n\n.ai-workflow__empty-description {\n  margin: 0;\n  color: var(--ai-workflow-text-muted);\n  font-size: 0.9rem;\n  max-width: 300px;\n}\n\n/* ========================================\n   RESPONSIVE: Tablet\n   ======================================== */\n@media (max-width: 768px) {\n  .ai-workflow__step-detail-panel {\n    max-width: none;\n    min-width: 250px;\n  }\n\n  .ai-workflow__run-history-table {\n    font-size: 0.85rem;\n  }\n\n  .ai-workflow__history-th,\n  .ai-workflow__history-td {\n    padding: 0.75rem;\n  }\n\n  .ai-workflow__execution-log {\n    max-height: 300px;\n    font-size: 0.75rem;\n  }\n}\n\n/* ========================================\n   RESPONSIVE: Mobile\n   ======================================== */\n@media (max-width: 480px) {\n  .ai-workflow__canvas {\n    min-height: 300px;\n  }\n\n  .ai-workflow__step-detail-panel {\n    min-width: 100%;\n    max-width: none;\n    border-left: none;\n    border-top: 1px solid var(--ai-workflow-border);\n  }\n\n  .ai-workflow__step-node {\n    min-width: 150px;\n    padding: 0.75rem;\n  }\n\n  .ai-workflow__run-history-table {\n    font-size: 0.75rem;\n  }\n\n  .ai-workflow__history-th,\n  .ai-workflow__history-td {\n    padding: 0.5rem;\n  }\n\n  .ai-workflow__condition-row {\n    flex-direction: column;\n  }\n\n  .ai-workflow__condition-field,\n  .ai-workflow__condition-operator {\n    width: 100%;\n  }\n\n  .ai-workflow__execution-log {\n    font-size: 0.7rem;\n    max-height: 250px;\n  }\n}\n\n/* ========================================\n   UTILITY: Accessibility\n   ======================================== */\n.ai-workflow__focus-visible:focus-visible {\n  outline: 2px solid var(--ai-workflow-accent);\n  outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ai-workflow__step-node--running,\n  .ai-workflow__step-status--running,\n  .ai-workflow__loop-icon,\n  .ai-workflow__progress-fill,\n  .ai-workflow__skeleton,\n  .ai-workflow__connector--running {\n    animation: none;\n    transition: none;\n  }\n}\n\n/* ========================================\n   UTILITY: Print Styles\n   ======================================== */\n@media print {\n  .ai-workflow__canvas {\n    break-inside: avoid;\n    page-break-inside: avoid;\n  }\n\n  .ai-workflow__step-node {\n    break-inside: avoid;\n    page-break-inside: avoid;\n  }\n}\n"],"mappings":";AAQA;AACE,YAAU,MAAM,MAAM,MAAM;AAC5B,oBAAkB,MAAM,MAAM,KAAK;AACnC,iBAAe,MAAM,KAAK,IAAI;AAC9B,oBAAkB,MAAM,MAAM,MAAM;AACpC,wBAAsB,UAAU,GAAG,KAAK,EAAE,IAAI,eAAe,GAAG,EAAE;AAClE,iBAAe,MAAM,KAAK,KAAK;AAC/B,iBAAe,MAAM,KAAK,KAAK;AAC/B,gBAAc,MAAM,KAAK,KAAK;AAC9B,gBAAc,MAAM,IAAI,MAAM;AAC9B,cAAY,MAAM,MAAM,MAAM;AAC9B,iBAAe,IAAI;AACnB,kBAAgB,MAAM,KAAK,MAAM;AACjC,iBAAe,MAAM,MAAM,MAAM;AACjC,cAAY,UAAU,GAAG,KAAK,EAAE,IAAI,eAAe,GAAG,EAAE;AACxD,gBAAc,IAAI;AAClB,gBAAc,IAAI;AAClB,aAAW,IAAI;AACf,wBAAsB,IAAI;AAC1B,kBAAgB,IAAI;AACpB,aAAW,IAAI;AACf,aAAW,IAAI;AACf,YAAU,IAAI;AACd,YAAU,IAAI;AACd,UAAQ,IAAI;AACZ,qBAAmB,IAAI;AACvB,sBAAoB,IAAI;AACxB,eAAa,IAAI;AACjB,UAAQ,IAAI;AACZ,kBAAgB,UAAU,GAAG,KAAK,EAAE,IAAI,cAAc,GAAG,EAAE;AAC3D,qBAAmB,UAAU,GAAG,KAAK,EAAE,IAAI,cAAc,GAAG,EAAE;AAC9D,qBAAmB,UAAU,GAAG,KAAK,EAAE,IAAI,cAAc,GAAG,EAAE;AAC9D,kBAAgB,UAAU,GAAG,KAAK,EAAE,IAAI,WAAW,GAAG,EAAE;AACxD,yBAAuB,UAAU,GAAG,KAAK,EAAE,IAAI,WAAW,GAAG,EAAE;AAC/D,kBAAgB,UAAU,GAAG,KAAK,EAAE,IAAI,WAAW,GAAG,EAAE;AACxD,kBAAgB,UAAU,GAAG,KAAK,EAAE,IAAI,WAAW,GAAG,EAAE;AACxD,iBAAe,UAAU,GAAG,KAAK,EAAE,IAAI,UAAU,GAAG,EAAE;AACtD,kBAAgB,UAAU,GAAG,KAAK,EAAE,IAAI,WAAW,GAAG,EAAE;AACxD,oBAAkB,IAAI;AACtB,yBAAuB,IAAI;AAC3B,2BAAyB,IAAI;AAC7B,wBAAsB,IAAI;AAC1B,sBAAoB,IAAI;AACxB,4BAA0B,IAAI;AAC9B,wBAAsB,IAAI;AAC1B,yBAAuB,IAAI;AAC3B,yBAAuB,IAAI;AAC3B,uBAAqB,IAAI;AACzB,yBAAuB,IAAI;AAC3B,yBAAuB,IAAI;AAC3B,2BAAyB,IAAI;AAC7B,wBAAsB;AACtB,2BAAyB;AACzB,2BAAyB;AACzB,wBAAsB,EAAE,IAAI,KAAK,IAAI;AACrC,2BAAyB,EAAE,IAAI,KAAK,IAAI;AACxC,2BAAyB,EAAE,KAAK,KAAK,IAAI;AACzC,sBAAoB,EAAE,EAAE,KAAK,IAAI;AACjC,4BAA0B,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AAC1D,iCAA+B,MAAM;AACrC,iCAA+B,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AACjE;AAEA,CAAC;AACD,CAAC;AACC,YAAU,MAAM,KAAK,KAAK;AAC1B,oBAAkB,MAAM,KAAK,KAAK;AAClC,iBAAe,MAAM,KAAK,KAAK;AAC/B,oBAAkB,MAAM,KAAK,KAAK;AAClC,wBAAsB,UAAU,GAAG,KAAK,EAAE,IAAI,eAAe,GAAG,EAAE;AAClE,iBAAe,MAAM,KAAK,KAAK;AAC/B,iBAAe,MAAM,KAAK,KAAK;AAC/B,gBAAc,MAAM,KAAK,IAAI;AAC7B,gBAAc,MAAM,KAAK,MAAM;AAC/B,cAAY,MAAM,KAAK,KAAK;AAC5B,iBAAe,IAAI;AACnB,kBAAgB,MAAM,KAAK,MAAM;AACjC,iBAAe,MAAM,KAAK,KAAK;AAC/B,cAAY,UAAU,GAAG,KAAK,EAAE,IAAI,eAAe,GAAG,EAAE;AAC1D;AAKA,CAAC;AACC,YAAU;AACV,cAAY;AACZ,cAAY,IAAI;AAChB,iBAAe,IAAI;AACnB,YAAU;AACV,UAAQ,IAAI,MAAM,IAAI;AACtB,cAAY,IAAI;AAChB,mBAAiB,KAAK;AACtB,2BAAyB,KAAK;AAChC;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,SAAO,IAAI;AACb;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP;AAAA,IACE,gBAAgB,IAAI,sBAAsB,GAAG,EAAE,YAAY,IAAI;AAAA,IAC/D;AAAA,MAAgB,KAAK;AAAA,MAAE,IAAI,sBAAsB,GAAG;AAAA,MAAE,YAAY;AACpE,mBAAiB,KAAK;AACtB,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACT,UAAQ;AACV;AAKA,CAAC;AACC,YAAU;AACV,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,WAAS;AACT,aAAW;AACX,UAAQ;AACR,cAAY,IAAI,IAAI;AACpB,cAAY,IAAI;AAClB;AAEA,CAZC,sBAYsB;AACrB,gBAAc,IAAI;AAClB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,gBAAc,IAAI;AAClB,cAAY,IAAI;AAChB,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI,eAAe,EAAE,IAAI;AACjD;AAEA,CAAC;AACC,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,gBAAc,IAAI;AAClB,aAAW,0BAA0B,KAAK,YAAY;AACxD;AAEA,CAAC;AACC,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,gBAAc,IAAI;AAClB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,gBAAc,IAAI;AAClB,WAAS;AACX;AAEA,WAjBa;AAkBX;AACE,gBAAY,EAAE,EAAE,EAAE,EAAE,IAAI,sBAAsB,EAAE,IAAI;AACtD;AACA;AACE,gBAAY,EAAE,EAAE,EAAE,IAAI,WAAW,EAAE,IAAI;AACzC;AACF;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,iBAAe;AACjB;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,eAAa;AACb,SAAO,IAAI;AACX,QAAM;AACN,YAAU;AACV,iBAAe;AACf,eAAa;AACf;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACX,kBAAgB;AAChB,kBAAgB;AAChB,cAAY,IAAI;AAChB,WAAS,OAAO;AAChB,iBAAe;AACjB;AAEA,CAAC;AACD,CAAC;AACC,WAAS;AACT,aAAW;AACX,WAAS,OAAO;AAChB,iBAAe;AACf,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,eAAa;AACf;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,aAAW;AACb;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,aAAW,iBAAiB,GAAG,OAAO;AACxC;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AAEA,WAXa;AAYX;AACE,eAAW,OAAO;AACpB;AACF;AAKA,CAAC;AACC,YAAU;AACV,kBAAgB;AAChB,UAAQ,IAAI;AACZ,gBAAc;AACd,QAAM;AACR;AAEA,CAAC;AACC,UAAQ,IAAI;AACZ,aAAW,iBAAiB,GAAG,YAAY;AAC7C;AAEA,CAAC;AACC,UAAQ,IAAI;AACd;AAEA,CAAC;AACC,UAAQ,IAAI;AACd;AAEA,WAXa;AAYX;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAKA,CAAC;AACC,cAAY,IAAI;AAChB,eAAa,IAAI,MAAM,IAAI;AAC3B,WAAS;AACT,aAAW;AACX,aAAW;AACX,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAEA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,OAAK;AACL,iBAAe,IAAI,MAAM,IAAI;AAC7B,kBAAgB;AAClB;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,UAAQ;AACV;AAEA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,SAAO,IAAI;AACX,UAAQ;AACR,aAAW;AACX,WAAS;AACT,cAAY,MAAM,IAAI;AACxB;AAEA,CAVC,yBAUyB;AACxB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,kBAAgB;AAChB,kBAAgB;AAChB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACX,cAAY;AACd;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,WAAS;AACT,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI;AACtB,eAAa,aAAa,EAAE;AAC5B,aAAW;AACX,SAAO,IAAI;AACX,cAAY;AACd;AAKA,CAAC;AACC,SAAO;AACP,mBAAiB;AACjB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,iBAAe,IAAI,MAAM,IAAI;AAC/B;AAEA,CAAC;AACC,WAAS;AACT,cAAY;AACZ,eAAa;AACb,aAAW;AACX,SAAO,IAAI;AACX,kBAAgB;AAChB,kBAAgB;AAClB;AAEA,CAAC;AACC,iBAAe,IAAI,MAAM,IAAI;AAC7B,cAAY,WAAW,IAAI;AAC7B;AAEA,CALC,wBAKwB;AACvB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,WAAS;AACT,aAAW;AACX,SAAO,IAAI;AACb;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,QAAQ;AACjB,iBAAe;AACf,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO;AACT;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACb;AAKA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,WAAS;AACT,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACrB;AAEA,CAAC;AACC,eAAa;AACb,SAAO,IAAI;AACX,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,UAAQ;AACR,cAAY,IAAI,IAAI;AACpB,WAAS;AACT,eAAa;AACb,OAAK;AACP;AAEA,CAZC,2BAY2B;AAC1B,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,gBAAc,IAAI;AAClB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,UAAQ,IAAI,MAAM,IAAI;AACtB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY,IAAI,IAAI;AACtB;AAEA,CAhBC,sCAgBsC,CAXtC;AAYC,gBAAc,IAAI;AAClB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,QAAM;AACN,SAAO,IAAI;AACX,aAAW;AACX,eAAa;AACf;AAKA,CAAC;AACC,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,WAAS;AACT,eAAa,aAAa,EAAE;AAC5B,aAAW;AACX,cAAY;AACZ,cAAY;AACd;AAEA,CAAC;AACC,UAAQ,OAAO;AACf,SAAO,IAAI;AACX,eAAa;AACb,aAAW;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACX,gBAAc;AAChB;AAKA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS;AACT,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACrB;AAEA,CAAC;AACC,QAAM;AACN,UAAQ;AACR,cAAY,IAAI;AAChB,iBAAe;AACf,YAAU;AACZ;AAEA,CAAC;AACC,UAAQ;AACR;AAAA,IAAY;AAAA,MAAgB,KAAK;AAAA,MAAE,IAAI,qBAAqB;AAAA,MAAE,IAAI;AAClE,iBAAe;AACf,aAAW,qBAAqB,GAAG;AACrC;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,aAAW;AACb;AAEA,WARa;AASX;AACE,WAAO;AACT;AACF;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACX,eAAa;AACb,aAAW;AACX,cAAY;AACd;AAKA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,UAAQ;AACR,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAEA,CAAC;AACC,WAAS,QAAQ;AACjB,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,WAAS;AACT,eAAa;AACb,OAAK;AACL,cAAY,IAAI,IAAI;AACpB,UAAQ;AACV;AAEA,CAZC,2BAY2B;AAC1B,cAAY,IAAI;AAChB,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,gBAAc,IAAI;AAClB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,cAAY,IAAI;AAChB,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,eAAa;AACf;AAEA,CAAC,qCAAqC,CAdrC;AAeC,cAAY,IAAI;AAClB;AAEA,CAAC,mCAAmC,CAlBnC;AAmBC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,QAAM;AACN,aAAW;AACX,SAAO,IAAI;AACX,eAAa;AACf;AAKA,CAAC;AACC,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,WAAS;AACT,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAEA,CAAC;AACC,eAAa;AACb,SAAO,IAAI;AACX,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,OAAK;AACP;AAEA,CAAC;AACC,QAAM,EAAE,EAAE;AACV,WAAS;AACT,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,aAAW;AACX,eAAa,aAAa,EAAE;AAC9B;AAEA,CAAC;AACC,QAAM;AACN,WAAS;AACT,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,aAAW;AACb;AAEA,CAVC,2BAU2B;AAC1B,WAAS;AACT,gBAAc,IAAI;AACpB;AAKA,CAAC;AACC,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,WAAS;AACT,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAEA,CAAC;AACC,eAAa;AACb,SAAO,IAAI;AACX,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,OAAK;AACL,eAAa;AACf;AAEA,CAAC;AACC,QAAM;AACN,WAAS;AACT,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,aAAW;AACb;AAEA,CAVC,4BAU4B;AAC3B,WAAS;AACT,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,QAAM,EAAE,EAAE;AACV,WAAS;AACT,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,aAAW;AACX,cAAY;AACd;AAKA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,QAAQ;AACjB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,iBAAe;AACf,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,aAAW;AACX,aAAW,iBAAiB,GAAG,OAAO;AACxC;AAKA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,QAAQ;AACjB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,iBAAe;AACf,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,aAAW;AACb;AAKA,CAAC;AACC;AAAA,IAAY;AAAA,MACV,KAAK;AAAA,MACL,IAAI,yBAAyB,EAAE;AAAA,MAC/B,IAAI,sBAAsB,GAAG;AAAA,MAC7B,IAAI,yBAAyB;AAE/B,mBAAiB,KAAK;AACtB,aAAW,6BAA6B,KAAK,YAAY;AACzD,iBAAe,IAAI;AACrB;AAEA,CAAC;AACC,UAAQ;AACR,UAAQ,OAAO;AACjB;AAEA,CAAC;AACC,UAAQ;AACR,SAAO;AACT;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,WAlBa;AAmBX;AACE,yBAAqB,KAAK;AAC5B;AACA;AACE,yBAAqB,MAAM;AAC7B;AACF;AAKA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,WAAS,KAAK;AACd,cAAY;AACZ,cAAY;AACZ,cAAY,IAAI;AAChB,UAAQ,IAAI,OAAO,IAAI;AACvB,iBAAe,IAAI;AACrB;AAEA,CAAC;AACC,aAAW;AACX,WAAS;AACX;AAEA,CAAC;AACC,UAAQ;AACR,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACb;AAEA,CAAC;AACC,UAAQ;AACR,SAAO,IAAI;AACX,aAAW;AACX,aAAW;AACb;AAKA,QAAO,WAAY;AACjB,GApkBD;AAqkBG,eAAW;AACX,eAAW;AACb;AAEA,GA7fD;AA8fG,eAAW;AACb;AAEA,GAtfD;AAAA,EAufC,CApeD;AAqeG,aAAS;AACX;AAEA,GA7XD;AA8XG,gBAAY;AACZ,eAAW;AACb;AACF;AAKA,QAAO,WAAY;AACjB,GA1yBD;AA2yBG,gBAAY;AACd;AAEA,GAhmBD;AAimBG,eAAW;AACX,eAAW;AACX,iBAAa;AACb,gBAAY,IAAI,MAAM,IAAI;AAC5B;AAEA,GA7wBD;AA8wBG,eAAW;AACX,aAAS;AACX;AAEA,GAhiBD;AAiiBG,eAAW;AACb;AAEA,GAzhBD;AAAA,EA0hBC,CAvgBD;AAwgBG,aAAS;AACX;AAEA,GAtMD;AAuMG,oBAAgB;AAClB;AAEA,GApMD;AAAA,EAqMC,CAtLD;AAuLG,WAAO;AACT;AAEA,GAzaD;AA0aG,eAAW;AACX,gBAAY;AACd;AACF;AAKA,CAAC,0BAA0B;AACzB,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,QAAO,wBAAyB;AAC9B,GAxxBD;AAAA,EAyxBC,CArsBD;AAAA,EAssBC,CAjLD;AAAA,EAkLC,CA/XD;AAAA,EAgYC,CAxJD;AAAA,EAyJC,CA3qBD;AA4qBG,eAAW;AACX,gBAAY;AACd;AACF;AAKA,OAAO;AACL,GA12BD;AA22BG,kBAAc;AACd,uBAAmB;AACrB;AAEA,GAv0BD;AAw0BG,kBAAc;AACd,uBAAmB;AACrB;AACF;","names":[]}

package/packages/solidjs-css/dist/index.d.ts

@@ -0,0 +1,471 @@
+import { WorkflowEngineOptions, WorkflowDefinition, WorkflowRun, WorkflowError, StepResult, WorkflowBuilderState, WorkflowStepDef, StepConnection, RunStatus, StepStatus, WorkflowTemplate, StepType } from '@geenius/ai-workflow-shared';
+export { RunStatus, StepConfig, StepResult, StepStatus, StepType, WORKFLOW_TEMPLATES, WorkflowBuilderState, WorkflowDefinition, WorkflowEngine, WorkflowRun, WorkflowStatus, WorkflowStepDef, getTemplate, getTemplatesByCategory, validateRun, validateWorkflow } from '@geenius/ai-workflow-shared';
+import { JSX, JSXElement } from 'solid-js';
+
+/**
+ * @module CssCreateApprovalGate
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Solid primitive for managing human approval requests in the
+ * plain-CSS workflow variant.
+ */
+/**
+ * Pending human approval request tracked by the plain-CSS SolidJS primitive.
+ *
+ * @property id Stable approval request identifier.
+ * @property stepId Related workflow step identifier.
+ * @property message Approval prompt shown to operators.
+ * @property requestedAt Unix timestamp when approval was requested.
+ * @property approvers Optional list of approvers or approver groups.
+ */
+interface ApprovalRequest {
+    id: string;
+    stepId: string;
+    message: string;
+    requestedAt: number;
+    approvers?: string[];
+}
+interface ApprovalHistoryEntry extends ApprovalRequest {
+    decision: "approved" | "rejected";
+    decidedAt: number;
+}
+/**
+ * Manage pending approvals and approval history with SolidJS signals.
+ *
+ * @returns Signal accessors and mutation helpers for approval state.
+ */
+declare function createApprovalGate(): {
+    pendingApprovals: () => ApprovalRequest[];
+    history: () => ApprovalHistoryEntry[];
+    hasPending: () => boolean;
+    requestApproval: (stepId: string, message: string, approvers?: string[]) => string;
+    approve: (approvalId: string) => void;
+    reject: (approvalId: string) => void;
+    clearHistory: () => void;
+};
+
+/**
+ * @module CssCreateWorkflow
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Solid primitive for executing workflow definitions with the
+ * shared workflow engine in the plain-CSS variant.
+ */
+
+/**
+ * Runtime integrations accepted by the plain-CSS SolidJS workflow primitive.
+ */
+interface CreateWorkflowOptions extends WorkflowEngineOptions {
+}
+interface CreateWorkflowResult {
+    execute: (definition: WorkflowDefinition, input?: Record<string, unknown>) => Promise<WorkflowRun>;
+    cancel: () => void;
+    run: () => WorkflowRun | null;
+    isRunning: () => boolean;
+    error: () => WorkflowError | null;
+    stepResults: () => StepResult[];
+    reset: () => void;
+}
+/**
+ * Execute shared workflow definitions from the plain-CSS SolidJS surface.
+ *
+ * @param options Runtime integrations and callbacks for the shared engine.
+ * @returns Run state, execution methods, and cancellation controls.
+ */
+declare function createWorkflow(options: CreateWorkflowOptions): CreateWorkflowResult;
+
+/**
+ * @module CssCreateWorkflowBuilder
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Solid primitive for editing workflow definitions in the
+ * plain-CSS workflow variant.
+ */
+
+/**
+ * Manage workflow builder state for the plain-CSS SolidJS surface.
+ *
+ * @param initial Optional initial workflow definition overrides.
+ * @returns Builder state, history controls, and mutation helpers.
+ */
+declare function createWorkflowBuilder(initial?: Partial<WorkflowDefinition>): {
+    state: () => WorkflowBuilderState;
+    addStep: (step: WorkflowStepDef) => void;
+    removeStep: (stepId: string) => void;
+    updateStep: (stepId: string, updates: Partial<WorkflowStepDef>) => void;
+    addConnection: (connection: StepConnection) => void;
+    removeConnection: (fromStepId: string, toStepId: string) => void;
+    selectStep: (stepId: string | null) => void;
+    undo: () => void;
+    redo: () => void;
+    setDefinition: (definition: WorkflowDefinition) => void;
+};
+
+/**
+ * @module CssCreateWorkflowRun
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Solid primitive for tracking workflow execution progress in the
+ * plain-CSS workflow variant.
+ */
+
+/**
+ * Track one workflow run and derive progress-oriented state for UI surfaces.
+ *
+ * @returns Signal accessors, progress values, and mutation helpers.
+ */
+declare function createWorkflowRun(): {
+    run: () => WorkflowRun | null;
+    status: () => RunStatus;
+    currentStepIndex: () => number;
+    completedSteps: () => StepResult[];
+    progress: () => number;
+    error: () => string | null;
+    trackRun: (workflowRun: WorkflowRun) => void;
+    updateStep: (result: StepResult) => void;
+    reset: () => void;
+    isRunning: () => boolean;
+    isComplete: () => boolean;
+    isFailed: () => boolean;
+};
+
+/**
+ * @module CssCreateWorkflowStep
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Solid primitive for tracking the state of a single workflow
+ * step in the plain-CSS workflow surface.
+ */
+
+/**
+ * Track one workflow step result and derive presentation metadata.
+ *
+ * @param stepDef Shared workflow step definition to observe.
+ * @returns Signal accessors, derived visuals, and mutation helpers.
+ */
+declare function createWorkflowStep(stepDef: WorkflowStepDef): {
+    stepDef: WorkflowStepDef;
+    status: () => StepStatus;
+    output: () => unknown;
+    error: () => string | null;
+    durationMs: () => number;
+    icon: () => string;
+    statusColor: () => string;
+    updateFromResult: (result: StepResult) => void;
+    reset: () => void;
+    isComplete: () => boolean;
+    isRunning: () => boolean;
+    isFailed: () => boolean;
+    isWaiting: () => boolean;
+    config: WorkflowStepDef["config"];
+};
+
+/**
+ * @module CssCreateWorkflowTemplates
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Solid primitive for filtering and instantiating shared
+ * workflow templates in the plain-CSS workflow surface.
+ */
+
+/**
+ * Filter and instantiate workflow templates for the plain-CSS SolidJS surface.
+ *
+ * @param userId Creator identifier injected into new workflow definitions.
+ * @returns Signal accessors and helpers for template discovery and creation.
+ */
+declare function createWorkflowTemplates(userId: string): {
+    templates: () => WorkflowTemplate[];
+    allTemplates: WorkflowTemplate[];
+    selectedTemplate: () => WorkflowTemplate | null;
+    selectedTemplateId: () => string | null;
+    categories: () => WorkflowTemplate["category"][];
+    filterCategory: () => WorkflowTemplate["category"] | "all";
+    searchQuery: () => string;
+    setSelectedTemplateId: (templateId: string | null) => void;
+    setFilterCategory: (category: WorkflowTemplate["category"] | "all") => void;
+    setSearchQuery: (query: string) => void;
+    createFromTemplate: (templateId: string) => WorkflowDefinition | null;
+};
+
+/**
+ * @module CssSolidWorkflowCanvas
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Plain-CSS SolidJS workflow canvas that renders positioned steps
+ * and the connectors between them for the builder surface.
+ */
+
+/**
+ * Props for the workflow canvas component.
+ */
+interface WorkflowCanvasProps {
+    definition: WorkflowDefinition;
+    selectedStepId: string | null;
+    onSelectStep: (id: string | null) => void;
+}
+/**
+ * Render the builder canvas with positioned steps and connection lines.
+ *
+ * @param props Workflow definition plus selection state and click handler.
+ * @returns The plain-CSS workflow canvas.
+ */
+declare function WorkflowCanvas(props: WorkflowCanvasProps): JSX.Element;
+
+/**
+ * @module CssSolidStepNode
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Plain-CSS SolidJS workflow step node used by the builder canvas.
+ * This component mirrors the interactive affordances of the Tailwind variant
+ * while keeping styling in the CSS bundle.
+ */
+
+/**
+ * Props for the plain-CSS SolidJS workflow step node.
+ *
+ * @property step Shared workflow step definition to render.
+ * @property isSelected Whether the node is currently selected.
+ * @property status Visual execution status displayed on the node.
+ * @property onClick Optional selection callback invoked from mouse or keyboard.
+ * @property class Optional class name override for outer layout composition.
+ */
+interface StepNodeProps {
+    step: WorkflowStepDef;
+    isSelected?: boolean;
+    status?: "pending" | "running" | "success" | "error" | "skipped" | "default";
+    onClick?: () => void;
+    class?: string;
+}
+/**
+ * Render one plain-CSS workflow step node for SolidJS consumers.
+ *
+ * @param props Step node rendering props.
+ * @returns A keyboard-accessible workflow step node.
+ */
+declare function StepNode(props: StepNodeProps): JSX.Element;
+
+/**
+ * @module CssSolidWorkflowStepConnector
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description SVG connector primitive for drawing directed edges between
+ * positioned workflow steps in the plain-CSS SolidJS builder canvas.
+ */
+
+/**
+ * Props for a workflow step connector path.
+ */
+interface StepConnectorProps {
+    from: {
+        x: number;
+        y: number;
+    };
+    to: {
+        x: number;
+        y: number;
+    };
+    label?: string;
+    isActive?: boolean;
+}
+/**
+ * Render a curved connector between two step positions.
+ *
+ * @param props Connector endpoints and optional label/state metadata.
+ * @returns The SVG group that draws the workflow edge.
+ */
+declare function StepConnector(props: StepConnectorProps): JSX.Element;
+
+/**
+ * @module CssSolidStepConfigPanel
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Plain-CSS SolidJS step configuration panel for builder flows.
+ * This component preserves the editable workflow metadata surface without relying
+ * on the Tailwind variant.
+ */
+
+/**
+ * Props for the plain-CSS SolidJS step configuration panel.
+ *
+ * @property step Shared workflow step being edited.
+ * @property onUpdate Callback for partial step updates.
+ * @property onDelete Callback that removes the current step.
+ * @property onClose Callback that closes the panel.
+ */
+interface StepConfigPanelProps {
+    step: WorkflowStepDef;
+    onUpdate: (id: string, updates: Partial<WorkflowStepDef>) => void;
+    onDelete: (id: string) => void;
+    onClose: () => void;
+}
+/**
+ * Render the plain-CSS SolidJS step configuration panel.
+ *
+ * @param props Step editing callbacks and selected step data.
+ * @returns A complementary panel for reviewing and editing step metadata.
+ */
+declare function StepConfigPanel(props: StepConfigPanelProps): JSX.Element;
+
+/**
+ * @module CssSolidWorkflowRunPanel
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Plain-CSS SolidJS execution panel for workflow runs. This surface
+ * mirrors the progress, error, and cost feedback from the Tailwind variant.
+ */
+
+/**
+ * Props for the plain-CSS SolidJS workflow run panel.
+ *
+ * @property run Current workflow run snapshot or `null` when idle.
+ * @property isRunning Whether the run is still active.
+ * @property onCancel Optional callback that cancels the active run.
+ */
+interface WorkflowRunPanelProps {
+    run: WorkflowRun | null;
+    isRunning: boolean;
+    onCancel?: () => void;
+}
+/**
+ * Render workflow execution progress in the plain-CSS SolidJS surface.
+ *
+ * @param props Run state and optional cancellation callback.
+ * @returns A run summary panel or idle placeholder.
+ */
+declare function WorkflowRunPanel(props: WorkflowRunPanelProps): JSX.Element;
+
+/**
+ * @module CssSolidApprovalModal
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Plain-CSS SolidJS approval dialog for human-gated workflow
+ * steps. This component preserves the accessible dialog semantics of the headless variant.
+ */
+
+/**
+ * Props for the plain-CSS SolidJS approval dialog.
+ */
+interface ApprovalModalProps {
+    request: ApprovalRequest | null;
+    onApprove: (id: string) => void;
+    onReject: (id: string) => void;
+    onDismiss?: (id: string) => void;
+}
+/**
+ * Render the pending approval request as an accessible plain-CSS Solid dialog.
+ *
+ * @param props Approval dialog callbacks and the current pending request.
+ * @returns The plain-CSS approval dialog when an approval is pending.
+ */
+declare function ApprovalModal(props: ApprovalModalProps): JSX.Element;
+
+/**
+ * @module CssSolidWorkflowToolbar
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Plain-CSS SolidJS toolbar for workflow builder actions such as
+ * save, run, cancel, undo, and redo. This component exposes the same command
+ * surface as the Tailwind variant without framework-specific styling.
+ */
+
+/**
+ * Props for the workflow toolbar action surface.
+ */
+interface WorkflowToolbarProps {
+    workflowName: string;
+    isDirty: boolean;
+    isRunning: boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+    onSave: () => void;
+    onRun: () => void;
+    onCancel?: () => void;
+    onUndo: () => void;
+    onRedo: () => void;
+    onExport?: () => void;
+    class?: string;
+}
+/**
+ * Render the builder command toolbar for the plain-CSS SolidJS variant.
+ *
+ * @param props Action callbacks and builder status flags for the toolbar.
+ * @returns The workflow toolbar.
+ */
+declare function WorkflowToolbar(props: WorkflowToolbarProps): JSX.Element;
+
+/**
+ * @module CssSolidStepPalette
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Plain-CSS SolidJS palette of available workflow step types. This
+ * component keeps the builder taxonomy scannable without relying on Tailwind styles.
+ */
+
+/**
+ * Props for the plain-CSS SolidJS step palette.
+ *
+ * @property onAddStep Callback invoked when a step type is selected.
+ */
+interface StepPaletteProps {
+    onAddStep: (type: StepType) => void;
+}
+/**
+ * Render the plain-CSS SolidJS workflow step palette.
+ *
+ * @param props Palette interaction props.
+ * @returns A list of available workflow step types.
+ */
+declare function StepPalette(props: StepPaletteProps): JSX.Element;
+
+/**
+ * @module CssSolidWorkflowBuilderPage
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Plain-CSS SolidJS page for composing, editing, and running
+ * workflow definitions through the standalone CSS component surface.
+ */
+
+/**
+ * Props for the plain-CSS SolidJS workflow builder page.
+ *
+ * @property engineOptions Shared workflow engine integrations used for execution.
+ * @property onSave Optional callback that persists the edited definition.
+ * @property class Optional class name override for outer layout composition.
+ * @property workflows Optional list of stored workflows shown in the summary strip.
+ * @property workflowRuns Optional list of stored workflow runs shown in the summary strip.
+ */
+interface WorkflowBuilderPageProps {
+    engineOptions: WorkflowEngineOptions;
+    onSave?: (definition: WorkflowDefinition) => void;
+    class?: string;
+    workflows?: Array<{
+        _id: string;
+        name: string;
+    }>;
+    workflowRuns?: Array<{
+        _id: string;
+        workflowId: string;
+    }>;
+}
+/**
+ * Render the full plain-CSS workflow builder page for SolidJS consumers.
+ *
+ * @param props Builder dependencies, persistence callbacks, and optional summaries.
+ * @returns The composed workflow builder page.
+ */
+declare function WorkflowBuilderPage(props: WorkflowBuilderPageProps): JSXElement;
+
+/**
+ * @module CssSolidWorkflowRunsPage
+ * @package @geenius/ai-workflow-solidjs-css
+ * @description Plain-CSS SolidJS page for browsing stored workflow runs. This
+ * page keeps the run list keyboard-accessible while mirroring the Tailwind surface.
+ */
+
+/**
+ * Props for the plain-CSS SolidJS workflow runs page.
+ *
+ * @property runs Workflow runs to display.
+ * @property onSelectRun Optional callback fired when a run card is selected.
+ * @property class Optional class name override for outer layout composition.
+ */
+interface WorkflowRunsPageProps {
+    runs: WorkflowRun[];
+    onSelectRun?: (id: string) => void;
+    class?: string;
+}
+/**
+ * Render a browsable list of stored workflow runs in the plain-CSS SolidJS surface.
+ *
+ * @param props Run collection and optional selection callback.
+ * @returns The workflow runs page.
+ */
+declare function WorkflowRunsPage(props: WorkflowRunsPageProps): JSX.Element;
+
+export { ApprovalModal, type ApprovalModalProps, type ApprovalRequest, type CreateWorkflowOptions, StepConfigPanel, type StepConfigPanelProps, StepConnector, StepNode, type StepNodeProps, StepPalette, type StepPaletteProps, WorkflowBuilderPage, type WorkflowBuilderPageProps, WorkflowCanvas, WorkflowRunPanel, type WorkflowRunPanelProps, WorkflowRunsPage, type WorkflowRunsPageProps, WorkflowToolbar, createApprovalGate, createWorkflow, createWorkflowBuilder, createWorkflowRun, createWorkflowStep, createWorkflowTemplates };