@salesforce/metadata-visualizer-web 1.2.0 → 1.4.0

package/dist/plugins/flow/ui/assets/index-H7g-xvR-.css

@@ -0,0 +1 @@
+.mv-zoom-bar{position:relative;background:var(--mv-panel-bg);border-radius:var(--mv-radius-sm);padding:var(--mv-spacing-xs) var(--mv-spacing-sm);box-shadow:var(--mv-shadow-md);border:1px solid var(--mv-panel-border);display:flex;align-items:center;gap:var(--mv-spacing-xs)}.mv-zoom-bar__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--mv-radius-md);background:transparent;color:var(--mv-text-secondary);cursor:pointer;padding:0;transition:background var(--mv-transition-fast),color var(--mv-transition-fast)}.mv-zoom-bar__btn:hover{background:var(--mv-bg-surface-hover);color:var(--mv-text-primary)}.mv-zoom-bar__btn--active{background:var(--mv-bg-surface-hover);color:var(--mv-interactive-primary)}.mv-zoom-bar__btn--disabled{opacity:.4;cursor:not-allowed}.mv-zoom-bar__level{font-size:var(--mv-font-size-sm);font-weight:var(--mv-font-weight-medium);color:var(--mv-text-primary);min-width:40px;text-align:center;-webkit-user-select:none;user-select:none}.mv-zoom-bar__divider{width:1px;height:20px;background:var(--mv-separator);margin:0 var(--mv-spacing-xs)}.mv-legend-panel{position:absolute;bottom:100%;right:0;margin-bottom:var(--mv-spacing-xs);width:200px;background:var(--mv-panel-bg);border:1px solid var(--mv-panel-border);border-radius:var(--mv-radius-lg);box-shadow:var(--mv-shadow-lg);z-index:100;overflow:hidden}.mv-legend-panel__header{padding:var(--mv-spacing-sm) var(--mv-spacing-md);font-size:var(--mv-font-size-xs);font-weight:var(--mv-font-weight-semibold);color:var(--mv-text-secondary);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--mv-separator)}.mv-legend-panel__body{padding:var(--mv-spacing-sm) 0}.mv-legend-panel__item{display:flex;align-items:center;gap:var(--mv-spacing-md);padding:var(--mv-spacing-sm) var(--mv-spacing-md);font-size:var(--mv-font-size-sm);color:var(--mv-text-primary)}.mv-legend-panel__icon{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0}.mv-marquee-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;cursor:crosshair;background:transparent}.mv-marquee-box{position:absolute;pointer-events:none;background:color-mix(in srgb,var(--mv-interactive-primary) 14%,transparent);border:1px solid var(--mv-interactive-primary);border-radius:var(--mv-radius-sm)}.vibe-edit-panel{position:absolute;bottom:var(--mv-spacing-md);left:50%;transform:translate(-50%);z-index:20;width:min(560px,calc(100% - 2 * var(--mv-spacing-md)));max-height:calc(100% - 2 * var(--mv-spacing-md));display:flex;flex-direction:column;gap:var(--mv-spacing-sm);padding:var(--mv-spacing-md);overflow:hidden;background:var(--mv-panel-bg);border:1px solid var(--mv-panel-border);border-radius:var(--mv-radius-lg);box-shadow:var(--mv-shadow-xl);font-family:var(--mv-font-family)}.vibe-edit-panel__header{display:flex;align-items:center;justify-content:space-between}.vibe-edit-panel__title{font-size:var(--mv-font-size-sm);font-weight:var(--mv-font-weight-semibold);color:var(--mv-text-primary)}.vibe-edit-panel__close{border:none;background:transparent;color:var(--mv-text-secondary);cursor:pointer;font-size:var(--mv-font-size-sm);line-height:1;padding:var(--mv-spacing-xs);border-radius:var(--mv-radius-sm);transition:background var(--mv-transition-fast)}.vibe-edit-panel__close:hover{background:var(--mv-bg-surface-hover);color:var(--mv-text-primary)}.vibe-edit-panel__chips{display:flex;flex-wrap:wrap;gap:var(--mv-spacing-xs);flex:1 1 auto;min-height:0;max-height:96px;overflow-y:auto}.vibe-edit-panel__chip{display:inline-flex;align-items:center;gap:var(--mv-spacing-xs);max-width:180px;padding:2px 2px 2px var(--mv-spacing-sm);font-size:var(--mv-font-size-2xs);font-family:var(--mv-font-family-mono);color:var(--mv-text-primary);background:var(--mv-panel-bg);border:1px solid var(--mv-border-default);border-radius:var(--mv-radius-full)}.vibe-edit-panel__chip-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vibe-edit-panel__chip-remove{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;padding:0;border:none;border-radius:var(--mv-radius-full);background:var(--mv-bg-surface-hover);color:var(--mv-text-secondary);font-size:10px;line-height:1;cursor:pointer;transition:background var(--mv-transition-fast),color var(--mv-transition-fast)}.vibe-edit-panel__chip-remove:hover{background:var(--mv-interactive-primary);color:var(--mv-button-primary-fg)}.vibe-edit-panel__chip-remove:focus-visible{outline:2px solid var(--mv-border-focus);outline-offset:1px}.vibe-edit-panel__chip--field{color:var(--mv-text-secondary);border-color:var(--mv-border-hover, var(--mv-border-default));background:var(--mv-panel-bg)}.vibe-edit-panel__input-wrap{position:relative;display:flex}.vibe-edit-panel__input{width:100%;resize:vertical;min-height:48px;padding:var(--mv-spacing-sm);padding-bottom:calc(var(--mv-spacing-md) + 24px);font-family:var(--mv-font-family);font-size:var(--mv-font-size-sm);line-height:var(--mv-line-height-normal);color:var(--mv-text-primary);background:var(--mv-bg-input);border:1px solid var(--mv-border-input);border-radius:var(--mv-radius-md);box-sizing:border-box}.vibe-edit-panel__input:focus{outline:none;border-color:var(--mv-border-focus)}.vibe-edit-panel__footer{display:flex;align-items:center;justify-content:space-between}.vibe-edit-panel__hint{font-size:var(--mv-font-size-2xs);color:var(--mv-text-muted)}.vibe-edit-panel__submit{position:absolute;right:var(--mv-spacing-sm);bottom:var(--mv-spacing-sm);display:inline-flex;align-items:center;gap:var(--mv-spacing-xs);padding:var(--mv-spacing-2xs, 4px) var(--mv-spacing-sm);font-size:var(--mv-font-size-xs);font-weight:var(--mv-font-weight-medium);color:var(--mv-button-primary-fg);background:var(--mv-interactive-primary);border:none;border-radius:var(--mv-radius-md);cursor:pointer;transition:opacity var(--mv-transition-fast)}.vibe-edit-panel__submit:disabled{opacity:.5;cursor:not-allowed}.vibe-edit-panel__submit:not(:disabled):hover{opacity:.9}.mv-vibe-edit-toggle{display:inline-flex;align-items:center;gap:var(--mv-spacing-xs);padding:var(--mv-spacing-xs) var(--mv-spacing-md);font-size:var(--mv-font-size-xs);font-weight:var(--mv-font-weight-medium);color:var(--mv-text-primary);background:var(--mv-bg-surface);border:1px solid var(--mv-border-default);border-radius:var(--mv-radius-md);cursor:pointer;transition:all var(--mv-transition-fast)}.mv-vibe-edit-toggle:hover{background:var(--mv-bg-surface-hover);border-color:var(--mv-border-hover, var(--mv-border-default))}.mv-vibe-edit-toggle--active{color:var(--mv-interactive-primary);background:var(--mv-interactive-primary-subtle, color-mix(in srgb, var(--mv-interactive-primary) 10%, transparent));border-color:var(--mv-interactive-primary)}[data-mv-hover]{outline:2px dashed var(--mv-interactive-primary);outline-offset:-2px;border-radius:var(--mv-radius-sm);background-color:color-mix(in srgb,var(--mv-interactive-primary) 8%,transparent)}[data-mv-selected]{outline:2px solid var(--mv-interactive-primary);outline-offset:-2px;border-radius:var(--mv-radius-sm);background-color:color-mix(in srgb,var(--mv-interactive-primary) 16%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--mv-interactive-primary) 40%,transparent)}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.flow-legend-wrap{position:absolute;right:16px;bottom:68px;width:220px;z-index:6;pointer-events:none}.flow-legend-wrap .mv-legend-panel{position:relative;bottom:auto;right:auto;width:100%;pointer-events:auto}

package/dist/plugins/flow/ui/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Salesforce Flow Visualizer</title>
+    <script type="module" crossorigin src="./assets/index-DJP9DbPL.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-H7g-xvR-.css">
+    <link rel="stylesheet" href="@dist/design-system/platform.css" data-platform-styles="true">
+  </head>
+  <body>
+    <div id="root" class="flow-app"></div>
+  </body>
+</html>