Episode summaries tweaks

[geekygecko]

Description

Tweaks the episode page UI and state handling for the PR #5276

This PR:

• Consolidates episode summary, transcript, Plus status, selected tab, and date/duration data into a single
  EpisodePageState.
• Alters the episode date/duration layout spacing.
• Simplifies ButtonTabs unused attributes.
• Removes the text animation when switching between Description and Summary.
• Uses darker primary text for summary body content.
• Changed the button tabs on the dark theme.

Testing Instructions

1. Enable the AI Summaries feature flag in dev settings
2. Select a podcast that has generated transcripts (e.g. The American Life)
3. Select a podcast episode to open its details
4. Notice the tabbed UI: Description / Summary / Transcript tabs
5. Tap the "Summary" tab
6. Observe the summary rendered inline below the tabs

Screenshots

Light	Dark

Without Chat	Without Both

Checklist

• If this is a user-facing change, I have added an entry in CHANGELOG.md
• Ensure the linter passes (./gradlew spotlessApply to automatically apply formatting/linting)
• I have considered whether it makes sense to add tests for my changes
• All strings that need to be localized are in modules/services/localization/src/main/res/values/strings.xml
• Any jetpack compose components I added or changed are covered by compose previews
• I have updated (or requested that someone edit) the spreadsheet to reflect any new or changed analytics.

I have tested any UI changes...

• with different themes
• with a landscape orientation
• with the device set to have a large display and font size
• for accessibility with TalkBack

[dangermattic]

	1 Warning
⚠️	This PR is assigned to the milestone 8.13. The due date for this milestone has already passed. Please assign it to a milestone with a later deadline or check whether the release for this milestone has already been finished.

Generated by 🚫 Danger

[Copilot]

Pull request overview

Tweaks the episode details UI/state for the AI Summaries surface introduced in #5276 by consolidating related state into a single EpisodePageState, simplifying tab rendering, and adjusting layout spacing/typography for the summary view.

Changes:

• Consolidates transcript/summary/Plus status/tab selection/date+duration into EpisodePageState and updates UI bindings to consume it.
• Adjusts episode header spacing by introducing a padding spacer + barrier above the title when the AI date/duration row is present/absent.
• Simplifies ButtonTabs by removing unused icon/trailing-icon support and removes the summary text animation while darkening summary body text.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 2 comments.

File	Description
modules/services/compose/src/main/java/au/com/shiftyjelly/pocketcasts/compose/buttons/ButtonTabs.kt	Removes icon/trailing icon support from ButtonTab and simplifies tab content.
modules/features/podcasts/src/main/res/layout/fragment_episode.xml	Updates constraints/spacing for the episode date+duration row and title positioning.
modules/features/podcasts/src/main/java/au/com/shiftyjelly/pocketcasts/podcasts/view/episode/EpisodeFragmentViewModel.kt	Introduces EpisodePageState and migrates multiple independent flows into a single StateFlow.
modules/features/podcasts/src/main/java/au/com/shiftyjelly/pocketcasts/podcasts/view/episode/EpisodeFragment.kt	Updates Compose content to read from pageState, removes summary animation, and tweaks summary text styling.

[Copilot]

Pull request overview

Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.

Comments suppressed due to low confidence (1)

modules/features/podcasts/src/main/java/au/com/shiftyjelly/pocketcasts/podcasts/view/episode/EpisodeFragment.kt:746

• ButtonTabs is passed backgroundColor = primaryUi01 here, but ButtonTabs' default textSelectedColor is still primaryUi02. In dark themes primaryUi01 and primaryUi02 differ, so the selected tab text won't blend with the row background as intended. Pass textSelectedColor = MaterialTheme.theme.colors.primaryUi01 (or adjust ButtonTabs defaults) to keep the selected text/background pairing consistent.

                            ButtonTabs(
                                tabs = tabs,
                                selectedTab = selectedButtonTab,
                                backgroundColor = MaterialTheme.theme.colors.primaryUi01,
                                modifier = Modifier
                                    .fillMaxWidth()
                                    .padding(top = 4.dp),
                            )

[Copilot]

Pull request overview

Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.

[Copilot]

Pull request overview

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.

[sztomek]

thanks for these changes!

[Copilot]

Pull request overview

Copilot reviewed 6 out of 6 changed files in this pull request and generated no new comments.