feat(loops): improve loops list organization

[MattPua]

Problem

Personal and team loops are shown together, and the loops UI overflows in narrow containers.

Changes

Before:

After:

• Split personal and team loops into tabs
• Add creation timestamps and a stronger empty-state CTA
• Make headers, empty states, and templates container-responsive
• Align schedule input styling with neighboring controls

How did you test this?

• pnpm --filter @posthog/ui test (2,000 tests)
• pnpm --filter @posthog/ui typecheck
• pnpm exec biome check packages/ui/src/features/loops/components packages/ui/src/features/canvas/components/WebsiteChannelLoops.tsx
• git diff --check

Automatic notifications

• Publish to changelog?
• Alert Sales and Marketing teams?

---

Created with PostHog Code

[trunk-io]

😎 Merged successfully - details.

[github-actions]

React Doctor found no issues in the changed files. 🎉

_{Reviewed by React Doctor for commit 3c69464.}

[greptile-apps]

Prompt To Fix All With AI

Fix the following 1 code review issue. Work through them one at a time, proposing concise fixes.

---

### Issue 1 of 1
packages/ui/src/features/loops/components/LoopsListView.tsx:286-291
**Scope the personal empty state**

When a user has team loops but no personal loops, the default personal tab displays the product-wide “Create your first loop” onboarding while hiding the existing loops behind the team tab. Use personal-specific empty-state copy here so the filtered panel does not imply that no loops exist.

_{Reviews (1): Last reviewed commit: "fix: restore stacked loops empty state" | Re-trigger Greptile}

[posthog]

✅ Visual changes approved by @MattPua — baseline updated in b93200b.

View this run in PostHog

6 changed.

[github-actions]

Contained, reversible UI feature (loops tabs, empty states, responsive styling) with no risky-territory surface touched and test coverage added; the one outstanding review comment is a cosmetic UX nit, not a showstopper.

• Author wrote 18% of the modified lines and has 12 merged PRs in these paths (familiarity MODERATE).
• 👍 on the PR from greptile-apps[bot].
• Greptile's inline comment about scoping the personal-tab empty state (when team loops exist but personal is empty) is marked resolved but the personal-empty-state branch in LoopListTabs still renders the generic contextName-less LoopsEmptyState — likely just an unaddressed copy nit, not a functional/security issue.

Gate mechanics and policy version

Gate		Result
prerequisites	✓	all clear
deny-list	✓	no deny categories matched
size	✓	310L, 7F substantive, 410L/9F incl. docs/generated/snapshots — within ceiling
tier	✓	T1-agent / T1d-complex (410L, 9F, two-areas, feat)
stamphog 2.0.0b3		.stamphog/policy.yml @ 7e8e4da · reviewed head 3c69464