VBCS Variable Inspector

Tracking since Apr 8, 2026.

Changelog

• Apr 24, 2026
  description

  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.2)
  
    - Added a header progress indicator for long-running inspector actions
    - Added root-context capture for smarter selection behavior
    - Added State Manager support for roots export and merge import mode
    - Refined themes, row matching, and compact/minimal header presentation
    - Improved hover/rerender stability and expression/binding overlap detection
    - Tightened script injection gating and improved snapshot scan performance
    - Centralized override icon rendering with SVG builder and emoji fallback
  
  # Changelog
  
  All notable changes to the VBCS Variable Inspector Chrome extension are documented in this file.
  
  ## [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.

  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.

• Apr 8, 2026
  description

  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 apps
    - • Binding visibility for [[...]] and {{...}} expressions with resolved values
    - • Namespace Explorer for $variables, $page, $flow, and $application
    - • Manual Query for quick path checks
    - • State Manager for export/import, dry-run, apply, backup, and restore workflows
    - This extension is built for faster issue triage, safer runtime testing, and easier debugging handoff across teams.
  
  # Changelog
  
  All notable changes to the VBCS Variable Inspector Chrome extension are documented in this file.
  
  ## [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.

  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.2)
  
    - Added a header progress indicator for long-running inspector actions
    - Added root-context capture for smarter selection behavior
    - Added State Manager support for roots export and merge import mode
    - Refined themes, row matching, and compact/minimal header presentation
    - Improved hover/rerender stability and expression/binding overlap detection
    - Tightened script injection gating and improved snapshot scan performance
    - Centralized override icon rendering with SVG builder and emoji fallback
  
  # Changelog
  
  All notable changes to the VBCS Variable Inspector Chrome extension are documented in this file.
  
  ## [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.

Permissions & access

Permissions

scriptingactiveTabtabsstorage

Host access

<all_urls>

Screenshots

Similar extensions

Alternatives to VBCS Variable Inspector, ranked by description similarity.

VU LoadRunner System Monitor

Companion extension for VU LoadRunner - provides system metrics, power management, screenshots, and browser data control

1

Vapi Inspector

A Chrome extension to make VAPI calls with user-provided Auth Key and ID.

65

Code Runner

Run HTML, CSS & JavaScript code right in your browser sidebar — a VS Code-style playground.

55

★ 5.0

Code Runner

Run Code AnyWhere!​ Directly run the code on your page.​

54

BDC Tooltip

Enhances the Arena Breakout Infinite BDC system.

—

DevForge Studio

Build and debug Chrome Apps & Extensions with ease

—

JSS Inspector

Use this extension to inspect the data that makes your JSS application. The extension adds a "JSS Inspector" panel to the dev tools…

6

Datalayer [tc_vars] Checker

Perfect for integrators, developers and consultants working with Commanders Act. ⚙️ Main Features: 📌 Floating and draggable…

78