feat(dialer): volunteer caller frontend (Telnyx WebRTC UI) by sukhada · Pull Request #207 · With-the-Ranks/Spoke

sukhada · 2026-06-14T18:48:11Z

No description provided.

Frontend for the volunteer dialer, stacked on dialer-backend: - VolunteerDialer container: WebRTC call controls, timer, status bar, disposition form, contact flow - TexterTodoList: call-shift request entry point (CallRequest) and call-aware assignment summary - AdminCampaignStats: call-campaign stat tweaks - dialer GraphQL operations (hooks) and @telnyx/webrtc dependency Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

* feat(dialer): add canned responses + tags to calling * feat(dialer): allow releasing calls (#209) * feat(dialer): allow releasing calls * feat(dialer): add texting history to call screen (#210) * feat(dialer): add texting history to call screen * chore: update seeds to not use logger.info * chore(dialer): fix variable interpolation in script

* feat(dialer): volunteer caller backend (Design-B call tracking) Backend for the volunteer dialer, stacked on dialer-campaign-type: - GraphQL schema, resolvers, and Telnyx WebRTC token route - dialer lib: shift assignment, contact-hours-aware serving, atomic call_status claim, disposition + attempt tracking - forward migrations (campaign-type's create migrations left untouched): - 000009: drop call_campaigns_no_autoassign (call campaigns use autoassign for shifts) - 000010: add call_status/attempt_count/last_attempted_at to dialer_campaign_contact and disposition to dialer_call Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * chore(dialer): address feedback * feat(dialer): volunteer caller frontend (Telnyx WebRTC UI) (#207) * chore(tool-versions): update node version (#195) * feat(dialer): volunteer caller frontend (Telnyx WebRTC UI) Frontend for the volunteer dialer, stacked on dialer-backend: - VolunteerDialer container: WebRTC call controls, timer, status bar, disposition form, contact flow - TexterTodoList: call-shift request entry point (CallRequest) and call-aware assignment summary - AdminCampaignStats: call-campaign stat tweaks - dialer GraphQL operations (hooks) and @telnyx/webrtc dependency Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * feat(dialer): add canned responses + tags to calling (#208) * feat(dialer): add canned responses + tags to calling * feat(dialer): allow releasing calls (#209) * feat(dialer): allow releasing calls * feat(dialer): add texting history to call screen (#210) * feat(dialer): add texting history to call screen * chore: update seeds to not use logger.info * chore(dialer): fix variable interpolation in script --------- Co-authored-by: Aashish John <aashishjohn25@gmail.com> Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: Aashish John <aashishjohn25@gmail.com>

ajohn25 · 2026-06-16T18:33:18Z

-            hideIfZero: true
-          })}
+          {isCallCampaign ? (
+            <Button


Suggestion: We could probs show a badge with the number of calls left in the assignment as an indicator of their progress?

ajohn25 · 2026-06-16T22:54:09Z

+  // The Telnyx SDK attaches the remote party's audio stream to this element
+  // and plays it; without a remoteElement there is no audio output.
+  useEffect(() => {
+    const audio = document.createElement("audio");


Question: Is it possible to do something like <audio ref={remoteAudioRef} in JSX to give React control over this instead?

ajohn25 · 2026-06-16T22:57:30Z

+  const clientRef = useRef<TelnyxRTC | null>(null);
+  const activeCallRef = useRef<Call | null>(null);
+  const remoteAudioRef = useRef<HTMLAudioElement | null>(null);
+  const wasAnsweredRef = useRef(false);


Question: Seems like this isn't read anywhere? Could it be removed?

ajohn25 · 2026-06-16T22:58:34Z

+          setActiveCall(call);
+
+          // Map Telnyx numeric state to our display state
+          const stateLabel: string = (call as any).state ?? "";


Suggestion: Looks like this satisfies TS without going to any

const stateLabel: string = (call).state ?? "";

ajohn25 · 2026-06-16T22:58:56Z

+            case "hangup":
+            case "destroy":
+            case "purge":
+              setCallEndCause((call as any).cause ?? null);


Suggestion: Looks like this satisfies TS without going to any
setCallEndCause((call).cause ?? null);

ajohn25 · 2026-06-16T23:34:04Z

+          activeCallRef.current = call;
+          setActiveCall(call);


Question: Should these only happen for requesting/trying/ringing/active ?

ajohn25 · 2026-06-16T23:40:11Z

+        assignableFilter:
+          "and do_not_call = false and call_status in ('not_attempted', 'no_answer')",
+        // Prioritize never-attempted contacts over no-answer retries.
+        assignableOrder:
+          "(case when call_status = 'not_attempted' then 10 else 20 end) asc"


Question: I think retries should be opted into by admins in some way. Otherwise could we end up calling the same people over and over?

ajohn25 · 2026-06-16T23:45:05Z

+// ordering baked into the per-stage option defaults). Only call campaigns
+// override the table and assignable rules.
+interface ContactTableConfig {
+  table?: string;


Required: I would define a type for the two contact tables and only accept those values wherever we're passing in a table like this. Something like

type ContactTable = "campaign_contact" | "dialer_campaign_contact"

* feat(campaigns): add campaign type (SMS/Call) to campaign editor * feat(admin): add campaign type to admin UI * feat(admin): add new dialer tables * chore(admin): address feedback * chore(dialer): address new table feedback * chore(dialer): address feedback * chore(dialer): regenerate schema dump * chore(dialer): address feedback * feat(dialer): volunteer caller backend (#205) * feat(dialer): volunteer caller backend (Design-B call tracking) Backend for the volunteer dialer, stacked on dialer-campaign-type: - GraphQL schema, resolvers, and Telnyx WebRTC token route - dialer lib: shift assignment, contact-hours-aware serving, atomic call_status claim, disposition + attempt tracking - forward migrations (campaign-type's create migrations left untouched): - 000009: drop call_campaigns_no_autoassign (call campaigns use autoassign for shifts) - 000010: add call_status/attempt_count/last_attempted_at to dialer_campaign_contact and disposition to dialer_call Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * chore(dialer): address feedback * feat(dialer): volunteer caller frontend (Telnyx WebRTC UI) (#207) * chore(tool-versions): update node version (#195) * feat(dialer): volunteer caller frontend (Telnyx WebRTC UI) Frontend for the volunteer dialer, stacked on dialer-backend: - VolunteerDialer container: WebRTC call controls, timer, status bar, disposition form, contact flow - TexterTodoList: call-shift request entry point (CallRequest) and call-aware assignment summary - AdminCampaignStats: call-campaign stat tweaks - dialer GraphQL operations (hooks) and @telnyx/webrtc dependency Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * feat(dialer): add canned responses + tags to calling (#208) * feat(dialer): add canned responses + tags to calling * feat(dialer): allow releasing calls (#209) * feat(dialer): allow releasing calls * feat(dialer): add texting history to call screen (#210) * feat(dialer): add texting history to call screen * chore: update seeds to not use logger.info * chore(dialer): fix variable interpolation in script --------- Co-authored-by: Aashish John <aashishjohn25@gmail.com> Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: Aashish John <aashishjohn25@gmail.com> * chore(dialer): fix down migration for campaign type campaign view --------- Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: Aashish John <aashishjohn25@gmail.com>

ajohn25 and others added 2 commits June 14, 2026 10:51

chore(tool-versions): update node version (#195)

3d0effa

sukhada requested a review from ajohn25 June 16, 2026 14:20

sukhada merged commit f14a017 into dialer-backend-2 Jun 16, 2026
5 checks passed

sukhada deleted the dialer-fe-webrtc branch June 16, 2026 15:30

ajohn25 reviewed Jun 16, 2026

View reviewed changes

ajohn25 mentioned this pull request Jun 18, 2026

chore: extract contact table type #216

Merged

2 tasks

Navigation Menu

Uh oh!

feat(dialer): volunteer caller frontend (Telnyx WebRTC UI) - #207

feat(dialer): volunteer caller frontend (Telnyx WebRTC UI) #207
sukhada merged 3 commits into
dialer-backend-2from
dialer-fe-webrtc

sukhada commented Jun 14, 2026

Uh oh!

Uh oh!

ajohn25 Jun 16, 2026

Uh oh!

ajohn25 Jun 16, 2026

Uh oh!

ajohn25 Jun 16, 2026

Uh oh!

ajohn25 Jun 16, 2026

Uh oh!

ajohn25 Jun 16, 2026

Uh oh!

ajohn25 Jun 16, 2026

Uh oh!

ajohn25 Jun 16, 2026

Uh oh!

ajohn25 Jun 16, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

sukhada commented Jun 14, 2026

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants