add descriptions from onboarding view

Trio/Sources/Modules/BasalProfileEditor/View/BasalProfileEditorRootView.swift

@@ -126,12 +126,31 @@ extension BasalProfileEditor {
                             VStack(alignment: .leading, spacing: 0) {
                                 // Chart visualization
                                 if !state.items.isEmpty {
-                                    VStack(alignment: .leading) {
+                                    VStack(alignment: .leading, spacing: 12) {
+                                        VStack(alignment: .leading, spacing: 8) {
+                                            HStack {
+                                                Image(systemName: "chart.xyaxis.line")
+                                                    .font(.title2)
+                                                    .foregroundStyle(.purple)
+                                                Text("Basal Rates")
+                                                    .font(.headline)
+                                                Spacer()
+                                            }
+
+                                            Text(
+                                                "Your basal profile represents the amount of background insulin you need throughout the day. This helps Trio calculate your insulin needs."
+                                            )
+                                            .font(.caption)
+                                            .foregroundStyle(.secondary)
+                                        }
+                                        .padding(.horizontal)
+                                        .padding(.top)
+
                                         basalProfileChart
                                             .frame(height: 180)
                                             .padding(.horizontal)
+                                            .padding(.bottom)
                                     }
-                                    .padding(.vertical)
                                     .background(Color.chart.opacity(0.65))
                                     .clipShape(
                                         .rect(

Trio/Sources/Modules/CarbRatioEditor/View/CarbRatioEditorRootView.swift

@@ -72,12 +72,31 @@ extension CarbRatioEditor {
                             VStack(alignment: .leading, spacing: 0) {
                                 // Chart visualization
                                 if !state.items.isEmpty {
-                                    VStack(alignment: .leading) {
+                                    VStack(alignment: .leading, spacing: 12) {
+                                        VStack(alignment: .leading, spacing: 8) {
+                                            HStack {
+                                                Image(systemName: "fork.knife")
+                                                    .font(.title2)
+                                                    .foregroundStyle(.orange)
+                                                Text("Carb Ratios")
+                                                    .font(.headline)
+                                                Spacer()
+                                            }
+
+                                            Text(
+                                                "Your carb ratio tells how many grams of carbohydrates one unit of insulin will cover. This is essential for accurate meal bolus calculations."
+                                            )
+                                            .font(.caption)
+                                            .foregroundStyle(.secondary)
+                                        }
+                                        .padding(.horizontal)
+                                        .padding(.top)
+
                                         carbRatioChart
                                             .frame(height: 180)
                                             .padding(.horizontal)
+                                            .padding(.bottom)
                                     }
-                                    .padding(.vertical)
                                     .background(Color.chart.opacity(0.65))
                                     .clipShape(
                                         .rect(

Trio/Sources/Modules/ISFEditor/View/ISFEditorRootView.swift

@@ -76,12 +76,31 @@ extension ISFEditor {
                             VStack(alignment: .leading, spacing: 0) {
                                 // Chart visualization
                                 if !state.items.isEmpty {
-                                    VStack(alignment: .leading) {
+                                    VStack(alignment: .leading, spacing: 12) {
+                                        VStack(alignment: .leading, spacing: 8) {
+                                            HStack {
+                                                Image(systemName: "drop.fill")
+                                                    .font(.title2)
+                                                    .foregroundStyle(.cyan)
+                                                Text("Insulin Sensitivities")
+                                                    .font(.headline)
+                                                Spacer()
+                                            }
+
+                                            Text(
+                                                "Your insulin sensitivity factor (ISF) indicates how much one unit of insulin will lower your blood glucose. This helps calculate correction boluses."
+                                            )
+                                            .font(.caption)
+                                            .foregroundStyle(.secondary)
+                                        }
+                                        .padding(.horizontal)
+                                        .padding(.top)
+
                                         isfChart
                                             .frame(height: 180)
                                             .padding(.horizontal)
+                                            .padding(.bottom)
                                     }
-                                    .padding(.vertical)
                                     .background(Color.chart.opacity(0.65))
                                     .clipShape(
                                         .rect(

Trio/Sources/Modules/TargetsEditor/View/TargetsEditorRootView.swift

@@ -70,12 +70,31 @@ extension TargetsEditor {
                             VStack(alignment: .leading, spacing: 0) {
                                 // Chart visualization
                                 if !state.items.isEmpty {
-                                    VStack(alignment: .leading) {
+                                    VStack(alignment: .leading, spacing: 12) {
+                                        VStack(alignment: .leading, spacing: 8) {
+                                            HStack {
+                                                Image(systemName: "target")
+                                                    .font(.title2)
+                                                    .foregroundStyle(.green)
+                                                Text("Glucose Targets")
+                                                    .font(.headline)
+                                                Spacer()
+                                            }
+
+                                            Text(
+                                                "Your glucose target is the blood glucose level you aim to maintain. Trio will use this to calculate insulin doses and provide recommendations."
+                                            )
+                                            .font(.caption)
+                                            .foregroundStyle(.secondary)
+                                        }
+                                        .padding(.horizontal)
+                                        .padding(.top)
+
                                         glucoseTargetChart
                                             .frame(height: 180)
                                             .padding(.horizontal)
+                                            .padding(.bottom)
                                     }
-                                    .padding(.vertical)
                                     .background(Color.chart.opacity(0.65))
                                     .clipShape(
                                         .rect(