Admin MVP

Create Advanced KLine Widget

Builder flow: configure, Apply, preview-save gate, preview desktop/tablet/mobile, then copy embed code. Copy is enabled only after preview-safe backend validation accepts the applied config and embed URLs come from env/config.

not-run

Widget builder MVP: configure, Apply, let backend preview validation run, Save Draft through preview-safe gate, preview desktop/tablet/mobile, then copy embed code. Copy uses the last applied and backend-accepted config only.

Advanced KLine Chart

Core interactive candlestick chart with runtime bootstrap, historical bars, toolbar and future indicators/overlays.

Mode: chart-runtime · Stage: v1 · Recommended min height: 520px

Embed origin comes from environment/config, not hardcoded builder values: https://kline.cloudbartar404.top · loader: https://kline.cloudbartar404.top/kline-widget/v1/loader.js

not-run

Apply required before copy

Copy Embed Code is disabled until the current draft is applied and preview-safe backend validation completes.

Backend preview base URL: https://kline.cloudbartar404.top

Copy enabled: noDirect save: blocked
blocked-not-validated

Saved vs applied policy

Copy can use preview-safe code after backend validation, but published embed remains blocked until persisted save + backend applied/published evidence are verified.

Applied draftValidation requiredPreview save pendingPersistence blockedNot published
Can copy: noPublished embed: not verified
  • Backend preview validation has not accepted the applied config yet.
  • No audited persisted save has been verified in this frontend session.
  • Published/applied backend policy is not verified yet; embed code remains preview-gated.

Persisted mutation feature flag: disabled · persisted attempt: idle. Even when enabled, mutation needs app-owned admin session and audit/read-after-write gates.

<div data-kline-widget-id="demo-advanced-kline" data-kline-widget-type="advanced-kline-chart" data-kline-public-key="pk_demo_local_only" data-kline-embed-base-url="https://kline.cloudbartar404.top" data-kline-min-height="620" data-kline-loader-version="v1"><noscript>KLine widget requires JavaScript to render.</noscript></div>
<script async src="https://kline.cloudbartar404.top/kline-widget/v1/loader.js"></script>
Responsive preview

Preview uses the applied draft only. Device widths are contract-driven so mobile/tablet/desktop smoke stays consistent.

Full-width admin/customer preview for the Advanced KLine Chart and rich widget surfaces. · width 1180px · min height 620px · iframe URL: https://kline.cloudbartar404.top/embed/demo-advanced-kline?public_key=pk_demo_local_only&widget_type=advanced-kline-chart
KL

Bitcoin / Tether

BINANCE:BTCUSDT · binance-public-demo

Native KLineCharts starting

--

+0.00 (+0.00%) · USDT

Loading native KLineCharts…
Preview route: /admin/widgets/demo-advanced-kline/preview?widget_type=advanced-kline-chartOpen applied preview