npm - reviewflow - Versions diffs - 3.21.0 → 3.22.0 - Mend

reviewflow 3.21.0 → 3.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## [3.22.0](https://github.com/DGouron/review-flow/compare/reviewflow-v3.21.0...reviewflow-v3.22.0) (2026-05-25)
+### Added
+* **dashboard:** operator's console redesign + animations ([#204](https://github.com/DGouron/review-flow/issues/204)) ([8b33ebd](https://github.com/DGouron/review-flow/commit/8b33ebd28bc09a85280371c499f68d73927eb18e))
 ## [3.21.0](https://github.com/DGouron/review-flow/compare/reviewflow-v3.20.0...reviewflow-v3.21.0) (2026-05-25)

package/dist/dashboard/index.html CHANGED Viewed

@@ -4,13 +4,25 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Reviewflow Dashboard</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="styles.css">
   <script src="https://unpkg.com/lucide@latest"></script>
 </head>
 <body>
   <div class="container">
     <header>
-      <div class="logo"><i data-lucide="bot"></i></div>
+      <div class="logo" aria-label="Reviewflow">
+        <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+          <rect class="logo-frame" x="2" y="2" width="40" height="40" rx="10"/>
+          <line class="logo-line" x1="10" y1="14" x2="26" y2="14"/>
+          <line class="logo-line logo-line--accent" x1="10" y1="22" x2="20" y2="22"/>
+          <line class="logo-line" x1="10" y1="30" x2="24" y2="30"/>
+          <path class="logo-check" d="M28 26 L31 29 L36 22"/>
+          <circle class="logo-pulse" cx="20" cy="22" r="1.7"/>
+        </svg>
+      </div>
       <h1>Reviewflow</h1>
       <div class="header-actions">
         <div class="version-update-wrapper">
@@ -37,6 +49,29 @@
       </button>
       <section id="manage-panel" class="manage-panel" aria-label="Manage projects" data-open="false"></section>
       <nav id="dashboard-tabs" class="dashboard-tab-bar-wrapper" aria-label="Project tabs"></nav>
+      <div class="context-chips" aria-label="Toolchain status">
+        <div class="toolchain-chip">
+          <span class="toolchain-chip-label" id="i18n-card-claude-cli"></span>
+          <div id="claude-status" class="card-claude checking">
+            <span class="status" id="i18n-claude-checking"></span>
+            <span class="version"></span>
+          </div>
+        </div>
+        <div class="toolchain-chip" id="git-cli-card">
+          <span class="toolchain-chip-label" id="git-cli-label"></span>
+          <div id="git-cli-status" class="card-claude checking">
+            <span class="status" id="i18n-git-load-project"></span>
+            <span class="version"></span>
+          </div>
+        </div>
+        <div class="toolchain-chip toolchain-chip-model">
+          <span class="toolchain-chip-label" id="i18n-card-model"></span>
+          <select id="model-select" class="model-select" onchange="changeModel(this.value)">
+            <option value="opus" id="i18n-model-opus"></option>
+            <option value="sonnet" id="i18n-model-sonnet"></option>
+          </select>
+        </div>
+      </div>
     </div>
     <div id="cards-scope-marker" class="cards-scope-marker" data-scope-kind="overview">
@@ -57,44 +92,21 @@
         <div class="card-label" id="i18n-card-completed"></div>
         <div id="completed-count" class="card-value">-</div>
       </div>
-      <div class="card">
-        <div class="card-label" id="i18n-card-claude-cli"></div>
-        <div id="claude-status" class="card-claude checking">
-          <span class="status" id="i18n-claude-checking"></span>
-          <span class="version"></span>
-        </div>
-      </div>
-      <div class="card" id="git-cli-card">
-        <div class="card-label" id="git-cli-label"></div>
-        <div id="git-cli-status" class="card-claude checking">
-          <span class="status" id="i18n-git-load-project"></span>
-          <span class="version"></span>
-        </div>
-      </div>
-      <div class="card">
-        <div class="card-label" id="i18n-card-model"></div>
-        <div class="card-model">
-          <select id="model-select" class="model-select" onchange="changeModel(this.value)">
-            <option value="opus" id="i18n-model-opus"></option>
-            <option value="sonnet" id="i18n-model-sonnet"></option>
-          </select>
-        </div>
-      </div>
     </div>
     <div class="dashboard-layout">
       <aside class="dashboard-sidebar" aria-label="Project tools">
-        <div class="sidebar-language">
-          <label class="sidebar-language-label" for="language-select" id="i18n-card-language"></label>
-          <select id="language-select" class="model-select" onchange="changeLanguage(this.value)">
-            <option value="en">English</option>
-            <option value="fr">Français</option>
-          </select>
-        </div>
+        <button type="button" id="open-settings-modal-btn" class="sidebar-settings-button" hidden>
+          <span class="sidebar-settings-button__prefix">// SETTINGS</span>
+        </button>
         <span id="config-status" class="config-status hidden"></span>
-        <div class="focus-strip">
+        <section id="worktree-section" aria-label="Worktree pool"></section>
+      </aside>
+      <main class="dashboard-main">
+        <div class="focus-strip attention-strip" aria-label="Attention indicators">
           <div class="focus-chip focus-now">
             <div class="focus-copy">
               <span class="focus-label" id="i18n-strip-now"></span>
@@ -119,14 +131,6 @@
           <button id="focus-strip-toggle" class="focus-toggle-btn" onclick="toggleFocusStripMode()"></button>
         </div>
-        <section id="worktree-section" aria-label="Worktree pool"></section>
-        <button type="button" id="open-settings-modal-btn" class="sidebar-settings-button" hidden>
-          <span class="sidebar-settings-button__prefix">// SETTINGS</span>
-        </button>
-      </aside>
-      <main class="dashboard-main">
         <section id="overview-section" class="overview-section" aria-label="Multi-project overview"></section>
         <div id="data-loading-state" class="data-loading hidden" role="status" aria-live="polite">
@@ -154,7 +158,11 @@
             <span id="pending-reviews-count" class="badge-count hidden">0</span>
           </div>
           <div id="pending-reviews" class="section-content">
-            <div class="empty-state" id="i18n-empty-pending-reviews"></div>
+            <div class="heartbeat-empty-state" id="pending-reviews-empty-state">
+              <span class="heartbeat-label">// STANDBY</span>
+              <span class="heartbeat-message" id="i18n-empty-pending-reviews">No reviews waiting for confirmation</span>
+              <div class="heartbeat-line-container" id="heartbeat-line" aria-hidden="true"></div>
+            </div>
           </div>
         </div>
@@ -323,9 +331,30 @@
   <dialog id="settings-modal" class="settings-modal" aria-labelledby="settings-modal-title"></dialog>
+  <!-- UI language select — kept in DOM for JS wiring; visual control lives in settings modal -->
+  <select id="language-select" style="display:none" aria-hidden="true" onchange="changeLanguage(this.value)">
+    <option value="en">English</option>
+    <option value="fr">Français</option>
+  </select>
   <script type="module">
     import { t, setLanguage, getLanguage } from './modules/i18n.js';
     import { formatTime, formatDuration, formatPhase, formatLogTime } from './modules/formatting.js';
+    import {
+      reducedMotion,
+      animateMount,
+      animateCounter as animateCounterValue,
+      slideTabUnderline,
+      heartbeat,
+      pulseLive,
+      springIn,
+      liftCard,
+      unliftCard,
+      pulseStatusDot,
+      breatheLogo,
+      crossFadeTab,
+      toggleHeight,
+    } from './modules/animations.js';
     import { escapeHtml, markdownToHtml, sanitizeHttpUrl } from './modules/html.js';
     import { getAgentIcon, icon, refreshIcons } from './modules/icons.js';
     import { MAX_RECONNECT_ATTEMPTS, RECONNECT_DELAY, STORAGE_KEY_CURRENT, STORAGE_KEY_FOCUS_STRIP_MODE, QUALITY_TARGET_SCORE } from './modules/constants.js';
@@ -334,7 +363,7 @@
     import { renderOverviewHtml } from './modules/overview.js';
     import { getDesktopNotificationPayload, shouldNotifyDesktop } from './modules/desktopNotifications.js';
     import { getLoadingPresentation, getQuietRefreshSectionIdentifiers } from './modules/loading.js';
-    import { computeCardCounters } from './modules/cardCounters.js';
+    import { computeCardCounters, extractGithubSlug } from './modules/cardCounters.js';
     import { collectReviewNotifications, createReviewNotificationState } from './modules/notifications.js';
     import { resolveReviewAssigneeDisplay } from './modules/assignee.js';
     import { buildQueueLanesModel } from './modules/queueLanes.js';
@@ -804,6 +833,13 @@
       document.getElementById('focus-next-count').textContent = String(nextCount);
       document.getElementById('focus-blocked-count').textContent = String(blocked);
+      const chipNow = document.querySelector('.focus-chip.focus-now');
+      const chipNext = document.querySelector('.focus-chip.focus-next');
+      const chipBlocked = document.querySelector('.focus-chip.focus-blocked');
+      if (chipNow) chipNow.dataset.active = nowCount > 0 ? 'true' : 'false';
+      if (chipNext) chipNext.dataset.active = nextCount > 0 ? 'true' : 'false';
+      if (chipBlocked) chipBlocked.dataset.active = blocked > 0 ? 'critical' : 'false';
       const activeReviewsSection = document.getElementById('active-reviews-section');
       const activeReviewsEl = document.getElementById('active-reviews');
       const activeReviewsCount = document.getElementById('active-reviews-count');
@@ -2392,7 +2428,11 @@
       } else {
         const repository = availableRepositories.find((r) => r.localPath === activeTabId);
         const projectName = repository?.name ?? activeTabId.split('/').filter(Boolean).pop() ?? activeTabId;
-        scope = { kind: 'project', localPath: activeTabId, projectName };
+        const aliases = [];
+        const slug = extractGithubSlug(repository?.remoteUrl);
+        if (slug) aliases.push(slug);
+        if (repository?.name) aliases.push(repository.name);
+        scope = { kind: 'project', localPath: activeTabId, projectName, aliases };
       }
       const counters = computeCardCounters({
         activeReviews: currentData.activeReviews,
@@ -2428,6 +2468,7 @@
           handleTabClick(tabId);
         });
       });
+      setupTabUnderline();
     }
     function handleTabClick(tabId) {
@@ -2499,6 +2540,11 @@
         });
         dialog.innerHTML = renderSettingsModalHtml(viewModel);
         bindSettingsModalForm(dialog);
+        const uiLangSelect = dialog.querySelector('#settings-modal-ui-language');
+        if (uiLangSelect) {
+          const hiddenSelect = document.getElementById('language-select');
+          uiLangSelect.value = hiddenSelect ? hiddenSelect.value : getLanguage();
+        }
         dialog.showModal();
       } catch (error) {
         showToast(t('toast.error') || 'Erreur', 'error');
@@ -2627,6 +2673,12 @@
         isManagePanelOpen = !isManagePanelOpen;
         toggle.setAttribute('aria-expanded', isManagePanelOpen ? 'true' : 'false');
         renderManagePanel();
+        const panel = document.getElementById('manage-panel');
+        if (panel) {
+          loadAnimeApi().then((anime) => {
+            if (anime) toggleHeight(panel, isManagePanelOpen, { animeApi: anime });
+          }).catch(() => {});
+        }
       });
     }
@@ -3390,7 +3442,169 @@
     }
     refreshWorktreeSection({ animate: true });
-    setInterval(() => refreshWorktreeSection({ animate: false }), 30000);
+    setInterval(() => refreshWorktreeSection({ animate: false }), 5000);
+    // === Operator's Console boot animations ===
+    let heartbeatStop = null;
+    async function bootAnimations() {
+      const anime = await loadAnimeApi();
+      if (!anime) return;
+      // Logo breath — daemon-alive signal
+      const logo = document.querySelector('.logo');
+      if (logo) breatheLogo(logo, { animeApi: anime });
+      // Online status dot pulse
+      const statusDot = document.querySelector('.status-dot');
+      if (statusDot) pulseStatusDot(statusDot, { animeApi: anime });
+      // Metric cards stagger mount
+      const cards = document.querySelectorAll('.cards > .card');
+      if (cards.length > 0) animateMount(cards, { animeApi: anime });
+      // Sidebar slide-in
+      const sidebar = document.querySelector('.dashboard-sidebar');
+      if (sidebar && !reducedMotion()) {
+        anime.animate(sidebar, {
+          opacity: [{ from: 0, to: 1 }],
+          translateX: [{ from: -8, to: 0 }],
+          duration: 280,
+          easing: 'easeOutCubic',
+        });
+      }
+      // Attention strip mount (focus-strip promoted to main)
+      const focusChips = document.querySelectorAll('.focus-chip');
+      if (focusChips.length > 0) animateMount(focusChips, { animeApi: anime, staggerMs: 40, yOffset: 8 });
+      // Heartbeat on pending-reviews empty state
+      startHeartbeat(anime);
+      // Card hover lift — wire to existing cards
+      wireCardHovers(anime);
+      // Settings modal spring-in
+      wireSettingsModal(anime);
+    }
+    function startHeartbeat(anime) {
+      const container = document.getElementById('heartbeat-line');
+      if (!container) return;
+      if (heartbeatStop) heartbeatStop.stop();
+      heartbeatStop = heartbeat(container, { animeApi: anime });
+    }
+    function wireCardHovers(anime) {
+      const cards = document.querySelectorAll('.cards > .card');
+      for (const card of cards) {
+        card.addEventListener('mouseenter', () => liftCard(card, { animeApi: anime }));
+        card.addEventListener('mouseleave', () => unliftCard(card, { animeApi: anime }));
+      }
+    }
+    function wireSettingsModal(anime) {
+      const modal = document.getElementById('settings-modal');
+      if (!modal) return;
+      modal.addEventListener('animationsjs-open', () => springIn(modal, { animeApi: anime }));
+    }
+    // Tab underline glide — set up after tab bar renders
+    let tabUnderlineEl = null;
+    function setupTabUnderline() {
+      const tabBar = document.querySelector('.dashboard-tab-bar');
+      if (!tabBar) return;
+      if (!tabUnderlineEl) {
+        tabUnderlineEl = document.createElement('div');
+        tabUnderlineEl.className = 'tab-underline-indicator';
+        tabBar.style.position = 'relative';
+        tabBar.appendChild(tabUnderlineEl);
+      }
+      const activeTab = tabBar.querySelector('.is-active');
+      if (activeTab) {
+        loadAnimeApi().then((anime) => {
+          if (anime && tabUnderlineEl) slideTabUnderline(tabUnderlineEl, activeTab, { animeApi: anime });
+        }).catch(() => {});
+      }
+    }
+    // Counter animation — wrap renderCardCounters and focus strip to animate changes
+    const originalCounterIds = ['running-count', 'queued-count', 'completed-count', 'focus-now-count', 'focus-next-count', 'focus-blocked-count'];
+    const previousCounterValues = {};
+    function animateCounterChanges(anime) {
+      for (const id of originalCounterIds) {
+        const el = document.getElementById(id);
+        if (!el) continue;
+        if (el.dataset.animating === 'true') continue;
+        const currentText = el.textContent;
+        const currentVal = parseInt(currentText, 10);
+        const prevVal = previousCounterValues[id];
+        if (!Number.isNaN(currentVal) && prevVal !== undefined && prevVal !== currentVal) {
+          el.dataset.animating = 'true';
+          animateCounterValue(el, prevVal, currentVal, {
+            animeApi: anime,
+            onComplete: () => {
+              el.dataset.animating = 'false';
+              previousCounterValues[id] = currentVal;
+            },
+          });
+        } else if (!Number.isNaN(currentVal)) {
+          previousCounterValues[id] = currentVal;
+        }
+      }
+    }
+    // Observe counter element changes
+    async function observeCounters() {
+      const anime = await loadAnimeApi();
+      if (!anime) return;
+      // Snapshot initial values
+      for (const id of originalCounterIds) {
+        const el = document.getElementById(id);
+        if (el) {
+          const val = parseInt(el.textContent, 10);
+          if (!Number.isNaN(val)) previousCounterValues[id] = val;
+        }
+      }
+      const observer = new MutationObserver(() => animateCounterChanges(anime));
+      for (const id of originalCounterIds) {
+        const el = document.getElementById(id);
+        if (el) observer.observe(el, { childList: true, characterData: true, subtree: true });
+      }
+    }
+    // Visibility change — pause/resume heartbeat to save battery
+    document.addEventListener('visibilitychange', () => {
+      loadAnimeApi().then((anime) => {
+        if (!anime) return;
+        if (document.hidden) {
+          if (heartbeatStop) heartbeatStop.stop();
+        } else {
+          startHeartbeat(anime);
+        }
+      }).catch(() => {});
+    });
+    // Boot animations & observers exactly once, regardless of readyState timing
+    let __animationsBooted = false;
+    function bootOnce() {
+      if (__animationsBooted) return;
+      __animationsBooted = true;
+      bootAnimations();
+      observeCounters();
+    }
+    if (document.readyState !== 'loading') {
+      bootOnce();
+    } else {
+      window.addEventListener('DOMContentLoaded', bootOnce);
+    }
   </script>
 </body>
 </html>

package/dist/dashboard/modules/animations.d.ts ADDED Viewed

@@ -0,0 +1,164 @@
+/**
+ * animations.js — Anime.js v4 animation helpers for the Operator's Console dashboard.
+ *
+ * Pure functions: take DOM elements + options, delegate to anime.js, return nothing
+ * (or a stop handle for loops). No DOM access at module level, no global state.
+ *
+ * Every function guards on reducedMotion() and returns immediately (or applies end-state)
+ * when the user prefers reduced motion.
+ *
+ * @module animations
+ */
+/**
+ * Returns true when the user has opted-in to reduced motion.
+ * @returns {boolean}
+ */
+export function reducedMotion(): boolean;
+/**
+ * Fade-up stagger mount animation for a NodeList or Array of elements.
+ * @param {Element[]|NodeList} elements
+ * @param {{ staggerMs?: number, durationMs?: number, yOffset?: number, animeApi: object }} options
+ */
+export function animateMount(elements: Element[] | NodeList, options: {
+    staggerMs?: number;
+    durationMs?: number;
+    yOffset?: number;
+    animeApi: object;
+}): void;
+/**
+ * Animated number counter — morphs text content from oldValue to newValue.
+ * Adds a brief scale pulse on the element.
+ * @param {Element} element
+ * @param {number} from
+ * @param {number} to
+ * @param {{ animeApi: object, durationMs?: number, onComplete?: () => void }} options
+ */
+export function animateCounter(element: Element, from: number, to: number, options: {
+    animeApi: object;
+    durationMs?: number;
+    onComplete?: () => void;
+}): void;
+/**
+ * Slide the shared tab underline element to match the target tab's
+ * position and width. Pass the underline element and the active tab element.
+ * @param {Element} underline
+ * @param {Element} targetTab
+ * @param {{ animeApi: object }} options
+ */
+export function slideTabUnderline(underline: Element, targetTab: Element, options: {
+    animeApi: object;
+}): void;
+/**
+ * Heartbeat — a 1px amber line traversing left-to-right infinitely
+ * inside the given container element.
+ * @param {Element} container - The 240px-wide container element.
+ * @param {{ animeApi: object }} options
+ * @returns {{ stop: () => void }}
+ */
+export function heartbeat(container: Element, options: {
+    animeApi: object;
+}): {
+    stop: () => void;
+};
+/**
+ * Breathing amber glow pulse on a live/active review card.
+ * @param {Element} element
+ * @param {{ animeApi: object }} options
+ * @returns {{ stop: () => void }}
+ */
+export function pulseLive(element: Element, options: {
+    animeApi: object;
+}): {
+    stop: () => void;
+};
+/**
+ * Spring-in entry for the settings modal (scale + opacity).
+ * @param {Element} modal
+ * @param {{ animeApi: object }} options
+ */
+export function springIn(modal: Element, options: {
+    animeApi: object;
+}): void;
+/**
+ * Card lift on hover — translateY -2px + scale 1.005.
+ * @param {Element} card
+ * @param {{ animeApi: object }} options
+ */
+export function liftCard(card: Element, options: {
+    animeApi: object;
+}): void;
+/**
+ * Return card to resting position.
+ * @param {Element} card
+ * @param {{ animeApi: object }} options
+ */
+export function unliftCard(card: Element, options: {
+    animeApi: object;
+}): void;
+/**
+ * Subtle breathing pulse for the online status dot.
+ * @param {Element} dot
+ * @param {{ animeApi: object }} options
+ * @returns {{ stop: () => void }}
+ */
+export function pulseStatusDot(dot: Element, options: {
+    animeApi: object;
+}): {
+    stop: () => void;
+};
+/**
+ * Very subtle logo breathing pulse (daemon-alive signal).
+ * @param {Element} logo
+ * @param {{ animeApi: object }} options
+ * @returns {{ stop: () => void }}
+ */
+export function breatheLogo(logo: Element, options: {
+    animeApi: object;
+}): {
+    stop: () => void;
+};
+/**
+ * Cross-fade between tab content panels (fade out old, fade in new).
+ * @param {Element} outgoing - Element being hidden.
+ * @param {Element} incoming - Element being shown.
+ * @param {{ animeApi: object }} options
+ */
+export function crossFadeTab(outgoing: Element, incoming: Element, options: {
+    animeApi: object;
+}): void;
+/**
+ * Expand an element from height 0 to its natural height using anime.js.
+ * Uses a snapshot of the natural height before collapsing to 0.
+ * @param {Element} element
+ * @param {{ animeApi: object }} options
+ */
+export function expandHeight(element: Element, options: {
+    animeApi: object;
+}): void;
+/**
+ * Collapse an element from its natural height to 0 using anime.js.
+ * @param {Element} element
+ * @param {{ animeApi: object }} options
+ */
+export function collapseHeight(element: Element, options: {
+    animeApi: object;
+}): void;
+/**
+ * Toggle expand/collapse of an element and stagger-animate its children on open.
+ * @param {Element} element
+ * @param {boolean} isOpen - true to expand, false to collapse
+ * @param {{ animeApi: object, childSelector?: string }} options
+ */
+export function toggleHeight(element: Element, isOpen: boolean, options: {
+    animeApi: object;
+    childSelector?: string;
+}): void;
+/**
+ * Review status change: amber border fades → green glow pulse → green border.
+ * @param {Element} element
+ * @param {{ animeApi: object }} options
+ */
+export function reviewCompleted(element: Element, options: {
+    animeApi: object;
+}): void;
+//# sourceMappingURL=animations.d.ts.map

package/dist/dashboard/modules/animations.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../src/dashboard/modules/animations.js"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH;;;GAGG;AACH,iCAFa,OAAO,CAInB;AAED;;;;GAIG;AACH,uCAHW,OAAO,EAAE,GAAC,QAAQ,WAClB;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,QAkBzF;AAED;;;;;;;GAOG;AACH,wCALW,OAAO,QACP,MAAM,MACN,MAAM,WACN;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,QA0B5E;AAED;;;;;;GAMG;AACH,6CAJW,OAAO,aACP,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,QAsB9B;AAED;;;;;;GAMG;AACH,qCAJW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CA6ChC;AAED;;;;;GAKG;AACH,mCAJW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CAiBhC;AAED;;;;GAIG;AACH,gCAHW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,QAe9B;AAED;;;;GAIG;AACH,+BAHW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,QAW9B;AAED;;;;GAIG;AACH,iCAHW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,QAW9B;AAED;;;;;GAKG;AACH,oCAJW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CAYhC;AAED;;;;;GAKG;AACH,kCAJW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CAYhC;AAED;;;;;GAKG;AACH,uCAJW,OAAO,YACP,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,QAwB9B;AAED;;;;;GAKG;AACH,sCAHW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,QA0B9B;AAED;;;;GAIG;AACH,wCAHW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,QAoB9B;AAED;;;;;GAKG;AACH,sCAJW,OAAO,UACP,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,QAqBtD;AAED;;;;GAIG;AACH,yCAHW,OAAO,WACP;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,QAkB9B"}