{
  "page_ir": {
    "page_id": "stock_detail",
    "page_goal": "Display comprehensive details of a single stock including price information, key metrics, company info, and historical price chart with time range toggles",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "financial with green/red price indicators"
    },
    "accessibility": {
      "required_labels": [
        "breadcrumb_navigation",
        "price_change_indicator",
        "chart_time_range",
        "back_button"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "metrics_grid_collapses_to_2_cols_on_mobile",
        "chart_full_width_on_mobile"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "stock_id_from_route_params",
      "price_change_color_coding"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "stockDetail": {
        "type": "object",
        "initial": null,
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "stockHistory": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": true,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "historyLoading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "selectedTimeRange": {
        "type": "string",
        "initial": "3m",
        "required": false,
        "constraints": {
          "enum": [
            "1m",
            "3m",
            "6m",
            "1y",
            "all"
          ]
        },
        "item_type": null
      }
    },
    "derived": {
      "priceChange": {
        "type": "number",
        "expr": "stockDetail ? (stockDetail.current_price - stockDetail.closing_price) : 0",
        "deps": []
      },
      "priceChangePercent": {
        "type": "number",
        "expr": "stockDetail && stockDetail.closing_price ? ((stockDetail.current_price - stockDetail.closing_price) / stockDetail.closing_price * 100) : 0",
        "deps": []
      },
      "isPriceUp": {
        "type": "boolean",
        "expr": "priceChange >= 0",
        "deps": []
      },
      "formattedMarketCap": {
        "type": "string",
        "expr": "stockDetail && stockDetail.market_cap ? (stockDetail.market_cap >= 1e12 ? (stockDetail.market_cap / 1e12).toFixed(2) + 'T' : stockDetail.market_cap >= 1e9 ? (stockDetail.market_cap / 1e9).toFixed(2) + 'B' : stockDetail.market_cap >= 1e6 ? (stockDetail.market_cap / 1e6).toFixed(2) + 'M' : stockDetail.market_cap.toLocaleString()) : 'N/A'",
        "deps": []
      },
      "yearsSinceIPO": {
        "type": "number",
        "expr": "stockDetail && stockDetail.ipo_date ? Math.floor((Date.now() - new Date(stockDetail.ipo_date).getTime()) / (365.25 * 24 * 60 * 60 * 1000)) : null",
        "deps": []
      },
      "weekHigh52": {
        "type": "number",
        "expr": "stockHistory.length > 0 ? Math.max(...stockHistory.map(h => h.high_price)) : null",
        "deps": []
      },
      "weekLow52": {
        "type": "number",
        "expr": "stockHistory.length > 0 ? Math.min(...stockHistory.map(h => h.low_price)) : null",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "d1b96e83c6674099aef219f57498831a": {
        "endpoint_id": "d1b96e83c6674099aef219f57498831a",
        "module": "Stock Management",
        "endpoint": "/stock-management/stocks/{stock_id}/details",
        "method": "GET",
        "path_params": {
          "stock_id": "$route.stockId"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "ticker_symbol",
          "company_name",
          "current_price",
          "opening_price",
          "closing_price",
          "high_price",
          "low_price",
          "volume",
          "market_cap",
          "industry",
          "currency",
          "last_updated",
          "description",
          "logo_url",
          "website_url",
          "country",
          "ipo_date",
          "status",
          "created_at",
          "updated_at",
          "sector",
          "exchange"
        ],
        "response_target": "stockDetail",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "93fd68b25910481aa5aa932241ea78f3": {
        "endpoint_id": "93fd68b25910481aa5aa932241ea78f3",
        "module": "Stock Management",
        "endpoint": "/stock-management/stock-history",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "stock_id": "$route.stockId",
          "limit": 365,
          "offset": 0
        },
        "body": null,
        "fields": [
          "id",
          "stock_id",
          "date",
          "open_price",
          "close_price",
          "high_price",
          "low_price",
          "volume",
          "adjusted_close_price"
        ],
        "response_target": "stockHistory",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "stockDetail": {
        "name": "Stock Detail",
        "backend_module": "Stock Management",
        "fields": [
          "id",
          "ticker_symbol",
          "company_name",
          "current_price",
          "opening_price",
          "closing_price",
          "high_price",
          "low_price",
          "volume",
          "market_cap",
          "industry",
          "currency",
          "last_updated",
          "description",
          "logo_url",
          "website_url",
          "country",
          "ipo_date",
          "status",
          "created_at",
          "updated_at",
          "sector",
          "exchange"
        ],
        "computed": [
          "priceChange",
          "priceChangePercent",
          "formattedMarketCap",
          "yearsSinceIPO"
        ],
        "display_fields": [
          "ticker_symbol",
          "company_name",
          "current_price",
          "opening_price",
          "closing_price",
          "high_price",
          "low_price",
          "volume",
          "market_cap",
          "industry",
          "currency",
          "country",
          "ipo_date",
          "description",
          "website_url"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "stockHistory": {
        "name": "Stock History",
        "backend_module": "Stock Management",
        "fields": [
          "id",
          "stock_id",
          "date",
          "open_price",
          "close_price",
          "high_price",
          "low_price",
          "volume",
          "adjusted_close_price",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "date",
          "close_price",
          "high_price",
          "low_price",
          "volume"
        ],
        "search_fields": [],
        "filters": [
          "stock_id",
          "start_date",
          "end_date"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onTimeRangeChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.selectedTimeRange",
            "expr": "event.value"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "f52ec15945514c6d85b16fc204568ea5": {
        "action_id": "f52ec15945514c6d85b16fc204568ea5",
        "trigger": "button_click",
        "target_component_id": "back_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "7f2e45fc3cbd4475a5a995bda11d994f": {
        "action_id": "7f2e45fc3cbd4475a5a995bda11d994f",
        "trigger": "button_click",
        "target_component_id": "time_range_group",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.selectedTimeRange",
            "expr": "event.value"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "3c34fb41e2214cec94454bd06a7851d7": {
        "action_id": "3c34fb41e2214cec94454bd06a7851d7",
        "trigger": "button_click",
        "target_component_id": "main_container",
        "operation": "read",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.loading",
            "expr": "true"
          }
        ],
        "api_endpoint": "d1b96e83c6674099aef219f57498831a",
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "f7e09747bd7041bd8cb6dd9c62dad893": {
        "action_id": "f7e09747bd7041bd8cb6dd9c62dad893",
        "trigger": "button_click",
        "target_component_id": "main_container",
        "operation": "read",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.historyLoading",
            "expr": "true"
          }
        ],
        "api_endpoint": "93fd68b25910481aa5aa932241ea78f3",
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "f52ec15945514c6d85b16fc204568ea5": {
        "action_id": "f52ec15945514c6d85b16fc204568ea5",
        "loading_indicator": "none",
        "loading_text": null,
        "success_message": "",
        "error_message": "",
        "ui_updates": []
      },
      "7f2e45fc3cbd4475a5a995bda11d994f": {
        "action_id": "7f2e45fc3cbd4475a5a995bda11d994f",
        "loading_indicator": "none",
        "loading_text": null,
        "success_message": "",
        "error_message": "",
        "ui_updates": []
      },
      "3c34fb41e2214cec94454bd06a7851d7": {
        "action_id": "3c34fb41e2214cec94454bd06a7851d7",
        "loading_indicator": "skeleton",
        "loading_text": null,
        "success_message": "",
        "error_message": "Failed to load stock details",
        "ui_updates": []
      },
      "f7e09747bd7041bd8cb6dd9c62dad893": {
        "action_id": "f7e09747bd7041bd8cb6dd9c62dad893",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "",
        "error_message": "Failed to load stock history",
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#1677ff",
      "secondaryColor": "#000000",
      "successColor": null,
      "warningColor": null,
      "errorColor": null,
      "fontFamily": "sans-serif",
      "fontSize": null,
      "borderRadius": 6
    },
    "components": {
      "main_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%",
          "padding": "24px",
          "backgroundColor": "#f5f5f5"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "breadcrumb_nav": {
        "type": "Breadcrumb",
        "label": "Breadcrumb Navigation",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "items": [
            {
              "title": "Home",
              "href": "/"
            },
            {
              "title": "Stocks",
              "href": "/"
            },
            {
              "title": "$state.stockDetail?.company_name || 'Loading...'"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "back_button": {
        "type": "Button",
        "label": "Back to Stocks",
        "description": null,
        "bind": null,
        "onClick": "navigateBack",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "icon": "ArrowLeftOutlined"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "paddingLeft": "0"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "header_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "alignItems": "center",
          "gap": "16px",
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "company_logo": {
        "type": "Avatar",
        "label": "Company Logo",
        "description": null,
        "bind": "state.stockDetail.logo_url",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": 64,
          "shape": "square",
          "src": "$state.stockDetail?.logo_url"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "header_info": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "flex": 1
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "ticker_symbol_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "state.stockDetail.ticker_symbol",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "14px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "company_name_title": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": "state.stockDetail.company_name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "dynamic_props": {},
        "styles": {
          "margin": "0"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "price_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "textAlign": "right"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "current_price_display": {
        "type": "Typography.Title",
        "label": "Current Price",
        "description": null,
        "bind": "state.stockDetail.current_price",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 1
        },
        "dynamic_props": {},
        "styles": {
          "margin": "0",
          "fontSize": "36px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "price_change_display": {
        "type": "Typography.Text",
        "label": "Price Change",
        "description": null,
        "bind": "derived.priceChange",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "dynamic_color"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "16px",
          "fontWeight": "600"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "status_tag": {
        "type": "Tag",
        "label": "Stock Status",
        "description": null,
        "bind": "state.stockDetail.status",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color": "dynamic"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "metrics_card_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "metrics_row": {
        "type": "Row",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "gutter": [
            16,
            16
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "open_price_card": {
        "type": "Card",
        "label": "Opening Price",
        "description": null,
        "bind": "state.stockDetail.opening_price",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "close_price_card": {
        "type": "Card",
        "label": "Closing Price",
        "description": null,
        "bind": "state.stockDetail.closing_price",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "high_price_card": {
        "type": "Card",
        "label": "High Price",
        "description": null,
        "bind": "state.stockDetail.high_price",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "low_price_card": {
        "type": "Card",
        "label": "Low Price",
        "description": null,
        "bind": "state.stockDetail.low_price",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "volume_card": {
        "type": "Card",
        "label": "Volume",
        "description": null,
        "bind": "state.stockDetail.volume",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "market_cap_card": {
        "type": "Card",
        "label": "Market Cap",
        "description": null,
        "bind": "derived.formattedMarketCap",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "week52_high_card": {
        "type": "Card",
        "label": "52-Week High",
        "description": null,
        "bind": "derived.weekHigh52",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "week52_low_card": {
        "type": "Card",
        "label": "52-Week Low",
        "description": null,
        "bind": "derived.weekLow52",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "content_row": {
        "type": "Row",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "gutter": [
            24,
            24
          ]
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "chart_card": {
        "type": "Card",
        "label": "Historical Price Chart",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Price History"
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "time_range_group": {
        "type": "Radio.Group",
        "label": "Time Range",
        "description": null,
        "bind": "state.selectedTimeRange",
        "onClick": "changeTimeRange",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "optionType": "button",
          "buttonStyle": "solid",
          "options": [
            {
              "label": "1M",
              "value": "1m"
            },
            {
              "label": "3M",
              "value": "3m"
            },
            {
              "label": "6M",
              "value": "6m"
            },
            {
              "label": "1Y",
              "value": "1y"
            },
            {
              "label": "All",
              "value": "all"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "price_line_chart": {
        "type": "LineChart",
        "label": "Price Line Chart",
        "description": null,
        "bind": "state.stockHistory",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xField": "date",
          "yField": "close_price",
          "smooth": true,
          "color": "#1677ff"
        },
        "dynamic_props": {},
        "styles": {
          "height": "300px",
          "width": "100%"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "company_info_card": {
        "type": "Card",
        "label": "Company Information",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Company Information"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "description_text": {
        "type": "Typography.Paragraph",
        "label": "Description",
        "description": null,
        "bind": "state.stockDetail.description",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "ellipsis": {
            "rows": 4,
            "expandable": true
          }
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "info_descriptions": {
        "type": "Descriptions",
        "label": "Stock Details",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "column": 2,
          "size": "small",
          "items": [
            {
              "label": "Sector",
              "field": "state.stockDetail.sector.name"
            },
            {
              "label": "Industry",
              "field": "state.stockDetail.industry"
            },
            {
              "label": "Exchange",
              "field": "state.stockDetail.exchange.name"
            },
            {
              "label": "Exchange Code",
              "field": "state.stockDetail.exchange.code"
            },
            {
              "label": "Currency",
              "field": "state.stockDetail.currency"
            },
            {
              "label": "Country",
              "field": "state.stockDetail.country"
            },
            {
              "label": "IPO Date",
              "field": "state.stockDetail.ipo_date"
            },
            {
              "label": "Years Since IPO",
              "field": "derived.yearsSinceIPO"
            },
            {
              "label": "Status",
              "field": "state.stockDetail.status"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "website_link": {
        "type": "Typography.Link",
        "label": "Company Website",
        "description": null,
        "bind": "state.stockDetail.website_url",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "href": "$state.stockDetail?.website_url",
          "target": "_blank",
          "rel": "noopener noreferrer"
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "12px",
          "display": "block"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "last_updated_text": {
        "type": "Typography.Text",
        "label": "Last Updated",
        "description": null,
        "bind": "state.stockDetail.last_updated",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "16px",
          "display": "block",
          "fontSize": "12px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      }
    }
  },
  "layout_ir": {
    "root": "main_container",
    "children": {
      "main_container": [
        "breadcrumb_nav",
        "back_button",
        "header_section",
        "metrics_card_section",
        "chart_card",
        "company_info_card",
        "last_updated_text"
      ],
      "header_section": [
        "company_logo",
        "header_info",
        "price_section"
      ],
      "header_info": [
        "ticker_symbol_text",
        "company_name_title",
        "status_tag"
      ],
      "price_section": [
        "current_price_display",
        "price_change_display"
      ],
      "metrics_card_section": [
        "metrics_row"
      ],
      "metrics_row": [
        "open_price_card",
        "close_price_card",
        "high_price_card",
        "low_price_card",
        "volume_card",
        "market_cap_card",
        "week52_high_card",
        "week52_low_card"
      ],
      "chart_card": [
        "time_range_group",
        "price_line_chart"
      ],
      "company_info_card": [
        "description_text",
        "info_descriptions",
        "website_link"
      ]
    },
    "layout": {
      "main_container": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "header_section": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "header_info": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "price_section": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "metrics_card_section": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "metrics_row": {
        "type": "grid",
        "gap": 16,
        "padding": null,
        "columns": 4,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "chart_card": {
        "type": "vertical",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "company_info_card": {
        "type": "vertical",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      }
    },
    "layout_zones": [
      {
        "zone_id": "main_content",
        "component": "main_container",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Main page container with vertical stacking"
      },
      {
        "zone_id": "header_zone",
        "component": "header_section",
        "anchor": "top-left",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Stock header with logo, name, and price"
      },
      {
        "zone_id": "metrics_zone",
        "component": "metrics_card_section",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Key metrics displayed in a grid of stat cards"
      },
      {
        "zone_id": "chart_zone",
        "component": "chart_card",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Historical price chart with time range toggles"
      },
      {
        "zone_id": "info_zone",
        "component": "company_info_card",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Company information and details section"
      }
    ],
    "responsive_overrides": []
  },
  "navigation_ir": {
    "tabs": [],
    "modals": {},
    "drawers": {},
    "routes": [],
    "breadcrumb": null,
    "default_tab": null
  },
  "realtime_ir": {
    "timers": {},
    "polling": {}
  },
  "metadata": {
    "ir_version": "3.5",
    "generated_at": "",
    "source_prompt": null,
    "schema_session_id": null,
    "warnings": []
  },
  "page_data_contract": null,
  "schema_ir": null
}