[LOOP-5826] Preset Onboarding References (#921)

Author: Camji55

Loop.xcodeproj/project.pbxproj

@@ -221,6 +221,7 @@
 		7D70765E1FE06EE3004AC8EA /* Localizable.strings in Resources */ = {isa = PBXBuildFile; fileRef = 7D7076601FE06EE3004AC8EA /* Localizable.strings */; };
 		7D7076631FE06EE4004AC8EA /* Localizable.strings in Resources */ = {isa = PBXBuildFile; fileRef = 7D7076651FE06EE4004AC8EA /* Localizable.strings */; };
 		7E69CFFC2A16A77E00203CBD /* ResetLoopManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = 7E69CFFB2A16A77E00203CBD /* ResetLoopManager.swift */; };
+		841306BB2F7F0D9C00AF0320 /* ReferencesView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 841306BA2F7F0D9C00AF0320 /* ReferencesView.swift */; };
 		84213C752D932F0F00642E78 /* InsulinDeliveryLog.swift in Sources */ = {isa = PBXBuildFile; fileRef = 84213C742D932F0F00642E78 /* InsulinDeliveryLog.swift */; };
 		84213C892D94941000642E78 /* InsulinDeliveryLogEvent.swift in Sources */ = {isa = PBXBuildFile; fileRef = 84213C882D94941000642E78 /* InsulinDeliveryLogEvent.swift */; };
 		84213C8B2D94948900642E78 /* InsulinDeliveryOverview.swift in Sources */ = {isa = PBXBuildFile; fileRef = 84213C8A2D94948900642E78 /* InsulinDeliveryOverview.swift */; };
@@ -1115,6 +1116,7 @@
 		7E69CFFB2A16A77E00203CBD /* ResetLoopManager.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ResetLoopManager.swift; sourceTree = "<group>"; };
 		80F864E52433BF5D0026EC26 /* fi */ = {isa = PBXFileReference; lastKnownFileType = text.plist.strings; name = fi; path = fi.lproj/InfoPlist.strings; sourceTree = "<group>"; };
 		840A2F0D2C0F978E003D5E90 /* LoopKitUI.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; path = LoopKitUI.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		841306BA2F7F0D9C00AF0320 /* ReferencesView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ReferencesView.swift; sourceTree = "<group>"; };
 		84213C742D932F0F00642E78 /* InsulinDeliveryLog.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InsulinDeliveryLog.swift; sourceTree = "<group>"; };
 		84213C882D94941000642E78 /* InsulinDeliveryLogEvent.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InsulinDeliveryLogEvent.swift; sourceTree = "<group>"; };
 		84213C8A2D94948900642E78 /* InsulinDeliveryOverview.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InsulinDeliveryOverview.swift; sourceTree = "<group>"; };
@@ -2451,6 +2453,7 @@
 				842E409D2F22F7E2000CCCE0 /* TherapySettingsExampleView.swift */,
 				842E409F2F22F7E2000CCCE0 /* IntensitySlider.swift */,
 				842E40A02F22F7E2000CCCE0 /* TintedContent.swift */,
+				841306BA2F7F0D9C00AF0320 /* ReferencesView.swift */,
 			);
 			path = Components;
 			sourceTree = "<group>";
@@ -3699,6 +3702,7 @@
 				C174233C259BEB0F00399C9D /* ManualEntryDoseViewModel.swift in Sources */,
 				1D05219B2469E9DF000EBBDE /* StoredAlert.swift in Sources */,
 				84FA9D332CF7FD0D004162B4 /* PresetsHistoryView.swift in Sources */,
+				841306BB2F7F0D9C00AF0320 /* ReferencesView.swift in Sources */,
 				C1E3862628247C6100F561A4 /* StoredLoopNotRunningNotification.swift in Sources */,
 				A97F250825E056D500F0EE19 /* OnboardingManager.swift in Sources */,
 				438D42F91D7C88BC003244B0 /* PredictionInputEffect.swift in Sources */,

Loop/Views/Presets/Training/Components/ReferencesView.swift

@@ -0,0 +1,84 @@
+//
+//  ReferencesView.swift
+//  Loop
+//
+//  Created by Cameron Ingham on 4/2/26.
+//  Copyright © 2026 LoopKit Authors. All rights reserved.
+//
+
+import LoopKitUI
+import SwiftUI
+
+public struct ReferencesView: View {
+    
+    @State private var isExpanded: Bool = false
+    @State private var selectedURL: URL? = nil
+    
+    private let references: [Text]
+    
+    init(_ references: [Text]) {
+        self.references = references
+    }
+    
+    public var body: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            HStack(spacing: 0) {
+                Text("References")
+                    .frame(maxWidth: .infinity, alignment: .leading)
+                
+                Spacer()
+                
+                Text(Image(systemName: "chevron.up"))
+                    .rotationEffect(.degrees(isExpanded ? 0 : 180))
+                    .foregroundStyle(.secondary)
+            }
+            .contentShape(Rectangle())
+            .onTapGesture {
+                isExpanded.toggle()
+            }
+            
+            if isExpanded {
+                Grid(horizontalSpacing: 4, verticalSpacing: 12) {
+                    ForEach(references.indices, id: \.self) { referenceId in
+                        GridRow(alignment: .top) {
+                            Text("\(referenceId + 1).")
+                            
+                            references[referenceId]
+                                .frame(maxWidth: .infinity, alignment: .leading)
+                                .accentColor(.secondary)
+                        }
+                    }
+                }
+                .font(.footnote)
+                .foregroundStyle(.secondary)
+            }
+        }
+        .animation(.default, value: isExpanded)
+        .environment(\.openURL, OpenURLAction { url in
+            self.selectedURL = url
+            return .handled
+        })
+        .sheet(
+            isPresented: Binding(
+                get: { selectedURL != nil },
+                set: { _,_ in selectedURL = nil }
+            ),
+            content: {
+                NavigationStack {
+                    WebView(url: selectedURL!)
+                        .toolbar {
+                            ToolbarItem(placement: .topBarTrailing) {
+                                Button {
+                                    selectedURL = nil
+                                } label: {
+                                    Image(systemName: "xmark.circle.fill")
+                                        .font(.system(size: 24))
+                                        .foregroundColor(.secondary)
+                                }
+                            }
+                        }
+                }
+            }
+        )
+    }
+}