Modify live activity

[marionbarker]

Purpose

Address Issues #2391, #2396 reported with the version of Live Activity release with Loop version 3.10.0.
If possible, also address issue #2392.

Method

Information:

• The name is the string displayed in the widget
• The description is the string displayed when choosing what is shown in the bottom row of the widget

Action:

• Decrease the string length in some places for the name
• Expand the description to make it easier for the user to know what that selection does

Did a search for how to prevent truncation and settled on adding this

                    .minimumScaleFactor(0.5)
                    .lineLimit(2)

Test

For both an iOS 18 and an iOS 26 test phone, set font size to use accessibility sizes and select the largest size.

• build with the version in this PR and observe strings were no longer truncated
• but then restored to dev branch and the strings were still no longer truncated
• I'm puzzled by this

[marionbarker]

Explanation

When testing some of the changes, the difficulty of handling large fonts made some of my initial changes impractical.

Instead, I added one more section to the Live Active screen display and added section headings to each. This enables expanded text strings that work for large and bold font.

Suggested Changes

There are several suggestions in lokalise (from Felix) for preferred wording for the row labels.

1. Suggest "Show" or "Display" instead of "Add" for "Add predictive line"
2. Suggest "Configure bottom row" instead of "Bottom row configuration"
3. Suggest using "Size" instead of "Mode" for changing the size of the live-activity widget

Discussion

1. I think "Display" is better.
   • The word "predictive" is only used in Live Activity, everywhere else in Loop "prediction" is used
   • The variable name associated with this option is addPredictiveLine - I don't propose changing the variable name
   • I modified the row label to "Display prediction in plot"
2. Agree
3. I proposed changing "Mode" to "Display on Lock Screen" with these additions
   • I proposed "Plot and Bottom Row" instead of Large
   • I proposed "Bottom Row Only" instead of Small
   • Furthermore, item 1 above (Display prediction in plot) needs to be available regardless of what was originally called Mode, because it is used for what is shown when the user presses and holds the Dynamic Island for Loop
   • In practice - making these string longer was not practical; so instead I used section headings

Additional Changes

• changed "Use BG coloring" to "Display colors for glucose" and added conditional to only show Upper and Lower limits when colors are enabled
• removed the conditional for displaying the Display prediction in plot toggle

Test

When I made the proposed change from "Mode" to "Display on Lock Screen" the use of large font made it very difficult to modify the selection.

Even restoring to "Mode" was too long to see both the label and the picker.

Therefore, I restored the title to "Mode" and the shortened the picker selection choices to "Plot and Row" vs "Row" only.

Section headings were added to every existing section as well as for the new section.

To Do

Things to fix -

1. Display and entry for glucose limits with Display colors for glucose
   • The display formatting for glucose levels when selecting Display colors for glucose is not limited to the nomal 0 decimal places for mg/dL or 1 decimal place for mmol/L
   • The values for the glucose limits should be entered with a picker wheel or at least checked for validity
     • The person types in the value instead of using a picker wheel
     • There is no restriction that the Lower Limit be less than the upper Limit
     • Consequence, now, if lower limit is > upper limit, all glucose is plotted and reported in red
2. The strings "Upper Limit" and "Lower Limit" are not localized

[bastiaanv]

I like these changes. @ps2 has a strong opinion about the use of COB & IOB: #2191 (comment).

A proposal for the #2392 is send via DM to Marion, Inspiration: https://stackoverflow.com/questions/75697214/swift-charts-draw-a-line-chart-where-line-color-is-determined-by-the-y-value

I do think Active Insulin & Active Carbohydrates should be consistent in the Configure Display view (if that would be the new label for it):

[polyfeux]

Hi Marion,
I am glad my suggestions are welcomed.

In the current implementation changing the "large"/"small" selection to a more descriptive wording should be easy.
But today I thought about another solution and it depends on how flexibel the live-activity should be configurable in the future:
How about showing always the buttom row with the numbers and display the graph optionally with a switch "display graph"?

On the other hand: in the current implemention with the selection-wheel it should be quite easy to add additional configurations of the live-activity, e.g. displaying only the graph without any numbers in the bottom row.

Cheers, Felix

[marionbarker]

@polyfeux I modified the UI substantially. I think adding screenshots of the current configuration will make discussions easier.

These graphics were prepared with commit f66d332

• The first graphic is a composite of the Live Activity UI screens using a nominal text size.
• The second graphic shows just the Live Activity Mode selection screen
  • the top middle is with the largest font with bold font enabled, before the user taps on the selector row
  • the lower graphics show the selector options
    • the left displays appearance with a large but not extreme font size
    • the right displays appearance with the largest font with bold font enabled

Composite of Live Activity UI screens with nominal font size

Composite of Live Activity Mode selection with enlarged font size

Test Tip for others: for this test, rather than change font for the entire phone, I used the iPhone, Settings, Accessibility, Per App feature. This allows me to put the font size to max without making the entire phone hard to manipulate.

[marionbarker]

Comments

Refer to the screenshot composites in #2397 (comment).

1. I think the descriptions in the configuration should have in parentheses the abbreviation used in the Live Activity display
   • For example, change description from "Active Insulin" to "Active Insulin (IOB)"
2. I think there may be a modification to the ResizeablePicker used for what is now called Mode that handles truncation and wrapping better - but I don't know how to do that. I handled the very large font by using a very short name and adding Section header strings

[marionbarker]

Update the glucose color plot

Using code revision from @bastiaanv, commit 101cde2, fixes the bug reported in Issue #2392

Test

Configure a test phone which has flat glucose pattern

• Add 4 U non-pump insulin
• Add 45 g carbs 1 hour in the future
• Resultant lock screen plot (with glucose color enabled) has the bug reported in 2392

Build with the proposed change from @bastiaanv.

The graphic shows the lock screen plot prior to the update on the left with the modified code on the right.

Confirm when color is disabled, the glucose plot returns to Loop blue with bottom row using black font when phone is light mode or white font when phone is in dark mode.

[marionbarker]

Update descriptions

With this commit, 6575f96, the following changes were implemented.

• The descriptions were updated to include the short label (name) shown on the display in parentheses.
• The comments used for localization hints were included to stop them being modified frequently and to remove the "isCommentAutoGenerated" : true lines in the Localizable.xcstrings files

Test

This was tested with nominal, larger and extremely large text sizes. The interface continues to be usable.

Graphics

The composite below uses this more recent commit.

[Lytrix]

I am testing the PR, and turning the color off, really helps for readability. Only the graph is still very hard to read on the Light setting.

I do see 2 issues:

1. The prediction slider does not seem to update, only after force closing the app, but then it also removes it in the App.

2. The save state seems to get corrupted, it remembers the initial state of Loop which gives issues when you save a new setting and then want to save the initial setting again. The save button is greyed out then. Also when returning back to the setting screen it reverts back to it's initial state.