Redesign exam and CCS experiences

scripts/ui/ccs_player.gd

@@ -1,215 +1,788 @@
 extends VBoxContainer
 
 const Style := preload("res://scripts/ui/ui_style.gd")
+const Brand := preload("res://scripts/ui/medmind_style.gd")
+const ICON_ACTIVITY := preload("res://assets/icons/lucide/activity.svg")
+const ICON_HEART := preload("res://assets/icons/lucide/heart-pulse.svg")
+const ICON_LUNGS := preload("res://assets/icons/lucide/lungs.svg")
+const ICON_SEARCH := preload("res://assets/icons/lucide/search.svg")
+const ICON_STETHOSCOPE := preload("res://assets/icons/lucide/stethoscope.svg")
+const ICON_THERMOMETER := preload("res://assets/icons/lucide/thermometer.svg")
+const RESPONSIVE_BREAKPOINT := 1050.0
+
 var main: Control
+var header_panel: PanelContainer
+var header_layout: BoxContainer
+var header_icon_panel: PanelContainer
 var heading: Label
-var clock: Label
+var toolbar: HFlowContainer
+var workspace: BoxContainer
+var chart_panel: PanelContainer
+var clerk_panel: PanelContainer
 var summary: RichTextLabel
+var history: RichTextLabel
+var appearance: RichTextLabel
 var chart: RichTextLabel
+var vitals_flow: HFlowContainer
 var orders: VBoxContainer
 var search: LineEdit
+var search_button: Button
+var search_results_panel: PanelContainer
 var search_results: VBoxContainer
 var actions: VBoxContainer
+var locations: HFlowContainer
+var time_row: GridContainer
 var status: Label
+var final_orders_notice: Label
+var clock: Label
 var timer: Timer
 var end_button: Button
-var time_row: HBoxContainer
 var report_dialog: Control
 var report_button: Button
 var app_feedback_button: Button
-var workspace: HSplitContainer
 var leave_button: Button
 var leaving := false
 var theme_service
 var theme_button: Button
+var section_labels: Array[Label] = []
+var toolbar_buttons: Array[Button] = []
+
 
 func _ready() -> void:
 	theme_service = get_node("/root/UIThemeService")
-	set_anchors_preset(Control.PRESET_FULL_RECT); add_theme_constant_override("separation", 8)
-	var top := HBoxContainer.new(); top.add_theme_constant_override("separation", 8); add_child(top)
-	heading = Label.new(); heading.size_flags_horizontal = Control.SIZE_EXPAND_FILL; Style.set_label(heading, 25, Style.TEXT); top.add_child(heading)
-	clock = Label.new(); Style.set_label(clock, 18, Style.AMBER); top.add_child(clock)
-	var smaller := Button.new(); smaller.text = "A-"; smaller.tooltip_text = "Decrease text size"; smaller.pressed.connect(_zoom.bind(-CCSService.TEXT_SCALE_STEP)); top.add_child(smaller)
-	var larger := Button.new(); larger.text = "A+"; larger.tooltip_text = "Increase text size"; larger.pressed.connect(_zoom.bind(CCSService.TEXT_SCALE_STEP)); top.add_child(larger)
-	var clear_highlights := Button.new(); clear_highlights.text = "Clear"; clear_highlights.tooltip_text = "Clear highlights"; clear_highlights.pressed.connect(_clear_highlights); top.add_child(clear_highlights)
-	report_button = Button.new(); report_button.text = "Report"; report_button.tooltip_text = "Report CCS case"; report_button.pressed.connect(_report); top.add_child(report_button)
-	app_feedback_button = Button.new(); app_feedback_button.text = "Feedback"; app_feedback_button.tooltip_text = "Send general feedback or report a bug"; app_feedback_button.pressed.connect(func(): main.open_feedback_dialog()); top.add_child(app_feedback_button)
-	theme_button = Button.new(); theme_button.custom_minimum_size = Vector2(44, 44); theme_button.add_theme_font_size_override("font_size", 22); UISoundService.set_button_sound(theme_button, "toggle"); theme_button.pressed.connect(theme_service.toggle_theme); top.add_child(theme_button); _refresh_theme_button()
-	workspace = HSplitContainer.new(); workspace.size_flags_vertical = Control.SIZE_EXPAND_FILL; workspace.split_offset = 850; add_child(workspace)
-	var chart_scroll := ScrollContainer.new(); chart_scroll.custom_minimum_size.x = 500; chart_scroll.size_flags_horizontal = Control.SIZE_EXPAND_FILL; workspace.add_child(chart_scroll)
-	var chart_panel := VBoxContainer.new(); chart_panel.size_flags_horizontal = Control.SIZE_EXPAND_FILL; chart_panel.add_theme_constant_override("separation", 18); chart_scroll.add_child(chart_panel)
-	summary = RichTextLabel.new(); summary.bbcode_enabled = true; summary.selection_enabled = true; summary.fit_content = true; summary.scroll_active = false; summary.set_meta("ccs_region", "summary"); summary.gui_input.connect(_text_input.bind(summary)); chart_panel.add_child(summary)
-	chart = RichTextLabel.new(); chart.bbcode_enabled = true; chart.selection_enabled = true; chart.fit_content = true; chart.scroll_active = false; chart.set_meta("ccs_region", "chart"); chart.gui_input.connect(_text_input.bind(chart)); chart_panel.add_child(chart)
-	var clerk_scroll := ScrollContainer.new(); clerk_scroll.custom_minimum_size.x = 430; workspace.add_child(clerk_scroll)
-	var clerk := VBoxContainer.new(); clerk.size_flags_horizontal = Control.SIZE_EXPAND_FILL; clerk.add_theme_constant_override("separation", 8); clerk_scroll.add_child(clerk)
-	var order_title := Label.new(); order_title.text = "Order Clerk"; Style.set_label(order_title, 21, Style.CYAN); clerk.add_child(order_title)
-	search = LineEdit.new(); search.placeholder_text = "Search tests, treatments, and procedures"; search.text_submitted.connect(func(_value): CCSService.search_orders(search.text)); clerk.add_child(search)
-	var find := Button.new(); find.text = "Search"; find.pressed.connect(func(): CCSService.search_orders(search.text)); clerk.add_child(find)
-	search_results = VBoxContainer.new(); clerk.add_child(search_results)
-	var active_title := Label.new(); active_title.text = "Active orders"; Style.set_label(active_title, 18, Style.TEXT); clerk.add_child(active_title)
-	orders = VBoxContainer.new(); clerk.add_child(orders)
-	var exam_title := Label.new(); exam_title.text = "Physical examination"; Style.set_label(exam_title, 18, Style.TEXT); clerk.add_child(exam_title)
-	actions = VBoxContainer.new(); clerk.add_child(actions)
-	time_row = HBoxContainer.new(); clerk.add_child(time_row)
+	set_anchors_preset(Control.PRESET_FULL_RECT)
+	add_theme_constant_override("separation", 10)
+	_build_header()
+	_build_workspace()
+	_build_runtime_services()
+	resized.connect(_update_responsive_layout)
+	if not theme_service.theme_changed.is_connected(_on_theme_changed):
+		theme_service.theme_changed.connect(_on_theme_changed)
+	_apply_theme()
+	call_deferred("_update_responsive_layout")
+
+
+func _build_header() -> void:
+	header_panel = PanelContainer.new()
+	add_child(header_panel)
+	var margin := MarginContainer.new()
+	margin.add_theme_constant_override("margin_left", 12)
+	margin.add_theme_constant_override("margin_right", 12)
+	margin.add_theme_constant_override("margin_top", 8)
+	margin.add_theme_constant_override("margin_bottom", 8)
+	header_panel.add_child(margin)
+	header_layout = BoxContainer.new()
+	header_layout.vertical = false
+	header_layout.add_theme_constant_override("separation", 12)
+	margin.add_child(header_layout)
+
+	var title_row := HBoxContainer.new()
+	title_row.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	title_row.add_theme_constant_override("separation", 10)
+	header_layout.add_child(title_row)
+	header_icon_panel = PanelContainer.new()
+	header_icon_panel.custom_minimum_size = Vector2(38, 38)
+	title_row.add_child(header_icon_panel)
+	var header_icon := TextureRect.new()
+	header_icon.texture = ICON_STETHOSCOPE
+	header_icon.expand_mode = TextureRect.EXPAND_IGNORE_SIZE
+	header_icon.stretch_mode = TextureRect.STRETCH_KEEP_ASPECT_CENTERED
+	header_icon.custom_minimum_size = Vector2(22, 22)
+	header_icon.modulate = Brand.SKY_BLUE
+	header_icon_panel.add_child(header_icon)
+	heading = Label.new()
+	heading.text = "CCS Case"
+	heading.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	_set_label(heading, 18, Brand.text_color(true))
+	title_row.add_child(heading)
+
+	toolbar = HFlowContainer.new()
+	toolbar.size_flags_horizontal = Control.SIZE_SHRINK_END
+	toolbar.custom_minimum_size.x = 440
+	toolbar.add_theme_constant_override("h_separation", 8)
+	toolbar.add_theme_constant_override("v_separation", 8)
+	header_layout.add_child(toolbar)
+	var smaller := _toolbar_button("A-", "Decrease case text size")
+	smaller.pressed.connect(_zoom.bind(-CCSService.TEXT_SCALE_STEP))
+	var larger := _toolbar_button("A+", "Increase case text size")
+	larger.pressed.connect(_zoom.bind(CCSService.TEXT_SCALE_STEP))
+	var clear_highlights := _toolbar_button("Clear", "Clear case highlights")
+	clear_highlights.pressed.connect(_clear_highlights)
+	report_button = _toolbar_button("Report", "Report this CCS case")
+	report_button.pressed.connect(_report)
+	app_feedback_button = _toolbar_button("Feedback", "Send general feedback or report a bug")
+	app_feedback_button.pressed.connect(func(): main.open_feedback_dialog())
+	theme_button = _toolbar_button("", "Switch color theme")
+	theme_button.custom_minimum_size = Vector2(44, 38)
+	UISoundService.set_button_sound(theme_button, "toggle")
+	theme_button.pressed.connect(theme_service.toggle_theme)
+
+
+func _toolbar_button(text_value: String, tooltip: String) -> Button:
+	var button := Button.new()
+	button.text = text_value
+	button.tooltip_text = tooltip
+	button.custom_minimum_size = Vector2(54, 38)
+	button.add_theme_font_override("font", Brand.font)
+	button.add_theme_font_size_override("font_size", 14)
+	toolbar.add_child(button)
+	toolbar_buttons.append(button)
+	return button
+
+
+func _build_workspace() -> void:
+	var page_scroll := ScrollContainer.new()
+	page_scroll.size_flags_vertical = Control.SIZE_EXPAND_FILL
+	page_scroll.horizontal_scroll_mode = ScrollContainer.SCROLL_MODE_DISABLED
+	add_child(page_scroll)
+	workspace = BoxContainer.new()
+	workspace.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	workspace.size_flags_vertical = Control.SIZE_EXPAND_FILL
+	workspace.add_theme_constant_override("separation", 10)
+	page_scroll.add_child(workspace)
+	_build_chart_panel()
+	_build_order_clerk()
+
+
+func _build_chart_panel() -> void:
+	chart_panel = PanelContainer.new()
+	chart_panel.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	chart_panel.size_flags_vertical = Control.SIZE_EXPAND_FILL
+	workspace.add_child(chart_panel)
+	var margin := MarginContainer.new()
+	margin.add_theme_constant_override("margin_left", 18)
+	margin.add_theme_constant_override("margin_right", 18)
+	margin.add_theme_constant_override("margin_top", 16)
+	margin.add_theme_constant_override("margin_bottom", 18)
+	chart_panel.add_child(margin)
+	var content := VBoxContainer.new()
+	content.add_theme_constant_override("separation", 14)
+	margin.add_child(content)
+
+	summary = _clinical_text("summary", 17)
+	content.add_child(summary)
+	vitals_flow = HFlowContainer.new()
+	vitals_flow.add_theme_constant_override("h_separation", 10)
+	vitals_flow.add_theme_constant_override("v_separation", 8)
+	content.add_child(vitals_flow)
+	content.add_child(HSeparator.new())
+	_add_chart_section(content, "History", "history")
+	history = _clinical_text("history", 16)
+	content.add_child(history)
+	_add_chart_section(content, "Appearance", "appearance")
+	appearance = _clinical_text("appearance", 16)
+	content.add_child(appearance)
+	_add_chart_section(content, "Chart", "chart")
+	chart = _clinical_text("chart", 16)
+	content.add_child(chart)
+
+
+func _add_chart_section(parent: VBoxContainer, text_value: String, region: String) -> void:
+	var label := Label.new()
+	label.name = "%sHeading" % region.capitalize()
+	label.text = text_value
+	_set_label(label, 15, Brand.PURPLE)
+	parent.add_child(label)
+	section_labels.append(label)
+
+
+func _clinical_text(region: String, font_size: int) -> RichTextLabel:
+	var label := RichTextLabel.new()
+	label.bbcode_enabled = true
+	label.selection_enabled = true
+	label.fit_content = true
+	label.scroll_active = false
+	label.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+	label.add_theme_font_override("normal_font", Brand.font)
+	label.add_theme_font_override("bold_font", Brand.font)
+	label.add_theme_font_size_override("normal_font_size", font_size)
+	label.add_theme_font_size_override("bold_font_size", font_size)
+	label.set_meta("ccs_base_font_size", font_size)
+	label.set_meta("ccs_region", region)
+	label.gui_input.connect(_text_input.bind(label))
+	return label
+
+
+func _build_order_clerk() -> void:
+	clerk_panel = PanelContainer.new()
+	clerk_panel.custom_minimum_size = Vector2(370, 0)
+	clerk_panel.size_flags_vertical = Control.SIZE_EXPAND_FILL
+	workspace.add_child(clerk_panel)
+	var margin := MarginContainer.new()
+	margin.add_theme_constant_override("margin_left", 14)
+	margin.add_theme_constant_override("margin_right", 14)
+	margin.add_theme_constant_override("margin_top", 12)
+	margin.add_theme_constant_override("margin_bottom", 14)
+	clerk_panel.add_child(margin)
+	var clerk := VBoxContainer.new()
+	clerk.add_theme_constant_override("separation", 8)
+	margin.add_child(clerk)
+	var order_title := Label.new()
+	order_title.text = "Order Clerk"
+	_set_label(order_title, 18, Brand.PURPLE)
+	clerk.add_child(order_title)
+	section_labels.append(order_title)
+	var search_help := Label.new()
+	search_help.text = "Search tests, treatments, and procedures"
+	_set_label(search_help, 12, Brand.muted_color(true))
+	search_help.set_meta("ccs_muted_label", true)
+	clerk.add_child(search_help)
+
+	var search_row := HBoxContainer.new()
+	search_row.add_theme_constant_override("separation", 6)
+	clerk.add_child(search_row)
+	search = LineEdit.new()
+	search.placeholder_text = "Search..."
+	search.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	search.text_submitted.connect(func(_value: String): _submit_search())
+	search_row.add_child(search)
+	search_button = Button.new()
+	search_button.icon = ICON_SEARCH
+	search_button.tooltip_text = "Search order catalog"
+	search_button.custom_minimum_size = Vector2(42, 42)
+	search_button.pressed.connect(_submit_search)
+	search_row.add_child(search_button)
+
+	search_results_panel = PanelContainer.new()
+	search_results_panel.visible = false
+	clerk.add_child(search_results_panel)
+	var results_scroll := ScrollContainer.new()
+	results_scroll.custom_minimum_size.y = 150
+	search_results_panel.add_child(results_scroll)
+	search_results = VBoxContainer.new()
+	search_results.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	search_results.add_theme_constant_override("separation", 5)
+	results_scroll.add_child(search_results)
+
+	var active_title := _clerk_heading("Active orders")
+	clerk.add_child(active_title)
+	orders = VBoxContainer.new()
+	orders.add_theme_constant_override("separation", 5)
+	clerk.add_child(orders)
+	var exam_title := _clerk_heading("Physical examination")
+	clerk.add_child(exam_title)
+	actions = VBoxContainer.new()
+	actions.add_theme_constant_override("separation", 5)
+	clerk.add_child(actions)
+	locations = HFlowContainer.new()
+	locations.add_theme_constant_override("h_separation", 5)
+	locations.add_theme_constant_override("v_separation", 5)
+	clerk.add_child(locations)
+	time_row = GridContainer.new()
+	time_row.columns = 4
+	time_row.add_theme_constant_override("h_separation", 5)
+	time_row.add_theme_constant_override("v_separation", 5)
+	clerk.add_child(time_row)
 	for minutes in [1, 10, 60, 1440]:
-		var button := Button.new(); button.text = "+%s" % ("1 day" if minutes == 1440 else "%d min" % minutes); button.pressed.connect(CCSService.send_command.bind("advance", "", minutes)); time_row.add_child(button)
-	var reassess := Button.new(); reassess.text = "Interval history"; reassess.pressed.connect(CCSService.send_command.bind("interval_history", "", 0)); clerk.add_child(reassess)
-	end_button = Button.new(); end_button.text = "End case"; Style.style_chip(end_button, Style.AMBER); end_button.pressed.connect(_end_case); clerk.add_child(end_button)
-	leave_button = Button.new(); leave_button.text = "Leave case"; Style.style_chip(leave_button, Style.RED); leave_button.pressed.connect(_leave); clerk.add_child(leave_button)
-	status = Label.new(); Style.set_label(status, 14, Style.RED); add_child(status)
-	timer = Timer.new(); timer.wait_time = 1; timer.timeout.connect(_tick); add_child(timer)
+		var button := Button.new()
+		button.text = "+%s" % ("1 day" if minutes == 1440 else "%d min" % minutes)
+		button.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+		button.pressed.connect(CCSService.send_command.bind("advance", "", minutes))
+		time_row.add_child(button)
+	var reassess := Button.new()
+	reassess.text = "Interval history"
+	reassess.pressed.connect(CCSService.send_command.bind("interval_history", "", 0))
+	clerk.add_child(reassess)
+	end_button = Button.new()
+	end_button.text = "End case"
+	end_button.pressed.connect(_end_case)
+	clerk.add_child(end_button)
+	leave_button = Button.new()
+	leave_button.text = "Leave case"
+	leave_button.pressed.connect(_leave)
+	clerk.add_child(leave_button)
+	final_orders_notice = Label.new()
+	final_orders_notice.visible = false
+	final_orders_notice.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+	clerk.add_child(final_orders_notice)
+	clock = Label.new()
+	clock.visible = false
+	clerk.add_child(clock)
+	status = Label.new()
+	status.visible = false
+	status.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+	clerk.add_child(status)
+
+
+func _clerk_heading(text_value: String) -> Label:
+	var label := Label.new()
+	label.text = text_value
+	_set_label(label, 13, Brand.PURPLE)
+	section_labels.append(label)
+	return label
+
+
+func _build_runtime_services() -> void:
+	timer = Timer.new()
+	timer.wait_time = 1
+	timer.timeout.connect(_tick)
+	add_child(timer)
 	CCSService.attempt_changed.connect(_render)
 	CCSService.attempt_abandoned.connect(_on_abandoned)
 	CCSService.orders_changed.connect(_render_search)
 	CCSService.request_failed.connect(_request_failed)
 	CCSService.report_submitted.connect(_report_submitted)
-	if not theme_service.theme_changed.is_connected(_on_theme_changed): theme_service.theme_changed.connect(_on_theme_changed)
-	report_dialog = preload("res://scripts/ui/ccs_report_dialog.gd").new(); add_child(report_dialog)
+	report_dialog = preload("res://scripts/ui/ccs_report_dialog.gd").new()
+	add_child(report_dialog)
+
 
 func on_show(payload: Variant = null) -> void:
-	status.text = ""
+	_set_status("")
 	leaving = false
 	leave_button.disabled = false
-	if typeof(payload) == TYPE_STRING and not str(payload).is_empty(): CCSService.load_attempt(str(payload))
-	_render(); timer.start()
+	if typeof(payload) == TYPE_STRING and not str(payload).is_empty():
+		CCSService.load_attempt(str(payload))
+	_render()
+	timer.start()
+
+
+func on_hide() -> void:
+	timer.stop()
 
-func on_hide() -> void: timer.stop()
 
 func _render() -> void:
 	var attempt: Dictionary = CCSService.attempt
-	if attempt.is_empty(): return
-	if str(attempt.get("state", "")) == "completed": main.show_screen("ccs_review", attempt); return
-	heading.text = "CCS Case  |  %s" % str(attempt.get("location", "")).capitalize()
+	if attempt.is_empty():
+		return
+	if str(attempt.get("state", "")) == "completed":
+		main.show_screen("ccs_review", attempt)
+		return
+	heading.text = "CCS Case  |  %s" % _humanize_code(str(attempt.get("location", "")))
 	_render_study_text()
-	_clear(orders)
-	for code in attempt.get("activeOrderCodes", []):
-		var row := HBoxContainer.new(); orders.add_child(row)
-		var label := Label.new(); label.text = str(code); label.size_flags_horizontal = Control.SIZE_EXPAND_FILL; row.add_child(label)
-		var cancel := Button.new(); cancel.text = "Cancel"; cancel.pressed.connect(CCSService.send_command.bind("cancel_order", str(code), 0)); row.add_child(cancel)
-	_clear(actions)
-	for exam in attempt.get("availableExams", []):
-		var button := Button.new(); button.text = str(exam.get("name", exam.get("code", "Exam"))); button.pressed.connect(CCSService.send_command.bind("exam", str(exam.get("code", "")), 0)); actions.add_child(button)
-	for location in attempt.get("allowedLocations", []):
-		var button := Button.new(); button.text = "Move to %s" % str(location).capitalize(); button.pressed.connect(CCSService.send_command.bind("location", str(location), 0)); actions.add_child(button)
+	_render_vitals()
+	_render_orders()
+	_render_commands()
+	var final_orders := str(attempt.get("state", "")) == "final_orders"
+	end_button.text = "Submit final orders" if final_orders else "End case"
+	time_row.visible = not final_orders
+	final_orders_notice.visible = final_orders
+	final_orders_notice.text = "Finalize or cancel patient-care orders, then submit."
 	_tick()
-	end_button.text = "Submit final orders" if str(attempt.get("state", "")) == "final_orders" else "End case"
-	time_row.visible = str(attempt.get("state", "")) == "active"
-	if str(attempt.get("state", "")) == "final_orders": status.text = "Case-end instructions: finalize or cancel orders, then submit."
 	_apply_text_scale()
 
+
+func _render_vitals() -> void:
+	_clear(vitals_flow)
+	var vitals: Dictionary = CCSService.attempt.get("vitals", {})
+	for key in _ordered_vital_keys(vitals):
+		var chip := PanelContainer.new()
+		chip.add_theme_stylebox_override("panel", _vital_chip_box())
+		vitals_flow.add_child(chip)
+		var row := HBoxContainer.new()
+		row.add_theme_constant_override("separation", 7)
+		chip.add_child(row)
+		var icon := TextureRect.new()
+		icon.texture = _vital_icon(key)
+		icon.expand_mode = TextureRect.EXPAND_IGNORE_SIZE
+		icon.stretch_mode = TextureRect.STRETCH_KEEP_ASPECT_CENTERED
+		icon.custom_minimum_size = Vector2(18, 18)
+		icon.modulate = _vital_color(key)
+		row.add_child(icon)
+		var label := Label.new()
+		label.text = "%s: %s" % [_vital_label(key), str(vitals[key])]
+		_set_label(label, 13, Brand.text_color(_is_dark()))
+		row.add_child(label)
+
+
+func _ordered_vital_keys(vitals: Dictionary) -> Array[String]:
+	var ordered: Array[String] = []
+	for key in ["temperature", "bloodPressure", "pulse", "respirations", "oxygenSaturation"]:
+		if vitals.has(key):
+			ordered.append(key)
+	var remaining: Array[String] = []
+	for raw_key in vitals.keys():
+		var key := str(raw_key)
+		if not key in ordered:
+			remaining.append(key)
+	remaining.sort()
+	ordered.append_array(remaining)
+	return ordered
+
+
+func _vital_label(key: String) -> String:
+	match key:
+		"bloodPressure": return "Blood Pressure"
+		"oxygenSaturation": return "Oxygen Saturation"
+		_: return _humanize_code(key)
+
+
+func _vital_icon(key: String) -> Texture2D:
+	match key:
+		"temperature": return ICON_THERMOMETER
+		"bloodPressure", "pulse": return ICON_HEART
+		"respirations": return ICON_LUNGS
+		_: return ICON_ACTIVITY
+
+
+func _vital_color(key: String) -> Color:
+	match key:
+		"temperature", "oxygenSaturation": return Brand.SKY_BLUE
+		"bloodPressure", "pulse": return Color("fb7185")
+		_: return Brand.PURPLE
+
+
+func _render_orders() -> void:
+	_clear(orders)
+	var active_codes: Array = CCSService.attempt.get("activeOrderCodes", [])
+	if active_codes.is_empty():
+		var empty := Label.new()
+		empty.text = "No active orders"
+		_set_label(empty, 12, Brand.muted_color(_is_dark()))
+		orders.add_child(empty)
+		return
+	for raw_code in active_codes:
+		var code := str(raw_code)
+		var row := HBoxContainer.new()
+		row.add_theme_constant_override("separation", 6)
+		orders.add_child(row)
+		var label := Label.new()
+		label.text = _humanize_code(code)
+		label.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+		label.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+		_set_label(label, 13, Brand.text_color(_is_dark()))
+		row.add_child(label)
+		var cancel := Button.new()
+		cancel.text = "Cancel"
+		cancel.pressed.connect(CCSService.send_command.bind("cancel_order", code, 0))
+		_style_secondary_button(cancel)
+		row.add_child(cancel)
+
+
+func _render_commands() -> void:
+	_clear(actions)
+	for exam in CCSService.attempt.get("availableExams", []):
+		if typeof(exam) != TYPE_DICTIONARY:
+			continue
+		var button := Button.new()
+		button.text = str(exam.get("name", _humanize_code(str(exam.get("code", "Exam")))))
+		button.pressed.connect(CCSService.send_command.bind("exam", str(exam.get("code", "")), 0))
+		_style_secondary_button(button)
+		actions.add_child(button)
+	_clear(locations)
+	for raw_location in CCSService.attempt.get("allowedLocations", []):
+		var location := str(raw_location)
+		var button := Button.new()
+		button.text = "Move to %s" % _humanize_code(location)
+		button.custom_minimum_size.x = 150
+		button.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+		button.pressed.connect(CCSService.send_command.bind("location", location, 0))
+		_style_secondary_button(button)
+		locations.add_child(button)
+	_style_command_buttons()
+
+
+func _submit_search() -> void:
+	if search.text.strip_edges().length() < 2:
+		_set_status("Enter at least two characters to search.")
+		return
+	_set_status("")
+	CCSService.search_orders(search.text)
+
+
 func _render_search() -> void:
 	_clear(search_results)
+	search_results_panel.visible = not CCSService.orders.is_empty()
 	for order in CCSService.orders:
-		var button := Button.new(); button.text = "%s  (%s)" % [order.get("canonicalName", ""), order.get("category", "")]; button.alignment = HORIZONTAL_ALIGNMENT_LEFT
-		button.pressed.connect(_place_order.bind(str(order.get("code", "")))); search_results.add_child(button)
-	_scale_controls(search_results)
+		if typeof(order) != TYPE_DICTIONARY:
+			continue
+		var button := Button.new()
+		button.text = "%s  (%s)" % [order.get("canonicalName", ""), _humanize_code(str(order.get("category", "")))]
+		button.alignment = HORIZONTAL_ALIGNMENT_LEFT
+		button.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+		button.pressed.connect(_place_order.bind(str(order.get("code", ""))))
+		_style_secondary_button(button)
+		search_results.add_child(button)
+
 
 func _place_order(code: String) -> void:
-	CCSService.send_command("order", code); search.text = ""; CCSService.orders = []; _render_search()
+	CCSService.send_command("order", code)
+	search.text = ""
+	CCSService.orders = []
+	_render_search()
+
 
 func _tick() -> void:
 	var deadline := CCSService.deadline_unix()
+	var final_orders := str(CCSService.attempt.get("state", "")) == "final_orders"
+	clock.visible = final_orders and deadline > 0
 	if deadline <= 0:
-		clock.visible = false
 		clock.text = ""
 		return
-	clock.visible = true
 	var remaining := maxi(0, int(ceil(deadline - Time.get_unix_time_from_system())))
-	clock.text = "%02d:%02d" % [floori(float(remaining) / 60.0), remaining % 60]
-	if remaining == 0 and not CCSService.is_loading: CCSService.load_attempt(str(CCSService.attempt.get("id", "")))
+	if final_orders:
+		clock.text = "Final orders: %02d:%02d remaining" % [floori(float(remaining) / 60.0), remaining % 60]
+	if remaining == 0 and not CCSService.is_loading:
+		CCSService.load_attempt(str(CCSService.attempt.get("id", "")))
+
 
 func leave_case() -> void:
 	_leave()
 
+
 func _leave() -> void:
-	if leaving or CCSService.attempt.is_empty(): return
+	if leaving or CCSService.attempt.is_empty():
+		return
 	leaving = true
 	leave_button.disabled = true
-	status.text = "Leaving case..."
+	_set_status("Leaving case...", false)
 	CCSService.abandon()
 
+
 func _on_abandoned() -> void:
-	if not leaving: return
+	if not leaving:
+		return
 	leaving = false
 	main.show_screen("selection", "step3")
 
+
 func _request_failed(message: String) -> void:
-	if not visible: return
-	status.text = message
+	if not visible:
+		return
+	_set_status(message)
 	if leaving:
 		leaving = false
 		leave_button.disabled = false
 
+
 func _end_case() -> void:
 	CCSService.send_command("exit_case" if str(CCSService.attempt.get("state", "")) == "final_orders" else "end_case")
 
-func _clear(parent: Node) -> void:
-	for child in parent.get_children(): child.queue_free()
 
-func _vitals_text(vitals: Dictionary) -> String:
-	var parts: Array[String] = []
-	for key in vitals: parts.append("%s: %s" % [str(key), str(vitals[key])])
-	return "  |  ".join(parts)
+func _clear(parent: Node) -> void:
+	for child in parent.get_children():
+		parent.remove_child(child)
+		child.queue_free()
+
 
 func _chart_text(entries: Array) -> String:
 	var lines: Array[String] = []
-	for entry in entries: lines.append("T+%d [%s] %s" % [entry.get("simulatedMinute", 0), entry.get("category", "note"), entry.get("text", "")])
+	for entry in entries:
+		if typeof(entry) != TYPE_DICTIONARY:
+			continue
+		var category := str(entry.get("category", "note"))
+		var category_label := "In Progress" if category == "progress" else _humanize_code(category)
+		lines.append("T+%d (%s): %s" % [entry.get("simulatedMinute", 0), category_label, entry.get("text", "")])
 	return "\n\n".join(lines)
 
+
 func _summary_plain() -> String:
 	var attempt := CCSService.attempt
-	return "%s\n%s\n\nVitals  %s" % [attempt.get("patientSummary", ""), attempt.get("reasonForEncounter", ""), _vitals_text(attempt.get("vitals", {}))]
+	return "%s\n%s" % [attempt.get("patientSummary", ""), attempt.get("reasonForEncounter", "")]
 
-func _chart_plain() -> String:
-	var attempt := CCSService.attempt
-	return "History\n%s\n\nAppearance\n%s\n\nChart\n%s" % [attempt.get("history", ""), attempt.get("appearance", ""), _chart_text(attempt.get("chart", []))]
 
 func _render_study_text() -> void:
-	var id := str(CCSService.attempt.get("id", ""))
-	summary.text = CCSService.highlighted_text(id, "summary", _summary_plain())
-	chart.text = CCSService.highlighted_text(id, "chart", _chart_plain())
+	var attempt_id := str(CCSService.attempt.get("id", ""))
+	summary.text = CCSService.highlighted_text(attempt_id, "summary", _summary_plain())
+	history.text = CCSService.highlighted_text(attempt_id, "history", str(CCSService.attempt.get("history", "")))
+	appearance.text = CCSService.highlighted_text(attempt_id, "appearance", str(CCSService.attempt.get("appearance", "")))
+	chart.text = CCSService.highlighted_text(attempt_id, "chart", _chart_text(CCSService.attempt.get("chart", [])))
+
 
 func _text_input(event: InputEvent, label: RichTextLabel) -> void:
 	var mouse := event as InputEventMouseButton
 	if mouse != null and mouse.button_index == MOUSE_BUTTON_LEFT and not mouse.pressed:
 		call_deferred("_commit_selection", label)
 
+
 func _commit_selection(label: RichTextLabel) -> void:
 	var selected := label.get_selected_text().strip_edges()
-	if selected.is_empty(): return
-	var start := label.get_selection_from(); var end := label.get_selection_to()
-	CCSService.toggle_highlight(str(CCSService.attempt.get("id", "")), str(label.get_meta("ccs_region", "")), mini(start, end), maxi(start, end))
-	label.deselect(); _render_study_text()
+	if selected.is_empty():
+		return
+	var start := label.get_selection_from()
+	var end := label.get_selection_to()
+	CCSService.toggle_highlight(
+		str(CCSService.attempt.get("id", "")),
+		str(label.get_meta("ccs_region", "")),
+		mini(start, end),
+		maxi(start, end)
+	)
+	label.deselect()
+	_render_study_text()
+
 
 func _zoom(delta: float) -> void:
-	CCSService.adjust_text_scale(delta); _apply_text_scale()
+	CCSService.adjust_text_scale(delta)
+	_apply_text_scale()
+
 
 func _apply_text_scale() -> void:
-	var font_size := int(round(18.0 * CCSService.text_scale))
-	for label in [summary, chart]:
-		label.add_theme_font_size_override("normal_font_size", font_size); label.add_theme_font_size_override("bold_font_size", font_size)
-	_scale_controls(workspace)
+	for label in [summary, history, appearance, chart]:
+		var base_size := int(label.get_meta("ccs_base_font_size", 16))
+		var font_size := int(round(float(base_size) * CCSService.text_scale))
+		label.add_theme_font_size_override("normal_font_size", font_size)
+		label.add_theme_font_size_override("bold_font_size", font_size)
 
-func _scale_controls(node: Node) -> void:
-	if node is Label or node is Button or node is LineEdit:
-		if not node.has_meta("ccs_base_font_size"): node.set_meta("ccs_base_font_size", node.get_theme_font_size("font_size"))
-		node.add_theme_font_size_override("font_size", int(round(float(node.get_meta("ccs_base_font_size")) * CCSService.text_scale)))
-	for child in node.get_children(): _scale_controls(child)
 
 func _clear_highlights() -> void:
-	CCSService.clear_highlights(str(CCSService.attempt.get("id", ""))); _render_study_text()
+	CCSService.clear_highlights(str(CCSService.attempt.get("id", "")))
+	_render_study_text()
+
 
 func _report() -> void:
 	report_dialog.show_for(str(CCSService.attempt.get("id", "")))
 
+
 func _report_submitted(_id: String) -> void:
-	Style.style_chip(report_button, Style.RED); report_button.tooltip_text = "Report submitted; report another issue"
+	report_button.tooltip_text = "Report submitted; report another issue"
+	_style_outline_button(report_button, Brand.SUCCESS)
+
+
+func _set_status(message: String, is_error: bool = true) -> void:
+	if status == null:
+		return
+	status.text = message
+	status.visible = not message.is_empty()
+	status.add_theme_color_override("font_color", Color("fb7185") if is_error else Brand.SKY_BLUE)
+
+
+func _humanize_code(value: String) -> String:
+	return value.replace("_", " ").replace("-", " ").capitalize()
+
+
+func _update_responsive_layout() -> void:
+	if workspace == null or header_layout == null:
+		return
+	var narrow := size.x > 0 and size.x < RESPONSIVE_BREAKPOINT
+	workspace.vertical = narrow
+	header_layout.vertical = narrow
+	toolbar.custom_minimum_size.x = 0 if narrow else 440
+	toolbar.size_flags_horizontal = Control.SIZE_EXPAND_FILL if narrow else Control.SIZE_SHRINK_END
+	chart_panel.custom_minimum_size.x = 0 if narrow else 600
+	clerk_panel.custom_minimum_size.x = 0 if narrow else 370
+	clerk_panel.size_flags_horizontal = Control.SIZE_EXPAND_FILL if narrow else Control.SIZE_SHRINK_END
+	queue_sort()
+
 
 func _on_theme_changed(_is_dark_mode: bool) -> void:
-	_refresh_theme_button()
+	call_deferred("_finish_theme_change")
 
-func _refresh_theme_button() -> void:
-	if theme_button == null: return
-	theme_button.text = "☀" if theme_service.is_dark_mode() else "☾"
-	theme_button.tooltip_text = "Switch to light mode" if theme_service.is_dark_mode() else "Switch to dark mode"
-	Style.style_chip(theme_button, Style.CYAN)
+
+func _finish_theme_change() -> void:
+	_apply_theme()
+	if visible and not CCSService.attempt.is_empty():
+		_render()
+
+
+func _apply_theme() -> void:
+	var dark := _is_dark()
+	if header_panel == null:
+		return
+	header_panel.add_theme_stylebox_override("panel", Brand.content_card_box(dark, false))
+	chart_panel.add_theme_stylebox_override("panel", Brand.content_card_box(dark, false))
+	clerk_panel.add_theme_stylebox_override("panel", Brand.content_card_box(dark, false))
+	header_icon_panel.add_theme_stylebox_override("panel", Brand.icon_circle_box(dark, Brand.PURPLE, 6, true))
+	heading.add_theme_color_override("font_color", Brand.text_color(dark))
+	for label in section_labels:
+		label.add_theme_color_override("font_color", Brand.PURPLE if dark else Brand.ROYAL_BLUE)
+	for node in find_children("*", "Label", true, false):
+		var label := node as Label
+		if label.has_meta("ccs_muted_label"):
+			label.add_theme_color_override("font_color", Brand.muted_color(dark))
+	for label in [summary, history, appearance, chart]:
+		label.add_theme_color_override("default_color", Brand.text_color(dark))
+	search.add_theme_font_override("font", Brand.font)
+	search.add_theme_color_override("font_color", Brand.text_color(dark))
+	search.add_theme_color_override("font_placeholder_color", Brand.muted_color(dark))
+	search.add_theme_stylebox_override("normal", _compact_field_box(dark))
+	search.add_theme_stylebox_override("focus", _compact_field_box(dark, true))
+	search_results_panel.add_theme_stylebox_override("panel", Brand.content_card_box(dark, false))
+	for button in toolbar_buttons:
+		_style_secondary_button(button)
+	_style_icon_button(search_button)
+	_style_outline_button(end_button, Brand.AMBER)
+	_style_outline_button(leave_button, Color("fb7185"))
+	for button in time_row.get_children():
+		if button is Button:
+			_style_secondary_button(button)
+	Brand.set_theme_toggle_icon(theme_button, dark)
+	theme_button.tooltip_text = "Switch to light mode" if dark else "Switch to dark mode"
+	final_orders_notice.add_theme_color_override("font_color", Brand.AMBER)
+	clock.add_theme_color_override("font_color", Brand.AMBER)
+	_render_vitals()
+
+
+func _style_command_buttons() -> void:
+	for container in [actions, locations]:
+		for child in container.get_children():
+			if child is Button:
+				_style_secondary_button(child)
+	var reassess := time_row.get_parent().get_child(time_row.get_index() + 1) as Button
+	if reassess != null:
+		_style_secondary_button(reassess)
+
+
+func _style_secondary_button(button: Button) -> void:
+	var dark := _is_dark()
+	button.add_theme_font_override("font", Brand.font)
+	button.add_theme_font_size_override("font_size", 13)
+	button.add_theme_color_override("font_color", Brand.text_color(dark))
+	button.add_theme_color_override("font_hover_color", Brand.text_color(dark))
+	button.add_theme_stylebox_override("normal", _compact_button_box(dark))
+	button.add_theme_stylebox_override("hover", _compact_button_box(dark, true))
+	button.add_theme_stylebox_override("pressed", _compact_button_box(dark, true))
+
+
+func _style_icon_button(button: Button) -> void:
+	_style_secondary_button(button)
+	button.add_theme_constant_override("icon_max_width", 20)
+	var color := Brand.SKY_BLUE if _is_dark() else Brand.ROYAL_BLUE
+	for color_name in ["icon_normal_color", "icon_hover_color", "icon_pressed_color", "icon_focus_color"]:
+		button.add_theme_color_override(color_name, color)
+
+
+func _style_outline_button(button: Button, accent: Color) -> void:
+	var dark := _is_dark()
+	var normal := _compact_button_box(dark)
+	normal.border_color = accent
+	var hover := normal.duplicate() as StyleBoxFlat
+	hover.bg_color = Color(accent, 0.1)
+	button.add_theme_font_override("font", Brand.font)
+	button.add_theme_font_size_override("font_size", 13)
+	button.add_theme_color_override("font_color", accent)
+	button.add_theme_color_override("font_hover_color", accent)
+	button.add_theme_stylebox_override("normal", normal)
+	button.add_theme_stylebox_override("hover", hover)
+	button.add_theme_stylebox_override("pressed", hover)
+
+
+func _compact_field_box(dark: bool, focused: bool = false) -> StyleBoxFlat:
+	var box := StyleBoxFlat.new()
+	box.bg_color = Color("0d172a") if dark else Brand.LIGHT_SURFACE
+	box.border_color = Brand.ROYAL_BLUE if focused else (Color("33415d") if dark else Brand.LIGHT_BORDER)
+	box.set_border_width_all(1)
+	box.set_corner_radius_all(6)
+	box.content_margin_left = 12
+	box.content_margin_right = 12
+	box.content_margin_top = 8
+	box.content_margin_bottom = 8
+	return box
+
+
+func _compact_button_box(dark: bool, hover: bool = false) -> StyleBoxFlat:
+	var box := _compact_field_box(dark, hover)
+	box.bg_color = Color("111b30") if dark else Brand.LIGHT_SURFACE
+	return box
+
+
+func _vital_chip_box() -> StyleBoxFlat:
+	var dark := _is_dark()
+	var box := StyleBoxFlat.new()
+	box.bg_color = Color("111b30") if dark else Color("f8faff")
+	box.border_color = Color("33415d") if dark else Brand.LIGHT_BORDER
+	box.set_border_width_all(1)
+	box.set_corner_radius_all(6)
+	box.content_margin_left = 10
+	box.content_margin_right = 10
+	box.content_margin_top = 8
+	box.content_margin_bottom = 8
+	return box
+
+
+func _set_label(label: Label, font_size: int, color: Color) -> void:
+	label.add_theme_font_override("font", Brand.font)
+	label.add_theme_font_size_override("font_size", font_size)
+	label.add_theme_color_override("font_color", color)
+
+
+func _is_dark() -> bool:
+	return theme_service != null and theme_service.is_dark_mode()

scripts/ui/ccs_review.gd

@@ -1,6 +1,7 @@
 extends VBoxContainer
 
 const Style := preload("res://scripts/ui/ui_style.gd")
+const Brand := preload("res://scripts/ui/medmind_style.gd")
 var main: Control
 var title: Label
 var score_body: RichTextLabel
@@ -170,6 +171,6 @@ func _on_theme_changed(_is_dark_mode: bool) -> void:
 
 func _refresh_theme_button() -> void:
 	if theme_button == null: return
-	theme_button.text = "☀" if theme_service.is_dark_mode() else "☾"
+	Brand.set_theme_toggle_icon(theme_button, theme_service.is_dark_mode())
 	theme_button.tooltip_text = "Switch to light mode" if theme_service.is_dark_mode() else "Switch to dark mode"
 	Style.style_chip(theme_button, Style.CYAN)

scripts/ui/login_screen.gd

@@ -21,6 +21,7 @@ var reset_view: VBoxContainer
 var steam_view: VBoxContainer
 var login_input: LineEdit
 var password_input: LineEdit
+var password_reveal_button: Button
 var registration_username_input: LineEdit
 var registration_email_input: LineEdit
 var registration_password_input: LineEdit
@@ -335,20 +336,32 @@ func _add_show_password(parent: VBoxContainer, targets: Array) -> void:
 
 func _add_password_reveal(input: LineEdit) -> void:
 	var reveal := Button.new()
-	reveal.text = "\u25c9"
+	password_reveal_button = reveal
+	reveal.text = ""
 	reveal.tooltip_text = "Show password"
 	reveal.flat = true
 	reveal.focus_mode = Control.FOCUS_NONE
 	reveal.custom_minimum_size = Vector2(52, 52)
 	reveal.set_anchors_preset(Control.PRESET_CENTER_RIGHT)
 	reveal.position = Vector2(-60, -26)
+	_refresh_password_reveal(input, reveal)
 	reveal.pressed.connect(func():
 		input.secret = not input.secret
 		reveal.tooltip_text = "Show password" if input.secret else "Hide password"
+		_refresh_password_reveal(input, reveal)
 	)
 	input.add_child(reveal)
 
 
+func _refresh_password_reveal(input: LineEdit, reveal: Button) -> void:
+	reveal.icon = preload("res://assets/icons/lucide/eye.svg") if input.secret else preload("res://assets/icons/lucide/eye-off.svg")
+	reveal.expand_icon = false
+	reveal.add_theme_constant_override("icon_max_width", 24)
+	var icon_color := Brand.muted_color(UIThemeService.is_dark_mode())
+	for color_name in ["icon_normal_color", "icon_hover_color", "icon_pressed_color", "icon_focus_color"]:
+		reveal.add_theme_color_override(color_name, icon_color)
+
+
 func _add_primary_button(parent: VBoxContainer, text_value: String, callback: Callable) -> Button:
 	var button := Button.new()
 	button.text = text_value
@@ -442,7 +455,7 @@ func _apply_theme() -> void:
 	background.color = Brand.background_color(dark)
 	background.material = Brand.background_material(dark)
 	auth_panel.add_theme_stylebox_override("panel", Brand.panel_box(dark))
-	theme_button.text = "☀" if dark else "☾"
+	Brand.set_theme_toggle_icon(theme_button, dark)
 	theme_button.tooltip_text = "Use light theme" if dark else "Use dark theme"
 	theme_button.add_theme_font_override("font", Brand.font)
 	for node in find_children("*", "Label", true, false):
@@ -475,6 +488,8 @@ func _apply_theme() -> void:
 	theme_button.add_theme_stylebox_override("normal", theme_normal)
 	theme_button.add_theme_stylebox_override("hover", theme_normal)
 	theme_button.add_theme_color_override("font_color", Brand.AMBER)
+	if password_reveal_button != null:
+		_refresh_password_reveal(password_input, password_reveal_button)
 	subheading.add_theme_color_override("font_color", Brand.muted_color(dark))
 	message_label.add_theme_color_override("font_color", Brand.muted_color(dark))
 	if brand_tagline != null:

scripts/ui/main.gd

@@ -685,7 +685,7 @@ func _on_theme_changed(is_dark_mode: bool) -> void:
 func _refresh_theme_button() -> void:
 	if theme_button == null:
 		return
-	theme_button.text = "☀" if theme_service.is_dark_mode() else "☾"
+	Brand.set_theme_toggle_icon(theme_button, theme_service.is_dark_mode())
 	theme_button.tooltip_text = "Switch to light mode" if theme_service.is_dark_mode() else "Switch to dark mode"
 	_style_shell_theme_button(theme_button)
 

scripts/ui/medmind_style.gd

@@ -8,6 +8,8 @@ const MAGENTA := Color("d946ef")
 const TEAL := Color("14b8a6")
 const SUCCESS := Color("22c55e")
 const AMBER := Color("f59e0b")
+const SUN_ICON := preload("res://assets/icons/lucide/sun.svg")
+const MOON_ICON := preload("res://assets/icons/lucide/moon.svg")
 const SLATE := Color("94a3b8")
 const DARK_TEXT := Color("f8fafc")
 const LIGHT_TEXT := Color("0f172a")
@@ -169,3 +171,12 @@ static func gradient_button_box() -> StyleBoxTexture:
 
 static func apply_font(control: Control) -> void:
 	control.add_theme_font_override("font", font)
+
+
+static func set_theme_toggle_icon(button: Button, dark: bool) -> void:
+	button.text = ""
+	button.icon = SUN_ICON if dark else MOON_ICON
+	button.expand_icon = false
+	button.add_theme_constant_override("icon_max_width", 22)
+	for color_name in ["icon_normal_color", "icon_hover_color", "icon_pressed_color", "icon_focus_color"]:
+		button.add_theme_color_override(color_name, AMBER)

scripts/ui/question_player.gd

@@ -716,7 +716,7 @@ func _teaching_card_box(dark: bool, accent: Color) -> StyleBoxFlat:
 	return box
 
 
-func _review_followup_box(dark: bool, accent: Color, answered: bool) -> StyleBoxFlat:
+func _review_followup_box(_dark: bool, accent: Color, answered: bool) -> StyleBoxFlat:
 	var box := StyleBoxFlat.new()
 	box.bg_color = Color(accent, 0.075 if answered else 0.04)
 	box.border_color = Color(accent, 0.5)
@@ -1849,7 +1849,7 @@ func refresh_theme_controls() -> void:
 func _refresh_theme_button() -> void:
 	if theme_button == null:
 		return
-	theme_button.text = "☀" if theme_service.is_dark_mode() else "☾"
+	Brand.set_theme_toggle_icon(theme_button, theme_service.is_dark_mode())
 	theme_button.tooltip_text = "Switch to light mode" if theme_service.is_dark_mode() else "Switch to dark mode"
 	Style.style_chip(theme_button, Style.CYAN)
 
@@ -2868,7 +2868,7 @@ func _show_wrong_answer_followup(choice_id: String) -> void:
 		question_scroll.call_deferred("ensure_control_visible", choice_followup_panels[index])
 
 
-func _build_followup_panel(index: int, choice_id: String) -> void:
+func _build_followup_panel(_index: int, choice_id: String) -> void:
 	var followup := _get_followup_for_choice(choice_id)
 	var followup_choices: Array = followup.get("choices", []).duplicate(true)
 	followup_choices.shuffle()
@@ -2944,7 +2944,7 @@ func _answer_followup(option_id: String, selected_button: Button, followup: Dict
 	_resolve_followup(followup, selected_button, true, is_correct)
 
 
-func _resolve_followup(followup: Dictionary, selected_button: Button, style_selected: bool, is_correct: bool) -> void:
+func _resolve_followup(_followup: Dictionary, selected_button: Button, _style_selected: bool, is_correct: bool) -> void:
 	if not followup_required or followup_answered:
 		return
 	followup_answered = true

scripts/ui/simulation_history.gd

@@ -1,163 +1,474 @@
 extends VBoxContainer
 
 const Style := preload("res://scripts/ui/ui_style.gd")
+const Brand := preload("res://scripts/ui/medmind_style.gd")
+const CLOCK_ICON := preload("res://assets/icons/lucide/clock-3.svg")
+const REVIEW_ICON := preload("res://assets/icons/lucide/chart-no-axes-column-increasing.svg")
 
 var main: Control
-var list: VBoxContainer
+var page: VBoxContainer
+var title_label: Label
+var active_section: PanelContainer
+var active_content: VBoxContainer
+var history_section: PanelContainer
+var history_header: BoxContainer
+var table_header: HBoxContainer
+var history_list: VBoxContainer
 var status_label: Label
 var load_more_button: Button
-var launch_button: Button
-var readiness_label: Label
+var filter_option: OptionButton
+var sort_option: OptionButton
+var abandon_dialog: ConfirmationDialog
 var pending_simulation_id := ""
 var pending_launch := false
+var pending_abandon := false
+var history_status := "all"
+var history_sort := "newest"
+var compact_layout := false
 
 
 func _ready() -> void:
 	set_anchors_preset(Control.PRESET_FULL_RECT)
-	add_theme_constant_override("separation", 12)
+	size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	size_flags_vertical = Control.SIZE_EXPAND_FILL
+	add_theme_constant_override("separation", 0)
+	_build_ui()
+	_connect_services()
+	resized.connect(_update_responsive_layout)
+	UIThemeService.theme_changed.connect(func(_dark: bool): refresh_theme_controls())
+	call_deferred("_update_responsive_layout")
+
+
+func _build_ui() -> void:
+	var scroll := ScrollContainer.new()
+	scroll.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	scroll.size_flags_vertical = Control.SIZE_EXPAND_FILL
+	scroll.horizontal_scroll_mode = ScrollContainer.SCROLL_MODE_DISABLED
+	add_child(scroll)
+
+	page = VBoxContainer.new()
+	page.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	page.add_theme_constant_override("separation", 18)
+	scroll.add_child(page)
+
+	title_label = Label.new()
+	title_label.text = "Exams"
+	Brand.apply_font(title_label)
+	title_label.add_theme_font_size_override("font_size", 27)
+	page.add_child(title_label)
+
+	active_section = PanelContainer.new()
+	active_section.name = "ActiveSimulationSection"
+	page.add_child(active_section)
+	active_content = VBoxContainer.new()
+	active_content.add_theme_constant_override("separation", 10)
+	active_section.add_child(active_content)
+
+	history_section = PanelContainer.new()
+	history_section.name = "SimulationHistorySection"
+	history_section.size_flags_vertical = Control.SIZE_EXPAND_FILL
+	page.add_child(history_section)
+	var history_content := VBoxContainer.new()
+	history_content.add_theme_constant_override("separation", 12)
+	history_section.add_child(history_content)
+
+	history_header = BoxContainer.new()
+	history_header.vertical = false
+	history_header.add_theme_constant_override("separation", 10)
+	history_content.add_child(history_header)
+	var heading := Label.new()
+	heading.text = "Simulation History"
+	heading.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	Brand.apply_font(heading)
+	heading.add_theme_font_size_override("font_size", 21)
+	history_header.add_child(heading)
+
+	filter_option = OptionButton.new()
+	filter_option.name = "HistoryFilter"
+	filter_option.custom_minimum_size = Vector2(190, 42)
+	filter_option.add_item("All Simulations")
+	filter_option.set_item_metadata(0, "all")
+	filter_option.add_item("Completed")
+	filter_option.set_item_metadata(1, "completed")
+	filter_option.add_item("Abandoned")
+	filter_option.set_item_metadata(2, "abandoned")
+	filter_option.item_selected.connect(_on_filter_selected)
+	history_header.add_child(filter_option)
+
+	sort_option = OptionButton.new()
+	sort_option.name = "HistorySort"
+	sort_option.custom_minimum_size = Vector2(170, 42)
+	sort_option.add_item("Newest First")
+	sort_option.set_item_metadata(0, "newest")
+	sort_option.add_item("Oldest First")
+	sort_option.set_item_metadata(1, "oldest")
+	sort_option.item_selected.connect(_on_sort_selected)
+	history_header.add_child(sort_option)
+
+	status_label = Label.new()
+	status_label.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+	Brand.apply_font(status_label)
+	status_label.add_theme_font_size_override("font_size", 15)
+	history_content.add_child(status_label)
+
+	table_header = _build_table_header()
+	history_content.add_child(table_header)
+	history_list = VBoxContainer.new()
+	history_list.add_theme_constant_override("separation", 0)
+	history_content.add_child(history_list)
+
+	load_more_button = Button.new()
+	load_more_button.text = "Show more"
+	load_more_button.visible = false
+	load_more_button.custom_minimum_size = Vector2(150, 42)
+	load_more_button.size_flags_horizontal = Control.SIZE_SHRINK_CENTER
+	load_more_button.pressed.connect(_load_more)
+	history_content.add_child(load_more_button)
+
+	abandon_dialog = ConfirmationDialog.new()
+	abandon_dialog.title = "Abandon simulation?"
+	abandon_dialog.dialog_text = "This attempt cannot be resumed and will not receive a predicted score. Completed blocks will remain visible in your history."
+	abandon_dialog.ok_button_text = "Abandon Simulation"
+	abandon_dialog.cancel_button_text = "Keep Simulation"
+	abandon_dialog.confirmed.connect(_confirm_abandon)
+	add_child(abandon_dialog)
+	refresh_theme_controls()
+
+
+func _connect_services() -> void:
 	if not ExamSimulationService.history_changed.is_connected(_render_history):
 		ExamSimulationService.history_changed.connect(_render_history)
-	if not ExamSimulationService.readiness_changed.is_connected(_refresh_readiness):
-		ExamSimulationService.readiness_changed.connect(_refresh_readiness)
+	if not ExamSimulationService.readiness_changed.is_connected(_render_active_section):
+		ExamSimulationService.readiness_changed.connect(_render_active_section)
 	if not ExamSimulationService.state_changed.is_connected(_on_simulation_loaded):
 		ExamSimulationService.state_changed.connect(_on_simulation_loaded)
 	if not ExamSimulationService.request_failed.is_connected(_on_request_failed):
 		ExamSimulationService.request_failed.connect(_on_request_failed)
-	var top := HBoxContainer.new()
-	add_child(top)
-	var back := Button.new()
-	back.text = "< Profile"
-	Style.style_chip(back, Style.CYAN)
-	back.pressed.connect(func(): main.show_screen("profile"))
-	top.add_child(back)
-	var title := Label.new()
-	title.text = "Simulation History"
-	title.size_flags_horizontal = Control.SIZE_EXPAND_FILL
-	title.horizontal_alignment = HORIZONTAL_ALIGNMENT_CENTER
-	Style.set_label(title, 30, Style.TEXT)
-	top.add_child(title)
-	var balance := Control.new()
-	balance.custom_minimum_size = Vector2(100, 0)
-	top.add_child(balance)
-	var launch_panel := PanelContainer.new()
-	launch_panel.add_theme_stylebox_override("panel", Style.panel_box(Color("07192c"), Style.CYAN))
-	add_child(launch_panel)
-	var launch_content := HBoxContainer.new()
-	launch_content.add_theme_constant_override("separation", 18)
-	launch_panel.add_child(launch_content)
-	var launch_copy := VBoxContainer.new()
-	launch_copy.size_flags_horizontal = Control.SIZE_EXPAND_FILL
-	launch_copy.add_theme_constant_override("separation", 5)
-	launch_content.add_child(launch_copy)
-	var launch_title := Label.new()
-	launch_title.text = "Step 3 Day 1 Simulation"
-	Style.set_label(launch_title, 22, Style.TEXT)
-	launch_copy.add_child(launch_title)
-	readiness_label = Label.new()
-	readiness_label.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
-	Style.set_label(readiness_label, 15, Style.MUTED)
-	launch_copy.add_child(readiness_label)
-	launch_button = Button.new()
-	launch_button.text = "Checking readiness..."
-	launch_button.custom_minimum_size = Vector2(210, 48)
-	launch_button.size_flags_vertical = Control.SIZE_SHRINK_CENTER
-	launch_button.disabled = true
-	Style.style_primary_button(launch_button)
-	launch_button.pressed.connect(_launch_or_resume)
-	launch_content.add_child(launch_button)
-	status_label = Label.new()
-	status_label.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
-	Style.set_label(status_label, 16, Style.MUTED)
-	add_child(status_label)
-	var scroll := ScrollContainer.new()
-	scroll.size_flags_vertical = Control.SIZE_EXPAND_FILL
-	scroll.size_flags_horizontal = Control.SIZE_EXPAND_FILL
-	add_child(scroll)
-	list = VBoxContainer.new()
-	list.size_flags_horizontal = Control.SIZE_EXPAND_FILL
-	list.add_theme_constant_override("separation", 8)
-	scroll.add_child(list)
-	load_more_button = Button.new()
-	load_more_button.text = "Load More"
-	load_more_button.visible = false
-	load_more_button.size_flags_horizontal = Control.SIZE_SHRINK_CENTER
-	Style.style_chip(load_more_button, Style.CYAN)
-	load_more_button.pressed.connect(_load_more)
-	add_child(load_more_button)
 
 
-func on_show(payload: Variant = null) -> void:
+func on_show(_payload: Variant = null) -> void:
 	pending_simulation_id = ""
 	pending_launch = false
-	_refresh_readiness()
-	ExamSimulationService.load_readiness()
-	if str(payload) == "preserve" and not ExamSimulationService.history.is_empty():
-		return
+	pending_abandon = false
 	status_label.text = "Loading simulation history..."
 	load_more_button.disabled = true
-	ExamSimulationService.load_history()
+	ExamSimulationService.load_readiness()
+	ExamSimulationService.load_active()
+	_load_history_page()
+
+
+func refresh_theme_controls() -> void:
+	if page == null:
+		return
+	var dark := UIThemeService.is_dark_mode()
+	title_label.add_theme_color_override("font_color", Brand.text_color(dark))
+	active_section.add_theme_stylebox_override("panel", _section_box(dark))
+	history_section.add_theme_stylebox_override("panel", _section_box(dark))
+	status_label.add_theme_color_override("font_color", Brand.muted_color(dark))
+	_style_option(filter_option, dark)
+	_style_option(sort_option, dark)
+	_style_outline_button(load_more_button, Brand.PURPLE, dark)
+	_render_active_section()
+	_render_history()
+
+
+func _render_active_section() -> void:
+	if active_content == null:
+		return
+	_clear(active_content)
+	var dark := UIThemeService.is_dark_mode()
+	var section_title := Label.new()
+	section_title.text = "Active Simulation" if _has_active_simulation() else "Step 3 Simulation"
+	Brand.apply_font(section_title)
+	section_title.add_theme_font_size_override("font_size", 18)
+	section_title.add_theme_color_override("font_color", Brand.PURPLE if not dark else Color("9b73ff"))
+	active_content.add_child(section_title)
+
+	var card := PanelContainer.new()
+	card.add_theme_stylebox_override("panel", _active_card_box(dark))
+	active_content.add_child(card)
+	var card_layout := BoxContainer.new()
+	card_layout.name = "ActiveCardLayout"
+	card_layout.vertical = compact_layout
+	card_layout.add_theme_constant_override("separation", 18)
+	card.add_child(card_layout)
+
+	var icon_panel := PanelContainer.new()
+	icon_panel.custom_minimum_size = Vector2(94, 94)
+	icon_panel.size_flags_vertical = Control.SIZE_SHRINK_CENTER
+	icon_panel.add_theme_stylebox_override("panel", Brand.icon_circle_box(dark, Brand.PURPLE, 8))
+	card_layout.add_child(icon_panel)
+	var clock := TextureRect.new()
+	clock.texture = CLOCK_ICON
+	clock.custom_minimum_size = Vector2(44, 44)
+	clock.expand_mode = TextureRect.EXPAND_IGNORE_SIZE
+	clock.stretch_mode = TextureRect.STRETCH_KEEP_ASPECT_CENTERED
+	clock.modulate = Brand.PURPLE if not dark else Color("9668ff")
+	icon_panel.add_child(clock)
+
+	var details := VBoxContainer.new()
+	details.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	details.add_theme_constant_override("separation", 5)
+	card_layout.add_child(details)
+	var active := _has_active_simulation()
+	var heading := Label.new()
+	heading.text = "Step 3 Day 1 Simulation"
+	Brand.apply_font(heading)
+	heading.add_theme_font_size_override("font_size", 19)
+	heading.add_theme_color_override("font_color", Brand.text_color(dark))
+	details.add_child(heading)
+
+	if active:
+		_build_active_details(details, dark)
+	else:
+		_build_start_details(details, dark)
+
+	var actions := VBoxContainer.new()
+	actions.name = "ActiveActions"
+	actions.custom_minimum_size = Vector2(265, 0) if not compact_layout else Vector2.ZERO
+	actions.size_flags_vertical = Control.SIZE_SHRINK_CENTER
+	actions.add_theme_constant_override("separation", 10)
+	card_layout.add_child(actions)
+	var primary := Button.new()
+	primary.name = "PrimarySimulationAction"
+	primary.text = "Resume Simulation" if active else "Start Simulation"
+	primary.custom_minimum_size = Vector2(0, 48)
+	primary.disabled = pending_launch or (not active and not bool(ExamSimulationService.readiness.get("ready", false)))
+	_style_gradient_button(primary)
+	primary.pressed.connect(_launch_or_resume)
+	actions.add_child(primary)
+	if active:
+		var abandon := Button.new()
+		abandon.name = "AbandonSimulation"
+		abandon.text = "Abandon Simulation"
+		abandon.custom_minimum_size = Vector2(0, 46)
+		_style_outline_button(abandon, Color("ff5f76"), dark)
+		abandon.pressed.connect(func(): abandon_dialog.popup_centered(Vector2i(520, 220)))
+		actions.add_child(abandon)
+
+	var notice := PanelContainer.new()
+	notice.add_theme_stylebox_override("panel", _notice_box(dark))
+	active_content.add_child(notice)
+	var notice_label := Label.new()
+	notice_label.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+	notice_label.text = "Abandoning will end your active simulation; completed blocks remain in history, but no score will be generated." if active else _readiness_message()
+	Brand.apply_font(notice_label)
+	notice_label.add_theme_font_size_override("font_size", 14)
+	notice_label.add_theme_color_override("font_color", Brand.muted_color(dark))
+	notice.add_child(notice_label)
+
+
+func _build_active_details(details: VBoxContainer, dark: bool) -> void:
+	var simulation := ExamSimulationService.simulation
+	var summary := _active_history_summary()
+	var started := str(summary.get("createdUtc", ""))
+	var started_label := Label.new()
+	started_label.text = "Started: %s" % _format_local_datetime(started)
+	_style_muted_label(started_label, dark, 14)
+	details.add_child(started_label)
+
+	var progress_title := Label.new()
+	progress_title.text = "Progress"
+	_style_muted_label(progress_title, dark, 13)
+	details.add_child(progress_title)
+	var completed := completed_blocks(simulation if not simulation.is_empty() else summary)
+	var total := int((simulation if not simulation.is_empty() else summary).get("totalBlocks", 12))
+	var progress_row := HBoxContainer.new()
+	progress_row.add_theme_constant_override("separation", 12)
+	details.add_child(progress_row)
+	var bar := ProgressBar.new()
+	bar.show_percentage = false
+	bar.max_value = max(1, total)
+	bar.value = completed
+	bar.custom_minimum_size = Vector2(120, 8)
+	bar.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	bar.size_flags_vertical = Control.SIZE_SHRINK_CENTER
+	bar.add_theme_stylebox_override("background", _progress_box(Color("28344f") if dark else Color("e2e8f0")))
+	bar.add_theme_stylebox_override("fill", _progress_box(Brand.PURPLE))
+	progress_row.add_child(bar)
+	var percent := Label.new()
+	percent.text = "%d%%" % progress_percent(completed, total)
+	_style_muted_label(percent, dark, 13)
+	progress_row.add_child(percent)
+	var progress_copy := Label.new()
+	progress_copy.text = "%d of %d blocks complete  •  %s" % [completed, total, remaining_time_text(simulation if not simulation.is_empty() else summary)]
+	_style_muted_label(progress_copy, dark, 14)
+	details.add_child(progress_copy)
+
+
+func _build_start_details(details: VBoxContainer, dark: bool) -> void:
+	var copy := Label.new()
+	copy.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+	copy.text = "A full-length, 12-block simulation with a provisional predicted Step 3 score. Progress is saved between blocks."
+	_style_muted_label(copy, dark, 15)
+	details.add_child(copy)
 
 
 func _render_history() -> void:
-	if not visible:
+	if history_list == null or not visible:
 		return
-	for child in list.get_children():
-		child.queue_free()
-	if ExamSimulationService.history.is_empty():
-		status_label.text = "No simulations yet."
+	_clear(history_list)
+	var items: Array = ExamSimulationService.history
+	if items.is_empty():
+		status_label.text = "No simulations match this filter."
 	else:
-		status_label.text = "Select a completed simulation to review it, or resume an active simulation."
-	for raw_summary in ExamSimulationService.history:
+		status_label.text = ""
+	for raw_summary in items:
 		var summary: Dictionary = raw_summary
-		var state := str(summary.get("state", ""))
-		var action := _action_for_state(state)
-		var button := Button.new()
-		button.text = _summary_text(summary)
-		button.alignment = HORIZONTAL_ALIGNMENT_LEFT
-		button.custom_minimum_size = Vector2(0, 70)
-		button.size_flags_horizontal = Control.SIZE_EXPAND_FILL
-		button.disabled = action == "none"
-		Style.style_chip(button, _state_color(state))
-		if action != "none":
-			button.pressed.connect(_open_simulation.bind(str(summary.get("id", ""))))
-		list.add_child(button)
-	load_more_button.visible = not ExamSimulationService.history_next_before.is_empty()
+		if str(summary.get("state", "")) in ["block_active", "between_blocks"]:
+			continue
+		history_list.add_child(_build_history_row(summary))
+	load_more_button.visible = not ExamSimulationService.history_next_cursor.is_empty()
 	load_more_button.disabled = false
+	table_header.visible = not compact_layout and not items.is_empty()
 
 
-func _summary_text(summary: Dictionary) -> String:
+func _build_table_header() -> HBoxContainer:
+	var dark := UIThemeService.is_dark_mode()
+	var row := HBoxContainer.new()
+	row.add_theme_constant_override("separation", 10)
+	for definition in [["Simulation", 2.2], ["Date", 1.15], ["Status", 1.0], ["Blocks", 0.8], ["Score", 1.15], ["Pass chance", 1.0], ["Actions", 1.0]]:
+		var label := Label.new()
+		label.text = definition[0]
+		label.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+		label.size_flags_stretch_ratio = definition[1]
+		Brand.apply_font(label)
+		label.add_theme_font_size_override("font_size", 13)
+		label.add_theme_color_override("font_color", Brand.muted_color(dark))
+		row.add_child(label)
+	return row
+
+
+func _build_history_row(summary: Dictionary) -> Control:
+	var dark := UIThemeService.is_dark_mode()
+	var panel := PanelContainer.new()
+	panel.add_theme_stylebox_override("panel", _row_box(dark))
 	var state := str(summary.get("state", ""))
-	var date := str(summary.get("createdUtc", "")).left(10)
-	if state == "completed":
-		return "%s  |  %sCompleted\nPredicted %d (%d-%d)  |  %d/%d correct" % [date, "Sample  |  " if bool(summary.get("isSample", false)) else "", int(summary.get("predictedScore", 0)), int(summary.get("rangeLow", 0)), int(summary.get("rangeHigh", 0)), int(summary.get("correct", 0)), int(summary.get("total", 0))]
-	if state == "block_active":
-		return "%s  |  Active\nResume Block %d of %d (timer continues)" % [date, int(summary.get("currentBlock", 0)) + 1, int(summary.get("totalBlocks", 12))]
-	if state == "between_blocks":
-		return "%s  |  In progress\n%d of %d blocks complete" % [date, int(summary.get("currentBlock", -1)) + 1, int(summary.get("totalBlocks", 12))]
-	return "%s  |  Abandoned\nThis simulation cannot be resumed." % date
+	if compact_layout:
+		var card := VBoxContainer.new()
+		card.add_theme_constant_override("separation", 8)
+		panel.add_child(card)
+		var top := HBoxContainer.new()
+		card.add_child(top)
+		top.add_child(_simulation_cell(summary, dark))
+		var badge := _status_badge(state, dark)
+		top.add_child(badge)
+		var metrics := Label.new()
+		metrics.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+		metrics.text = "%s  •  %d/%d blocks\n%s  •  %s" % [_format_local_datetime(str(summary.get("createdUtc", ""))), completed_blocks(summary), int(summary.get("totalBlocks", 12)), _score_text(summary), _pass_chance_text(summary)]
+		_style_muted_label(metrics, dark, 14)
+		card.add_child(metrics)
+		if state == "completed":
+			card.add_child(_review_button(summary, dark))
+		return panel
+
+	var row := HBoxContainer.new()
+	row.custom_minimum_size = Vector2(0, 66)
+	row.add_theme_constant_override("separation", 10)
+	panel.add_child(row)
+	_add_table_cell(row, _simulation_cell(summary, dark), 2.2)
+	_add_table_cell(row, _plain_cell(_format_local_datetime(str(summary.get("createdUtc", ""))), dark), 1.15)
+	_add_table_cell(row, _status_badge(state, dark), 1.0)
+	_add_table_cell(row, _plain_cell("%d / %d" % [completed_blocks(summary), int(summary.get("totalBlocks", 12))], dark), 0.8)
+	_add_table_cell(row, _plain_cell(_score_text(summary), dark), 1.15)
+	_add_table_cell(row, _plain_cell(_pass_chance_text(summary), dark), 1.0)
+	var action: Control = _review_button(summary, dark) if state == "completed" else _plain_cell("—", dark)
+	_add_table_cell(row, action, 1.0)
+	return panel
+
+
+func _simulation_cell(summary: Dictionary, dark: bool) -> Control:
+	var column := VBoxContainer.new()
+	column.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	var name_label := Label.new()
+	name_label.text = "Step 3 Day 1 Simulation%s" % (" (Sample)" if bool(summary.get("isSample", false)) else "")
+	Brand.apply_font(name_label)
+	name_label.add_theme_font_size_override("font_size", 15)
+	name_label.add_theme_color_override("font_color", Brand.text_color(dark))
+	column.add_child(name_label)
+	var blocks := Label.new()
+	blocks.text = "%d blocks" % int(summary.get("totalBlocks", 12))
+	_style_muted_label(blocks, dark, 12)
+	column.add_child(blocks)
+	return column
+
+
+func _plain_cell(text_value: String, dark: bool) -> Label:
+	var label := Label.new()
+	label.text = text_value
+	label.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
+	Brand.apply_font(label)
+	label.add_theme_font_size_override("font_size", 14)
+	label.add_theme_color_override("font_color", Brand.text_color(dark))
+	return label
+
+
+func _status_badge(state: String, dark: bool) -> Label:
+	var label := Label.new()
+	var accent := Brand.SUCCESS if state == "completed" else Brand.SLATE
+	label.text = "Completed" if state == "completed" else "Abandoned"
+	label.horizontal_alignment = HORIZONTAL_ALIGNMENT_CENTER
+	label.size_flags_vertical = Control.SIZE_SHRINK_CENTER
+	Brand.apply_font(label)
+	label.add_theme_font_size_override("font_size", 12)
+	label.add_theme_color_override("font_color", accent if dark else accent.darkened(0.2))
+	label.add_theme_stylebox_override("normal", Brand.badge_box(dark, accent))
+	return label
+
+
+func _review_button(summary: Dictionary, dark: bool) -> Button:
+	var button := Button.new()
+	button.text = "Review"
+	button.icon = REVIEW_ICON
+	button.expand_icon = true
+	button.add_theme_constant_override("icon_max_width", 17)
+	button.custom_minimum_size = Vector2(105, 38)
+	button.size_flags_horizontal = Control.SIZE_SHRINK_BEGIN
+	_style_outline_button(button, Brand.PURPLE, dark)
+	button.pressed.connect(_open_simulation.bind(str(summary.get("id", ""))))
+	return button
+
+
+func _add_table_cell(row: HBoxContainer, control: Control, ratio: float) -> void:
+	control.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+	control.size_flags_vertical = Control.SIZE_SHRINK_CENTER
+	control.size_flags_stretch_ratio = ratio
+	row.add_child(control)
 
 
 func _open_simulation(simulation_id: String) -> void:
 	pending_launch = false
 	pending_simulation_id = simulation_id
-	status_label.text = "Opening simulation..."
+	status_label.text = "Opening simulation results..."
 	ExamSimulationService.load_simulation(simulation_id)
 
 
 func _on_simulation_loaded() -> void:
-	if not visible or ExamSimulationService.simulation.is_empty():
+	if not visible:
+		return
+	if pending_abandon:
+		if ExamSimulationService.simulation.is_empty():
+			pending_abandon = false
+			ExamSimulationService.load_readiness()
+			ExamSimulationService.load_active()
+			_load_history_page()
+		_render_active_section()
 		return
 	if pending_launch:
 		pending_launch = false
 		_route_loaded_simulation()
 		return
-	if pending_simulation_id.is_empty():
+	if not pending_simulation_id.is_empty():
+		pending_simulation_id = ""
+		_route_loaded_simulation()
 		return
-	pending_simulation_id = ""
-	_route_loaded_simulation()
+	_render_active_section()
 
 
 func _route_loaded_simulation() -> void:
+	if ExamSimulationService.simulation.is_empty():
+		_on_request_failed("The simulation is no longer available.")
+		return
 	var state := str(ExamSimulationService.simulation.get("state", ""))
 	if state == "completed":
 		main.show_screen("simulation_results", {"simulation": ExamSimulationService.simulation, "return_screen": "simulation_history"})
@@ -172,48 +483,52 @@ func _route_loaded_simulation() -> void:
 	elif state == "between_blocks":
 		main.show_screen("simulation_break")
 	else:
-		status_label.text = "This simulation can no longer be resumed."
-	_refresh_readiness()
+		_on_request_failed("This simulation can no longer be resumed.")
 
 
 func _launch_or_resume() -> void:
 	pending_launch = true
 	pending_simulation_id = ""
-	launch_button.disabled = true
-	readiness_label.text = "Opening your simulation..."
+	_render_active_section()
 	if _has_active_simulation():
-		ExamSimulationService.load_active()
+		if not ExamSimulationService.simulation.is_empty():
+			pending_launch = false
+			_route_loaded_simulation()
+		else:
+			ExamSimulationService.load_active()
 	else:
 		ExamSimulationService.create_simulation()
 
 
-func _refresh_readiness() -> void:
-	if launch_button == null:
+func _confirm_abandon() -> void:
+	if not _has_active_simulation() or ExamSimulationService.simulation.is_empty():
 		return
-	var simulation_ready := bool(ExamSimulationService.readiness.get("ready", false))
-	var active := _has_active_simulation()
-	var available := int(ExamSimulationService.readiness.get("availableQuestions", 0))
-	launch_button.text = "Resume Simulation" if active else "Start Simulation"
-	launch_button.disabled = pending_launch or (not simulation_ready and not active)
-	if pending_launch:
-		readiness_label.text = "Opening your simulation..."
-	elif active:
-		readiness_label.text = "Your progress is saved between blocks. Resume where you left off."
-	elif simulation_ready:
-		readiness_label.text = "Full-length, 12-block simulation with a provisional predicted score."
-	else:
-		readiness_label.text = "Unlocks when 232 published questions are available. Currently %d/232." % available
+	pending_abandon = true
+	ExamSimulationService.abandon()
+	_render_active_section()
 
 
-func _has_active_simulation() -> bool:
-	return has_active_simulation(
-		ExamSimulationService.readiness,
-		ExamSimulationService.simulation)
+func _on_filter_selected(index: int) -> void:
+	history_status = str(filter_option.get_item_metadata(index))
+	_load_history_page()
+
+
+func _on_sort_selected(index: int) -> void:
+	history_sort = str(sort_option.get_item_metadata(index))
+	_load_history_page()
+
+
+func _load_history_page() -> void:
+	status_label.text = "Loading simulation history..."
+	load_more_button.disabled = true
+	ExamSimulationService.load_history("", history_status, history_sort)
 
 
 func _load_more() -> void:
+	if ExamSimulationService.history_next_cursor.is_empty():
+		return
 	load_more_button.disabled = true
-	ExamSimulationService.load_history(ExamSimulationService.history_next_before)
+	ExamSimulationService.load_history(ExamSimulationService.history_next_cursor, history_status, history_sort)
 
 
 func _on_request_failed(message: String) -> void:
@@ -221,21 +536,118 @@ func _on_request_failed(message: String) -> void:
 		return
 	pending_launch = false
 	pending_simulation_id = ""
+	pending_abandon = false
 	status_label.text = message
 	load_more_button.disabled = false
-	_refresh_readiness()
+	_render_active_section()
 
 
-static func _action_for_state(state: String) -> String:
-	if state == "completed": return "results"
-	if state == "block_active" or state == "between_blocks": return "resume"
-	return "none"
+func _update_responsive_layout() -> void:
+	var use_compact := size.x < 940
+	if compact_layout == use_compact:
+		return
+	compact_layout = use_compact
+	history_header.vertical = compact_layout
+	filter_option.size_flags_horizontal = Control.SIZE_EXPAND_FILL if compact_layout else Control.SIZE_SHRINK_END
+	sort_option.size_flags_horizontal = Control.SIZE_EXPAND_FILL if compact_layout else Control.SIZE_SHRINK_END
+	_render_active_section()
+	_render_history()
 
 
-static func _state_color(state: String) -> Color:
-	if state == "completed": return Style.LIME
-	if state == "block_active" or state == "between_blocks": return Style.CYAN
-	return Style.MUTED
+func _has_active_simulation() -> bool:
+	return has_active_simulation(ExamSimulationService.readiness, ExamSimulationService.simulation)
+
+
+func _active_history_summary() -> Dictionary:
+	for raw_summary in ExamSimulationService.history:
+		var summary: Dictionary = raw_summary
+		if str(summary.get("state", "")) in ["block_active", "between_blocks"]:
+			return summary
+	return ExamSimulationService.simulation
+
+
+func _readiness_message() -> String:
+	if bool(ExamSimulationService.readiness.get("ready", false)):
+		return "The question bank is ready. Start when you have enough uninterrupted time for a full simulation."
+	var available := int(ExamSimulationService.readiness.get("availableQuestions", 0))
+	var required := int(ExamSimulationService.readiness.get("requiredQuestions", 232))
+	return "Simulation unlocks when %d published questions are available. Currently %d/%d." % [required, available, required]
+
+
+func _score_text(summary: Dictionary) -> String:
+	if summary.get("predictedScore", null) == null:
+		return "—"
+	return "%d (%d–%d)" % [int(summary.get("predictedScore", 0)), int(summary.get("rangeLow", 0)), int(summary.get("rangeHigh", 0))]
+
+
+func _pass_chance_text(summary: Dictionary) -> String:
+	if summary.get("passProbability", null) == null:
+		return "—"
+	return "%d%%" % int(round(float(summary.get("passProbability", 0.0)) * 100.0))
+
+
+func _format_local_datetime(value: String) -> String:
+	if value.is_empty():
+		return "—"
+	var unix := Time.get_unix_time_from_datetime_string(value)
+	var timezone: Dictionary = Time.get_time_zone_from_system()
+	var local := Time.get_datetime_dict_from_unix_time(int(unix) + int(timezone.get("bias", 0)) * 60)
+	return format_datetime_parts(local)
+
+
+static func format_datetime_parts(parts: Dictionary) -> String:
+	const MONTHS := ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+	var month_index: int = clamp(int(parts.get("month", 1)) - 1, 0, 11)
+	var hour_24 := int(parts.get("hour", 0))
+	var suffix := "AM" if hour_24 < 12 else "PM"
+	var hour_12 := hour_24 % 12
+	if hour_12 == 0:
+		hour_12 = 12
+	return "%s %d, %d\n%d:%02d %s" % [MONTHS[month_index], int(parts.get("day", 1)), int(parts.get("year", 1970)), hour_12, int(parts.get("minute", 0)), suffix]
+
+
+static func completed_blocks(summary: Dictionary) -> int:
+	var state := str(summary.get("state", ""))
+	var current := int(summary.get("currentBlock", -1))
+	var total: int = max(0, int(summary.get("totalBlocks", 12)))
+	if state == "completed":
+		return total
+	if state == "between_blocks":
+		return clamp(current + 1, 0, total)
+	if state == "block_active":
+		return clamp(current, 0, total)
+	return clamp(current + 1, 0, total)
+
+
+static func progress_percent(completed: int, total: int) -> int:
+	if total <= 0:
+		return 0
+	return int(round(float(completed) * 100.0 / float(total)))
+
+
+static func remaining_time_text(summary: Dictionary, now_unix: float = -1.0) -> String:
+	var total: int = max(0, int(summary.get("totalBlocks", 12)))
+	var current := int(summary.get("currentBlock", -1))
+	var state := str(summary.get("state", ""))
+	var seconds := 0
+	if state == "block_active":
+		var future_blocks: int = max(0, total - current - 1)
+		seconds = future_blocks * 1800
+		var deadline := str(summary.get("blockDeadlineUtc", ""))
+		if not deadline.is_empty():
+			var current_unix := Time.get_unix_time_from_system() if now_unix < 0.0 else now_unix
+			seconds += max(0, int(Time.get_unix_time_from_datetime_string(deadline) - current_unix))
+		else:
+			seconds += 1800
+	else:
+		seconds = max(0, total - completed_blocks(summary)) * 1800
+	var hours := int(floor(float(seconds) / 3600.0))
+	var minutes := int(floor(float(seconds % 3600) / 60.0))
+	if hours > 0 and minutes > 0:
+		return "~%dh %dm remaining" % [hours, minutes]
+	if hours > 0:
+		return "~%dh remaining" % hours
+	return "~%dm remaining" % minutes
 
 
 static func has_active_simulation(readiness: Dictionary, simulation: Dictionary) -> bool:
@@ -244,3 +656,106 @@ static func has_active_simulation(readiness: Dictionary, simulation: Dictionary)
 	if simulation.is_empty():
 		return false
 	return str(simulation.get("state", "")) in ["between_blocks", "block_active"]
+
+
+static func _action_for_state(state: String) -> String:
+	if state == "completed":
+		return "results"
+	if state == "block_active" or state == "between_blocks":
+		return "resume"
+	return "none"
+
+
+func _style_muted_label(label: Label, dark: bool, font_size: int) -> void:
+	Brand.apply_font(label)
+	label.add_theme_font_size_override("font_size", font_size)
+	label.add_theme_color_override("font_color", Brand.muted_color(dark))
+
+
+func _style_option(option: OptionButton, dark: bool) -> void:
+	Brand.apply_font(option)
+	option.add_theme_font_size_override("font_size", 14)
+	option.add_theme_color_override("font_color", Brand.text_color(dark))
+	for state in ["normal", "hover", "pressed"]:
+		option.add_theme_stylebox_override(state, Brand.secondary_button_box(dark, state != "normal"))
+
+
+func _style_gradient_button(button: Button) -> void:
+	Brand.apply_font(button)
+	button.add_theme_font_size_override("font_size", 15)
+	button.add_theme_stylebox_override("normal", Brand.gradient_button_box())
+	button.add_theme_stylebox_override("hover", Brand.gradient_button_box())
+	button.add_theme_stylebox_override("pressed", Brand.gradient_button_box())
+	button.add_theme_color_override("font_color", Color.WHITE)
+	button.add_theme_color_override("font_hover_color", Color.WHITE)
+
+
+func _style_outline_button(button: Button, accent: Color, dark: bool) -> void:
+	Brand.apply_font(button)
+	button.add_theme_font_size_override("font_size", 14)
+	var normal := Style.button_box(Color(0, 0, 0, 0), accent)
+	var hover := Style.button_box(Color(accent, 0.12), accent)
+	button.add_theme_stylebox_override("normal", normal)
+	button.add_theme_stylebox_override("hover", hover)
+	button.add_theme_stylebox_override("pressed", hover)
+	button.add_theme_color_override("font_color", accent if dark else accent.darkened(0.08))
+	button.add_theme_color_override("font_hover_color", accent)
+	button.add_theme_color_override("icon_normal_color", accent)
+
+
+func _section_box(dark: bool) -> StyleBoxFlat:
+	var box := Brand.content_card_box(dark, false)
+	box.content_margin_left = 16
+	box.content_margin_right = 16
+	box.content_margin_top = 14
+	box.content_margin_bottom = 14
+	return box
+
+
+func _active_card_box(dark: bool) -> StyleBoxFlat:
+	var box := Brand.content_card_box(dark, true, Color("7455ff"))
+	box.bg_color = Color("101a38") if dark else Color("f8f7ff")
+	box.border_color = Color("3d326f") if dark else Color("d9d1ff")
+	box.content_margin_left = 16
+	box.content_margin_right = 16
+	box.content_margin_top = 16
+	box.content_margin_bottom = 16
+	return box
+
+
+func _notice_box(dark: bool) -> StyleBoxFlat:
+	var box := StyleBoxFlat.new()
+	box.bg_color = Color("101a32") if dark else Color("f5f7ff")
+	box.border_color = Color("29365d") if dark else Color("dbe3f4")
+	box.set_border_width_all(1)
+	box.set_corner_radius_all(7)
+	box.content_margin_left = 12
+	box.content_margin_right = 12
+	box.content_margin_top = 9
+	box.content_margin_bottom = 9
+	return box
+
+
+func _row_box(dark: bool) -> StyleBoxFlat:
+	var box := StyleBoxFlat.new()
+	box.bg_color = Color("0c162b") if dark else Color("ffffff")
+	box.border_color = Color("273450") if dark else Color("e3e8f1")
+	box.border_width_top = 1
+	box.content_margin_left = 12
+	box.content_margin_right = 12
+	box.content_margin_top = 10
+	box.content_margin_bottom = 10
+	return box
+
+
+func _progress_box(color: Color) -> StyleBoxFlat:
+	var box := StyleBoxFlat.new()
+	box.bg_color = color
+	box.set_corner_radius_all(4)
+	return box
+
+
+func _clear(container: Node) -> void:
+	for child in container.get_children():
+		container.remove_child(child)
+		child.queue_free()