VBCS Variable Inspector

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.