VBCS Variable Inspector

Have feedback or suggestions? Let us know what's working and what could be better: Send Feedback RajsekDeveloper@gmail.com VBCS Variable Inspector helps Oracle VBCS and OJET developers debug runtime behavior directly in the browser. Key features: - One-click overlay launch from the toolbar - Frame-aware inspection for iframe-based applications - Binding inspection for [[...]] and {{...}} expressions with resolved values - Namespace Explorer for $variables, $page, $flow, and $application - Manual Query for quick runtime path checks - State Manager workflows for export/import, dry-run, apply, backup, and restore Built for faster issue triage, safer runtime testing, and cleaner debugging handoff across teams. ## What's New (Version 0.1.3) - Added standalone DevTools panel workflow with tabbed inspector surfaces - Added Namespace Explorer, Runtime Logs controls, and Time travel planner UX in panel flow - Added blocking busy overlays/status cues and standardized action-button/icon system - Refined runtime/frame selector UX, toolbar/tab visuals, and manual override/query alignment - Fixed tab targeting/state synchronization issues across active-tab transitions - Fixed export/import stall paths with async handling and hardened busy-state sequencing - Fixed inspector input lock issues when VBCS drawer/popover opens - Overlay now mounts under OJET modal host (`__oj_zorder_container`) when available - Added modal guard recovery for forced `aria-hidden`/`inert` modal attributes # Changelog All notable changes to the VBCS Variable Inspector Chrome extension are documented in this file. ## [0.1.3] - 2026-04-22 Release baseline: `93029f0282df4ffcb761336b9f0f433721d15a3c` ### Added - Standalone DevTools panel workflow with inspector actions and frame-aware execution. - Tabbed panel model (`Main`, `Namespace Explorer`, `Manual Query`, `Runtime Logs`, `Time travel`). - Namespace Explorer with filter and preview-first lookup for faster scope inspection. - Runtime log controls with level selection and cross-frame apply behavior. - Time travel import planner with backup-driven restore workflow. - Blocking busy overlays and operation-specific status messages for long-running tasks. - Standardized query/override action buttons with shared SVG icon rendering. - Bundled fonts and inspector bootstrap polish for panel readability. - Contract tests for modal host alignment and `aria-hidden`/`inert` recovery. ### Changed - DevTools toolbar and tab visuals were redesigned for quicker access to primary actions. - Runtime panel status, frame-selection UX, and selector-run affordances were refined. - Manual override flow was aligned with manual query path handling to reduce divergence. - Overlay root and toast host now prefer mounting under OJET modal host `#__oj_zorder_container` when available. ### Fixed - Tab targeting and inspector state synchronization are more stable across active-tab changes. - Async export paths prevent UI stalls during large state operations. - Time travel export/import busy-state handling was hardened. - Selection commit path now preserves busy-state continuity. - Inspector text inputs stay interactive when VBCS side drawer/popover is opened after the inspector. - Prevented modal-open side effects from leaving inspector nodes marked `aria-hidden`/`inert`. ## [0.1.2] - 2026-04-07 ### Added - Header-level operation progress indicator for long-running actions - Root-context capture for smarter selection behavior - State manager support for roots export and merge import mode ### Changed - Refined theme system and row matching for clearer inspection results - Polished compact header and minimal-theme readability - Centralized override action icon rendering with SVG builder and emoji fallback ### Fixed - Stabilized hover updates and rerender behavior to reduce UI jitter - Hardened expression probing and binding-overlap detection - Tightened script/library injection gating and improved snapshot scanning ## [0.1.1] - 2026-03-23 ### Added - Stronger onboarding flow behavior: - Intro no longer auto-opens the guide. - Guide opens only from explicit user actions (`Help` / `Open guide`). - Better selected-control visibility in page context: - Theme-aware dotted overlay with contextual fill/ring. - Improved contrast for inspected/clicked highlight overlays. - More reliable component navigation: - Generic parent/child traversal heuristics. - Preserves structural steps like `td -> tr` instead of skipping to broad containers. - Improved fine-selection option discovery: - Dropdown now builds around current inspected element (not only initial click). - Adds sibling and peer options (including table row column peers) for generic selection. ### Changed - Welcome/start behavior: - `Start` now loads a sample element and closes intro. - Guide remains closed until explicitly opened. - Header debug toggle UX: - Compact top button label changed to `Log`. - State shown via dot/color + tooltip/ARIA instead of long on/off button text. ### Fixed - Inspected highlight precision: - Fine selection stays on the exact selected node (except effectively invisible tiny nodes). - Overlay targeting: - Reduced over-aggressive parent promotion for inspected mode.