fix(ui): prevent workout titles from being clipped

app/src/components/presentation/summary/session-summary-title.spec.tsx

@@ -0,0 +1,41 @@
+import { expect, it, vi } from 'vitest';
+import { render } from '@testing-library/react';
+import type { ReactNode } from 'react';
+import type { Session } from '@/models/session-models';
+import SessionSummaryTitle from './session-summary-title';
+
+const { layout } = vi.hoisted(() => ({ layout: { value: {} } }));
+
+vi.mock('react-native', async () => {
+  const { createElement } = await import('react');
+  return {
+    View: ({ children, style, testID }: { children: ReactNode; style: Record<string, unknown>; testID?: string }) => {
+      if (testID === 'session-summary-title') layout.value = style;
+      return createElement('div', null, children);
+    },
+  };
+});
+vi.mock('@/components/presentation/foundation/item-title', async () => {
+  const { createElement } = await import('react');
+  return { default: ({ title }: { title: string }) => createElement('span', null, title) };
+});
+vi.mock('@/components/presentation/foundation/surface-text', async () => {
+  const { createElement } = await import('react');
+  return { SurfaceText: ({ children }: { children: ReactNode }) => createElement('span', null, children) };
+});
+vi.mock('@/components/presentation/summary/format-exercise-summary', () => ({ formatSessionVolume: () => '' }));
+vi.mock('@/hooks/useFormatDate', () => ({ useFormatDate: () => () => '' }));
+vi.mock('@/hooks/useAppTheme', () => ({ spacing: { 0.5: 2, 2: 8 } }));
+vi.mock('@js-joda/core', () => ({ LocalDate: { now: () => ({ year: () => 2026 }) } }));
+
+it('renders the complete workout name without clipping the title container (#914)', () => {
+  const session = {
+    blueprint: { name: 'GTP 32b UK' },
+    date: { year: () => 2026 },
+  } as unknown as Session;
+  const { getByText } = render(<SessionSummaryTitle session={session} />);
+
+  expect(getByText('GTP 32b UK')).toBeTruthy();
+  expect(layout.value).toMatchObject({ flexShrink: 1, minWidth: 0, alignItems: 'stretch' });
+  expect(layout.value).not.toHaveProperty('overflow', 'hidden');
+});

app/src/components/presentation/summary/session-summary-title.tsx

@@ -36,7 +36,7 @@ export default function SessionSummaryTitle({
     .filter((x) => !!x)
     .join(' · ');
   return (
-    <View style={{ flexShrink: 1, alignItems: 'flex-start', overflow: 'hidden' }} testID="session-summary-title">
+    <View style={{ flexShrink: 1, minWidth: 0, alignItems: 'stretch' }} testID="session-summary-title">
       <ItemTitle title={session.blueprint.name} color={color} />
       {subtitle ? (
         <View style={{ flexDirection: 'row', alignItems: 'center', gap: spacing[2], paddingTop: spacing[0.5] }}>