feat(patterns): add iPhone-style gContacts pattern

[tonyespinoza1]

Summary

• Adds iOS-style contact manager pattern (gcontacts.tsx)
• Features alphabetically sorted contact list with search filtering
• Detail view for viewing contacts with phone, email, company, notes
• Add/delete contact functionality
• Apple iOS design language (SF Pro font, iOS colors, card-based UI)

Test plan

• Deploy to local toolshed: CT_IDENTITY=ID.key CT_API_URL=http://localhost:8000 deno task ct charm new --space gcontacts packages/patterns/tests/gcontacts.tsx
• Test adding contacts with various names
• Test search filtering
• Test viewing contact details
• Test deleting contacts

🤖 Generated with Claude Code

---

Summary by cubic

Adds an iPhone-style Contacts pattern (gcontacts.tsx) with an iOS-like UI to browse, view, add, and delete contacts. Improves usability with avatars, clean detail views, and a simple new-contact flow.

• New Features
  • Contact list with avatar initials and optional subtitle (company/phone/email)
  • Contact detail view (phone, email, company, notes) with delete action
  • New-contact form (first/last/company/phone/email/notes) with Cancel/Done
  • iOS styling (SF Pro, iOS colors, card-based UI) and contact count footer

^{Written for commit 74c880e. Summary will update automatically on new commits.}

[cubic-dev-ai]

1 issue found across 1 file

Prompt for AI agents (all 1 issues)

Check if these issues are valid — if so, understand the root cause of each and fix them.


<file name="packages/patterns/tests/gcontacts.tsx">

<violation number="1" location="packages/patterns/tests/gcontacts.tsx:529">
P1: The list renders `contacts.map()` instead of `filteredContacts`, so search filtering and alphabetical sorting won&#39;t work. The `sortedContacts` and `filteredContacts` derived values are created but never used.</violation>
</file>

_{Reply to cubic to teach it or ask questions. Re-run a review with @cubic-dev-ai review this PR}

[cubic-dev-ai]

P1: The list renders contacts.map() instead of filteredContacts, so search filtering and alphabetical sorting won't work. The sortedContacts and filteredContacts derived values are created but never used.

Prompt for AI agents

Check if this issue is valid — if so, understand the root cause and fix it. At packages/patterns/tests/gcontacts.tsx, line 529:

<comment>The list renders `contacts.map()` instead of `filteredContacts`, so search filtering and alphabetical sorting won&#39;t work. The `sortedContacts` and `filteredContacts` derived values are created but never used.</comment>

<file context>
@@ -0,0 +1,890 @@
+            &lt;/div&gt;
+
+            &lt;div style={listContainerStyle}&gt;
+              {contacts.map((contact, index) =&gt; (
+                &lt;div
+                  style={contactRowStyle}
</file context>