@walkeros/explorer 1.0.1 → 2.0.1

package/dist/{monaco-types-4FIH5OVX.mjs → monaco-types-OLSF6MIE.mjs}

@@ -14,7 +14,7 @@ import {
   removeDestinationType,
   removeTypeLibrary,
   updateTypeLibrary
-} from "./chunk-VWWAIDNX.mjs";
+} from "./chunk-YKT4D7MG.mjs";
 export {
   addDestinationType,
   addFunctionContextTypes,
@@ -31,4 +31,4 @@ export {
   removeTypeLibrary,
   updateTypeLibrary
 };
-//# sourceMappingURL=monaco-types-4FIH5OVX.mjs.map
+//# sourceMappingURL=monaco-types-OLSF6MIE.mjs.map

package/dist/styles.css

@@ -40,6 +40,31 @@
   --color-status-enabled: #22c55e;
   --color-status-disabled: #9ca3af;
   --color-status-warning: #f59e0b;
+  --color-alert-info-bg: #eff6ff;
+  --color-alert-info-border: #bfdbfe;
+  --color-alert-info-text: #1e40af;
+  --color-alert-success-bg: #f0fdf4;
+  --color-alert-success-border: #bbf7d0;
+  --color-alert-success-text: #166534;
+  --color-alert-warning-bg: #fefce8;
+  --color-alert-warning-border: #fde68a;
+  --color-alert-warning-text: #854d0e;
+  --color-alert-error-bg: #fef2f2;
+  --color-alert-error-border: #fecaca;
+  --color-alert-error-text: #991b1b;
+  --color-focus-ring: rgba(1, 181, 226, 0.2);
+  --color-error-ring: rgba(239, 68, 68, 0.2);
+  --spacing-xs: 4px;
+  --spacing-sm: 8px;
+  --spacing-md: 12px;
+  --spacing-lg: 16px;
+  --spacing-xl: 24px;
+  --font-size-xs: 11px;
+  --font-size-sm: 12px;
+  --line-height-relaxed: 1.6;
+  --font-weight-medium: 500;
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --z-dropdown: 50;
   --color-highlight-primary: #01b5e2;
   --radius-box: 4px;
   --radius-button: 3px;
@@ -1492,6 +1517,208 @@
     font-size: 14px;
   }
 }
+.elb-spinner {
+  display: inline-block;
+  border: 2px solid var(--border-input);
+  border-top-color: var(--color-button-primary);
+  border-radius: 50%;
+  animation: elb-spin 0.6s linear infinite;
+}
+.elb-spinner--sm {
+  width: 1rem;
+  height: 1rem;
+}
+.elb-spinner--md {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.elb-spinner--lg {
+  width: 2rem;
+  height: 2rem;
+}
+@keyframes elb-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.elb-alert {
+  padding: var(--spacing-md);
+  border-radius: var(--radius-box);
+  border: 1px solid transparent;
+}
+.elb-alert__title {
+  font-weight: var(--font-weight-semibold);
+  margin-bottom: var(--spacing-xs);
+}
+.elb-alert__content {
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-relaxed);
+}
+.elb-alert__note {
+  margin-top: var(--spacing-sm);
+  font-size: var(--font-size-xs);
+  opacity: 0.8;
+}
+.elb-alert--info {
+  background-color: var(--color-alert-info-bg);
+  border-color: var(--color-alert-info-border);
+  color: var(--color-alert-info-text);
+}
+.elb-alert--success {
+  background-color: var(--color-alert-success-bg);
+  border-color: var(--color-alert-success-border);
+  color: var(--color-alert-success-text);
+}
+.elb-alert--warning {
+  background-color: var(--color-alert-warning-bg);
+  border-color: var(--color-alert-warning-border);
+  color: var(--color-alert-warning-text);
+}
+.elb-alert--error {
+  background-color: var(--color-alert-error-bg);
+  border-color: var(--color-alert-error-border);
+  color: var(--color-alert-error-text);
+}
+.elb-form-field {
+  margin-bottom: var(--spacing-md);
+}
+.elb-form-field__label {
+  display: block;
+  margin-bottom: var(--spacing-xs);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text);
+}
+.elb-form-field__required {
+  color: var(--color-button-danger);
+  margin-left: var(--spacing-xs);
+}
+.elb-form-field__input {
+  width: 100%;
+}
+.elb-form-field__error {
+  margin-top: var(--spacing-xs);
+  font-size: var(--font-size-xs);
+  color: var(--color-button-danger);
+}
+.elb-form-field--error .elb-form-field__label {
+  color: var(--color-button-danger);
+}
+.elb-form-input {
+  width: 100%;
+  padding: var(--spacing-sm) var(--spacing-md);
+  font-size: var(--font-size-base);
+  font-family: inherit;
+  color: var(--color-text-input);
+  background-color: var(--bg-input);
+  border: 1px solid var(--border-input);
+  border-radius: var(--radius-box);
+  outline: none;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.elb-form-input::placeholder {
+  color: var(--color-text-placeholder);
+}
+.elb-form-input:focus {
+  border-color: var(--border-input-focus);
+  box-shadow: 0 0 0 2px var(--color-focus-ring);
+}
+.elb-form-input:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  background-color: var(--bg-input-hover);
+}
+.elb-form-input--error {
+  border-color: var(--color-button-danger);
+}
+.elb-form-input--error:focus {
+  border-color: var(--color-button-danger);
+  box-shadow: 0 0 0 2px var(--color-error-ring);
+}
+.elb-form-textarea {
+  width: 100%;
+  padding: var(--spacing-sm) var(--spacing-md);
+  font-size: var(--font-size-base);
+  font-family: var(--font-mono);
+  color: var(--color-text-input);
+  background-color: var(--bg-input);
+  border: 1px solid var(--border-input);
+  border-radius: var(--radius-box);
+  outline: none;
+  resize: vertical;
+  min-height: 6rem;
+  line-height: var(--line-height-relaxed);
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.elb-form-textarea::placeholder {
+  color: var(--color-text-placeholder);
+}
+.elb-form-textarea:focus {
+  border-color: var(--border-input-focus);
+  box-shadow: 0 0 0 2px var(--color-focus-ring);
+}
+.elb-form-textarea:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  background-color: var(--bg-input-hover);
+  resize: none;
+}
+.elb-form-textarea--error {
+  border-color: var(--color-button-danger);
+}
+.elb-form-textarea--error:focus {
+  border-color: var(--color-button-danger);
+  box-shadow: 0 0 0 2px var(--color-error-ring);
+}
+.elb-submit-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-sm) var(--spacing-lg);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
+  font-family: inherit;
+  border: none;
+  border-radius: var(--radius-box);
+  cursor: pointer;
+  transition: background-color 0.15s ease, opacity 0.15s ease;
+}
+.elb-submit-button:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.elb-submit-button--primary {
+  background-color: var(--color-button-primary);
+  color: var(--color-button-primary-text);
+}
+.elb-submit-button--primary:hover:not(:disabled) {
+  background-color: var(--color-button-primary-hover);
+}
+.elb-submit-button--default {
+  background-color: var(--bg-button-group);
+  color: var(--color-text);
+  border: 1px solid var(--border-input);
+}
+.elb-submit-button--default:hover:not(:disabled) {
+  background-color: var(--bg-button-hover);
+}
+.elb-submit-button--danger {
+  background-color: var(--color-button-danger);
+  color: var(--color-button-danger-text);
+}
+.elb-submit-button--danger:hover:not(:disabled) {
+  background-color: var(--color-button-danger-hover);
+}
+.elb-submit-button--full-width {
+  width: 100%;
+}
+.elb-submit-button--loading {
+  cursor: wait;
+}
+.elb-submit-button__spinner {
+  flex-shrink: 0;
+}
 .elb-auto-select {
   position: relative;
   width: 100%;
@@ -1596,6 +1823,114 @@
   font-style: italic;
   font-size: 0.9em;
 }
+.elb-form-card {
+  background-color: var(--bg-box);
+  border: 1px solid var(--border-box);
+  border-radius: var(--radius-box);
+  padding: var(--spacing-xl);
+  margin: 0 auto;
+}
+.elb-form-card--sm {
+  max-width: 24rem;
+}
+.elb-form-card--md {
+  max-width: 32rem;
+}
+.elb-form-card--lg {
+  max-width: 48rem;
+}
+.elb-form-card--full {
+  max-width: none;
+}
+.elb-form-card__header {
+  margin-bottom: var(--spacing-lg);
+  text-align: center;
+}
+.elb-form-card__title {
+  font-size: var(--font-size-xl);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text);
+  margin: 0;
+}
+.elb-form-card__subtitle {
+  margin-top: var(--spacing-xs);
+  font-size: var(--font-size-sm);
+  color: var(--color-text-muted);
+}
+.elb-form-card__footer {
+  margin-top: var(--spacing-lg);
+  padding-top: var(--spacing-lg);
+  border-top: 1px solid var(--border-box);
+  text-align: center;
+  font-size: var(--font-size-sm);
+  color: var(--color-text-muted);
+}
+.elb-dropdown {
+  position: relative;
+  display: inline-block;
+}
+.elb-dropdown__trigger {
+  cursor: pointer;
+  user-select: none;
+}
+.elb-dropdown__trigger:focus {
+  outline: 2px solid var(--border-input-focus);
+  outline-offset: 2px;
+  border-radius: var(--radius-button);
+}
+.elb-dropdown__panel {
+  position: absolute;
+  top: 100%;
+  margin-top: var(--spacing-xs);
+  min-width: 12rem;
+  background-color: var(--bg-dropdown);
+  border: 1px solid var(--border-box);
+  border-radius: var(--radius-box);
+  box-shadow: var(--shadow-lg);
+  z-index: var(--z-dropdown);
+  padding: var(--spacing-xs) 0;
+}
+.elb-dropdown__panel--left {
+  left: 0;
+}
+.elb-dropdown__panel--right {
+  right: 0;
+}
+.elb-dropdown__item {
+  display: block;
+  width: 100%;
+  padding: var(--spacing-sm) var(--spacing-md);
+  font-size: var(--font-size-sm);
+  font-family: inherit;
+  text-align: left;
+  color: var(--color-text);
+  background: none;
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.1s ease;
+}
+.elb-dropdown__item:hover:not(:disabled) {
+  background-color: var(--bg-dropdown-option-hover);
+}
+.elb-dropdown__item:focus {
+  outline: none;
+  background-color: var(--bg-dropdown-option-hover);
+}
+.elb-dropdown__item--danger {
+  color: var(--color-button-danger);
+}
+.elb-dropdown__item--danger:hover:not(:disabled) {
+  background-color: var(--color-alert-error-bg);
+}
+.elb-dropdown__item--disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.elb-dropdown__divider {
+  height: 1px;
+  margin: var(--spacing-xs) 0;
+  background-color: var(--border-box);
+}
 .elb-code-box {
   display: flex;
   flex-direction: column;
@@ -3461,6 +3796,97 @@
   align-items: center;
   justify-content: center;
 }
+.elb-flow-deploy-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  padding: 1rem;
+  background: var(--bg-box);
+  border: 1px solid var(--border-box);
+  border-radius: var(--radius-box);
+}
+.elb-flow-deploy-panel__status {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.elb-flow-deploy-panel__dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--color-text-muted);
+  flex-shrink: 0;
+}
+.elb-flow-deploy-panel__dot--active {
+  background: #22c55e;
+}
+.elb-flow-deploy-panel__dot--deploying {
+  background: #eab308;
+  animation: elb-flow-deploy-panel-pulse 1.5s ease-in-out infinite;
+}
+.elb-flow-deploy-panel__dot--failed {
+  background: #ef4444;
+}
+.elb-flow-deploy-panel__status-text {
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text);
+}
+.elb-flow-deploy-panel__time {
+  color: var(--color-text-muted);
+  font-size: calc(var(--font-size-base) - 2px);
+}
+.elb-flow-deploy-panel__warning {
+  padding: 0.4rem 0.6rem;
+  background: rgba(234, 179, 8, 0.1);
+  border: 1px solid rgba(234, 179, 8, 0.3);
+  border-radius: var(--radius-box);
+  color: #eab308;
+  font-size: calc(var(--font-size-base) - 1px);
+}
+.elb-flow-deploy-panel__endpoint {
+  padding: 0.4rem 0.6rem;
+  background: var(--bg-header);
+  border-radius: var(--radius-box);
+  overflow-x: auto;
+}
+.elb-flow-deploy-panel__url {
+  font-family: var(--font-mono);
+  font-size: calc(var(--font-size-base) - 2px);
+  color: var(--color-text-label);
+  word-break: break-all;
+}
+.elb-flow-deploy-panel__error {
+  padding: 0.4rem 0.6rem;
+  background: rgba(239, 68, 68, 0.1);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  border-radius: var(--radius-box);
+  color: #ef4444;
+  font-size: calc(var(--font-size-base) - 1px);
+}
+.elb-flow-deploy-panel__actions {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+.elb-flow-deploy-panel__delete {
+  border: none;
+  background: none;
+  color: var(--color-text-muted);
+  font-size: calc(var(--font-size-base) - 1px);
+  cursor: pointer;
+  padding: 0.25rem 0;
+}
+.elb-flow-deploy-panel__delete:hover {
+  color: var(--color-button-danger);
+}
+@keyframes elb-flow-deploy-panel-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}
 .elb-flow-map {
   display: inline-block;
   padding: 8px 0;
@@ -3468,6 +3894,65 @@
 .elb-flow-map canvas {
   display: block;
 }
+.elb-flow-selector {
+  display: flex;
+  gap: 2px;
+  border-bottom: 1px solid var(--border-box);
+  padding: 0 0.25rem;
+}
+.elb-flow-selector__tab {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.5rem 0.75rem;
+  border: none;
+  background: none;
+  color: var(--color-text-muted);
+  font-size: calc(var(--font-size-base) - 1px);
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  transition: color 0.15s ease, border-color 0.15s ease;
+}
+.elb-flow-selector__tab:hover {
+  color: var(--color-text);
+}
+.elb-flow-selector__tab--selected {
+  color: var(--color-text);
+  border-bottom-color: var(--color-button-primary);
+}
+.elb-flow-selector__dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--color-text-muted);
+  flex-shrink: 0;
+}
+.elb-flow-selector__dot--active {
+  background: #22c55e;
+}
+.elb-flow-selector__dot--deploying {
+  background: #eab308;
+  animation: elb-flow-selector-pulse 1.5s ease-in-out infinite;
+}
+.elb-flow-selector__dot--failed {
+  background: #ef4444;
+}
+.elb-flow-selector__name {
+  font-weight: var(--font-weight-semibold);
+}
+.elb-flow-selector__platform {
+  color: var(--color-text-label);
+  font-size: calc(var(--font-size-base) - 2px);
+}
+@keyframes elb-flow-selector-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}
 .elb-collapsible {
   padding: 12px;
   border: 1px solid var(--border-input);
@@ -4117,6 +4602,100 @@
     padding: 16px 20px 20px;
   }
 }
+.elb-split-button {
+  display: inline-flex;
+  position: relative;
+}
+.elb-split-button__primary,
+.elb-split-button__toggle {
+  border: none;
+  cursor: pointer;
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  transition: background-color 0.15s ease;
+}
+.elb-split-button__primary:disabled,
+.elb-split-button__toggle:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.elb-split-button__primary {
+  padding: 0.5rem 1rem;
+  border-radius: var(--radius-button) 0 0 var(--radius-button);
+}
+.elb-split-button__toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5rem 0.6rem;
+  border-left: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 0 var(--radius-button) var(--radius-button) 0;
+}
+.elb-split-button__arrow {
+  width: 10px;
+  height: 6px;
+}
+.elb-split-button--primary .elb-split-button__primary,
+.elb-split-button--primary .elb-split-button__toggle {
+  background: var(--color-button-primary);
+  color: #fff;
+}
+.elb-split-button--primary .elb-split-button__primary:hover:not(:disabled),
+.elb-split-button--primary .elb-split-button__toggle:hover:not(:disabled) {
+  filter: brightness(1.1);
+}
+.elb-split-button--default .elb-split-button__primary,
+.elb-split-button--default .elb-split-button__toggle {
+  background: var(--bg-button-hover);
+  color: var(--color-text);
+}
+.elb-split-button--default .elb-split-button__primary:hover:not(:disabled),
+.elb-split-button--default .elb-split-button__toggle:hover:not(:disabled) {
+  filter: brightness(1.1);
+}
+.elb-split-button--default .elb-split-button__toggle {
+  border-left-color: var(--border-box);
+}
+.elb-split-button--danger .elb-split-button__primary,
+.elb-split-button--danger .elb-split-button__toggle {
+  background: var(--color-button-danger);
+  color: #fff;
+}
+.elb-split-button--danger .elb-split-button__primary:hover:not(:disabled),
+.elb-split-button--danger .elb-split-button__toggle:hover:not(:disabled) {
+  filter: brightness(1.1);
+}
+.elb-split-button__dropdown {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  min-width: 180px;
+  background: var(--bg-box);
+  border: 1px solid var(--border-box);
+  border-radius: var(--radius-box);
+  box-shadow: var(--shadow-dropdown);
+  z-index: 10;
+  overflow: hidden;
+}
+.elb-split-button__action {
+  display: block;
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  border: none;
+  background: none;
+  color: var(--color-text);
+  font-size: calc(var(--font-size-base) - 1px);
+  text-align: left;
+  cursor: pointer;
+  transition: background-color 0.1s ease;
+}
+.elb-split-button__action:hover:not(:disabled) {
+  background: var(--bg-button-hover);
+}
+.elb-split-button__action:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
 .elb-validation-errors-list {
   display: flex;
   flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@walkeros/explorer",
-  "version": "1.0.1",
+  "version": "2.0.1",
   "description": "Interactive React components for walkerOS documentation and exploration",
   "license": "MIT",
   "type": "module",
@@ -44,21 +44,15 @@
     "monaco-editor": "^0.55.1",
     "prettier": "^3.7.4",
     "roughjs": "^4.6.6",
+    "@walkeros/collector": "^2.0.1",
+    "@walkeros/core": "^2.0.1",
+    "@walkeros/web-source-browser": "^2.0.1",
     "tailwind-merge": "^3.4.0"
   },
   "peerDependencies": {
-    "@walkeros/core": "^0.8.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
-  "peerDependenciesMeta": {
-    "@walkeros/collector": {
-      "optional": true
-    },
-    "@walkeros/web-source-browser": {
-      "optional": true
-    }
-  },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
     "@storybook/addon-docs": "^10.1.11",
@@ -74,10 +68,7 @@
     "@typescript-eslint/eslint-plugin": "^8.28.0",
     "@typescript-eslint/parser": "^8.28.0",
     "@vitejs/plugin-react": "^5.1.2",
-    "@walkeros/collector": "^0.9.0",
-    "@walkeros/core": "^0.8.0",
-    "@walkeros/web-destination-gtag": "^0.8.0",
-    "@walkeros/web-source-browser": "^0.8.0",
+    "@walkeros/web-destination-gtag": "^2.0.1",
     "baseline-browser-mapping": "^2.9.14",
     "eslint": "^9.23.0",
     "eslint-plugin-jest": "^28.11.0",