Tool lesson

Commodity Board: Open Detail Only For A Second-Pass Read

A beginner-safe Commodity Board lesson for using the detail dialog as a second-pass inspection surface: chart path, OHLC, previous close, volume, provider/fallback caveats, and unknowns before handoff.

12 minBeginner6 chapters

Educational only

The examples teach workflow and risk framing. They do not provide trade recommendations, personalized advice, leverage guidance, or guaranteed outcomes.

Chapter 01

Open detail only after the first-read checklist

Trader question

Has this row earned a second-pass inspection?

Detail should not be opened for every row. It becomes useful after the learner names status, lane, source, and the reason the row deserves more context.

Desk checklist

Name status and source.
Name the row lane and contract identity.
Write why detail is being opened.

Interactive proof

Quote card, Open details button, status badge, lane label, and first-read checklist

Complete the first-read checks in the console, then unlock the simulated detail dialog.

1First-read gateOpen detail only after a row earns itDetail belongs after the learner names status, lane, source, and the reason the row deserves a second pass.

2Chart sourceProvider series and fallback are differentA real provider history can support context. A fallback or synthetic path should downgrade chart language immediately.

3OHLC and previous closeRange before explanationOpen, high, low, previous close, and last price locate the row inside the session before the learner writes why it moved.

4Volume caveatUseful only when present and relevantVolume can strengthen the second-pass read when covered, fresh, and session-relevant. Missing volume disables strong language.

5Unknowns lineWrite what detail still cannot proveThe final note should name remaining unknowns before the observation moves to Fair Value, Calendar, Pivots, or Backtest.

Detail is a second-pass inspection surface. It can add chart path, OHLC, previous close, volume, source, and unknowns, but it still cannot prove a trade idea by itself.

Interactive desk lab

Commodity Board Detail Inspection Console

A practical Commodity Board lab for unlocking detail after first-read checks, toggling provider history versus synthetic fallback, and writing remaining unknowns before handoff.

Native scroll

48s Remotion sceneCommodityBoardDetailGate

First pass unlocks detail

A Commodity Board card unlocks detail only after status, lane, source, and reason-for-detail checks are complete.

Storyboard beats4 cues

A quote card sits beside a locked detail button.

Status, lane, source, and reason checks light up.

The detail dialog opens as a second-pass surface.

The final caption says inspection, not proof.

Remotion code

CommodityBoardDetailGate

The snippet is stored with the lesson so a future Remotion project can render the chapter video.

Show component snippet

import {AbsoluteFill, Easing, Sequence, interpolate, useCurrentFrame} from "remotion";

const checks = ["Status named", "Lane named", "Source named", "Why detail?"];

export const CommodityBoardDetailGate = () => {
  const frame = useCurrentFrame();
  const unlock = interpolate(frame, [56, 116], [0, 1], {
    extrapolateLeft: "clamp",
    extrapolateRight: "clamp",
    easing: Easing.bezier(0.16, 1, 0.3, 1),
  });

  return (
    <AbsoluteFill style={{background: "#fff8e8", color: "#071528", padding: 72}}>
      <h1 style={{fontSize: 54, lineHeight: 1}}>Detail opens after the first-read checklist.</h1>
      <div style={{marginTop: 44, display: "grid", gridTemplateColumns: "330px 1fr", gap: 24}}>
        <div style={{padding: 24, background: "#fffdf7", border: "2px solid #c98718"}}>
          <span style={{fontSize: 20, color: "#20724f", fontWeight: 950}}>live</span>
          <strong style={{display: "block", marginTop: 12, fontSize: 38}}>MCX Gold Jun</strong>
          <p style={{fontSize: 24, color: "#5d6572"}}>first-pass card</p>
          <div style={{marginTop: 22, padding: 14, background: unlock > 0.9 ? "#dcebe2" : "#f7f1e4", color: unlock > 0.9 ? "#20724f" : "#5d6572", fontSize: 24, fontWeight: 950}}>
            {unlock > 0.9 ? "Detail unlocked" : "Detail locked"}
          </div>
        </div>
        <div style={{display: "grid", gap: 12}}>
          {checks.map((check, index) => {
            const opacity = interpolate(frame, [18 + index * 14, 34 + index * 14], [0.18, 1], {extrapolateLeft: "clamp", extrapolateRight: "clamp"});
            return <div key={check} style={{opacity, padding: 18, background: "#dcebe2", border: "2px solid #20724f", fontSize: 25, fontWeight: 900}}>{check}</div>;
          })}
        </div>
      </div>
      <Sequence from={118} layout="none">
        <p style={{marginTop: 30, fontSize: 28, color: "#805407", fontWeight: 950}}>Detail is a second pass. It is not a proof engine.</p>
      </Sequence>
    </AbsoluteFill>
  );
};

Sources used for this tutorial

Market Watchlocal marketUsed as the official exchange reference for market-watch fields such as last price, open, high, low, previous close, and volume-style context.Categories of Data Feedlocal marketUsed to keep chart history, delayed data, historical data, and feed-level freshness caveats visible in the detail read.Market Quote API v2DhanHQUsed as provider documentation for quote snapshots, OHLC fields, multi-instrument data, and source coverage limits behind detail views.Goldlocal marketUsed for contract unit and commodity-specific context so a detail read keeps product identity attached.FAQs On Commodity Derivativessecurities-regulatorUsed as a risk-aware education guardrail so detail-dialog context does not become trade advice.

Next step

Open the tool with the checklist beside you.

Move from the lesson into the matching Bullion Brains tool, keep the checklist visible, and treat the output as evidence until the caveats are clear.

Open Commodity Board