+
+ );
+ }
+
+ if (!isAuthenticated || !session) {
+ if (showLanding && !pendingJoinId && !pendingJoinSessionId) {
+ return
+
+ Loading...
+
+
+
+
+ {showProof && (
+
+
+
+
+
+
+
+
+
+ + {isExpired ? 'Session Expired' : 'Active Consent Session'} +
++ {isExpired ? 'Consent window has ended' : 'Consent is active and verified'} +
+
+
+
+ {isExpired ? (
+
+ ) : (
+
+ )}
+
+ {isExpired ? 'Expired' : 'Active'}
+
+
+
+
+
+
+
+
+
+
+ + {isExpired ? 'Time Elapsed' : 'Time Remaining'} +
+
+ {String(timeLeft.minutes).padStart(2, '0')}:{String(timeLeft.seconds).padStart(2, '0')}
+
+ + {isExpired ? 'Ended at' : 'Until'} {formatDateTime(session.window_end)} +
+
+
+
+
+
+ Both Signed
+Verified
+
+
+ Duration
+{session.window_duration_minutes} min
+
+
+
+ {hasBothParticipants && (() => {
+ const storageStatus = getHomeserverStorageStatus(localSession);
+ return (
+
+
+ Participants
+
+
+
+
+ {session.b_pubky && (
+
+ {usernames[session.a_pubky] && (
+ @{usernames[session.a_pubky]}
+ )}
+
+
+ Signed
+
+
+ {formatPubkyShort(session.a_pubky)}
+
+ {localSession.a_homeserver_url && (
+
+ {localSession.a_homeserver_url}
+
+ )}
+
+
+ )}
+
+ {usernames[session.b_pubky] && (
+ @{usernames[session.b_pubky]}
+ )}
+
+
+ Signed
+
+
+ {formatPubkyShort(session.b_pubky)}
+
+ {localSession.b_homeserver_url && (
+
+ {localSession.b_homeserver_url}
+
+ )}
+
+
+ );
+ })()}
+
+ {hasBothParticipants && !isExpired && (
+
+
+
+ {saveSuccess && (
+
+
+ {canSaveToHomeserver && (
+
+ )}
+ + Homeserver Backup +
+
+
+ )}
+
+ {saveError && (
+
+
+ Saved Successfully!
+Your agreement is now backed up on your homeserver.
+
+
+ )}
+
+
+
+
+
+ Save Failed
+{saveError}
+ + {detailedError && ( +
+
+
+ {showDebugInfo && (
+
+ )}
+
+ {detailedError.httpStatus && (
+
+ )}
+
+ HTTP Status:
+ {detailedError.httpStatus}
+
+ )}
+ {detailedError.errorType && (
+
+ Error Type:
+ {detailedError.errorType}
+
+ )}
+
+ Timestamp:
+ {new Date(detailedError.timestamp).toLocaleString()}
+
+ {detailedError.stack && (
+
+ Stack Trace:
+
+ )}
+
+
+ {detailedError.stack}
+
+
+ {!storageStatus.isFullyStored && !storageStatus.isPartiallyStored && (
+
+
+
+ )}
+
+ {storageStatus.isFullyStored && (
+ + Save this agreement to your personal homeserver for permanent backup. +
+
+
+ )}
+
+
+
+ + Fully backed up on both homeservers +
+ {localSession.homeserver_stored_at && ( ++ Completed at {formatDateTime(localSession.homeserver_stored_at)} +
+ )} +
+
+
+
+
+
+
+
+
+ + {usernames[localSession.a_pubky] ? `@${usernames[localSession.a_pubky]}` : 'Person A'} +
+ {isPersonA && (You)} +
+ {localSession.a_pubky}/pub/consentky.app/agreements/{localSession.id}
+
+ {localSession.a_homeserver_url ? (
+
+
+ ) : (
+
+ {localSession.a_homeserver_url}
+
+ Not saved yet
+ )} +
+ {localSession.a_homeserver_stored ? (
+
+
+
+
+
+
+
+ {localSession.b_pubky && (
+ + {usernames[localSession.b_pubky!] ? `@${usernames[localSession.b_pubky!]}` : 'Person B'} +
+ {isPersonB && (You)} +
+ {localSession.b_pubky}/pub/consentky.app/agreements/{localSession.id}
+
+ )}
+ {localSession.b_homeserver_url ? (
+
+
+ ) : (
+
+ {localSession.b_homeserver_url}
+
+ Not saved yet
+ )} +
+ {localSession.b_homeserver_stored ? (
+
+
+
+ )}
+
+ {!isExpired && (
+
+
+ Session Tags
+ {isLoadingTags ? ( +Loading tags...
+ ) : (
+
+
+ )}
+ No tags yet. Add up to 3 tags to personalize this session.
+ )} +
+
+ )}
+
+ + No revocation: Consent remains active until timer expires. +
+
+
+
+
+
+ {hasBothParticipants && onGoToMySessions && (
+
+ )}
+
+
+
+
+ )}
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/AudioToggle.tsx b/consentky/consentky-app-main/src/components/AudioToggle.tsx
new file mode 100644
index 0000000..976a45b
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/AudioToggle.tsx
@@ -0,0 +1,105 @@
+import { useState, useEffect } from 'react';
+import { Volume2, VolumeX } from 'lucide-react';
+import { audioService } from '../utils/audioService';
+
+export function AudioToggle() {
+ const [preferences, setPreferences] = useState(audioService.getPreferences());
+ const [showMenu, setShowMenu] = useState(false);
+
+ useEffect(() => {
+ const handleClickOutside = (event: MouseEvent) => {
+ const target = event.target as HTMLElement;
+ if (!target.closest('.audio-toggle-menu')) {
+ setShowMenu(false);
+ }
+ };
+
+ if (showMenu) {
+ document.addEventListener('click', handleClickOutside);
+ }
+
+ return () => {
+ document.removeEventListener('click', handleClickOutside);
+ };
+ }, [showMenu]);
+
+ const toggleSound = () => {
+ const newValue = !preferences.soundEnabled;
+ audioService.setSoundEnabled(newValue);
+ setPreferences({ ...preferences, soundEnabled: newValue });
+ };
+
+ const toggleMusic = () => {
+ const newValue = !preferences.musicEnabled;
+ audioService.setMusicEnabled(newValue);
+ setPreferences({ ...preferences, musicEnabled: newValue });
+ };
+
+ const isSoundDisabled = !preferences.soundEnabled && !preferences.musicEnabled;
+
+ return (
+
+
+
+
+
+ {isCompletingSave ? (
+ + Session Expired +
++ Your authentication session has expired. Please re-authenticate to continue saving to your homeserver. +
+
+
+ ) : reauthQRCode ? (
+
+
+
+
+
+ + Authentication Successful! +
+
+
+ + Completing save to homeserver... +
+
+
+ ) : (
+
+
+
+ + Scan this QR code with your Pubky app +
+
+ 
+
+
+
+
+
+ + Waiting for authentication... +
+
+
+ )}
+
+
+
+ {showMenu && (
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/AuthScreen.tsx b/consentky/consentky-app-main/src/components/AuthScreen.tsx
new file mode 100644
index 0000000..3e5d4e8
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/AuthScreen.tsx
@@ -0,0 +1,203 @@
+import { useState, useEffect } from 'react';
+import { QRCodeCanvas } from './QRCodeCanvas';
+import { Loader2, Copy, Check, ArrowLeft, ExternalLink, Smartphone } from 'lucide-react';
+import { convertToRingURL } from '../utils/deepLink';
+
+interface AuthScreenProps {
+ onSignIn: () => Promise<{ authURL: string; waitForResponse: () => Promise
+
+ )}
+ Audio Settings
+ +
+
+
+
+
+
+
+
+ + Control audio feedback for session creation, signatures, and waiting periods. +
+
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/CreateSession.tsx b/consentky/consentky-app-main/src/components/CreateSession.tsx
new file mode 100644
index 0000000..ca7dd7d
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/CreateSession.tsx
@@ -0,0 +1,238 @@
+import { useState, useEffect } from 'react';
+import { Clock, ArrowRight, AlertCircle, User } from 'lucide-react';
+import { supabase } from '../lib/supabase';
+import type { ConsentSession } from '../types';
+import {
+ CONSENT_STATEMENT_V1,
+ CONSENT_VERSION,
+ generateStatementHash,
+ calculateWindowTimes,
+ generateShortId,
+ createCanonicalObject,
+ hashCanonicalObject
+} from '../lib/consent';
+import { LogoutButton } from './LogoutButton';
+import { fetchUsername } from '../utils/username';
+import { audioService } from '../utils/audioService';
+import { AudioToggle } from './AudioToggle';
+import { ensureSodiumReady, generateMockSignature } from '../lib/crypto';
+import sodium from 'libsodium-wrappers';
+
+interface CreateSessionProps {
+ userPubky: string;
+ onSessionCreated: (session: ConsentSession) => void;
+ onCancel: () => void;
+}
+
+const PRESET_DURATIONS = [
+ { label: '2 hours', value: 120 },
+ { label: '6 hours', value: 360 },
+ { label: '12 hours', value: 720 }
+];
+
+export function CreateSession({ userPubky, onSessionCreated, onCancel }: CreateSessionProps) {
+ const [selectedDuration, setSelectedDuration] = useState
+ {onBack && !pendingJoinId && (
+
+ )}
+
+
+
+
+
+ {pendingJoinId && (
+ ConsentKy
+
+
+ )}
+
+ {isInitializing ? (
+
+ Joining session
+
+ Please authenticate
+
+
+ ) : error ? (
+
+
+
+
+ ) : (
+
+
+
+ What is Pubky Ring?
++ Your secure key manager for signing consent agreements with cryptographic proof. +
+
+ {error}
+
+
+
+ )}
+
+
+
+ What is Pubky Ring?
++ Your secure key manager for signing consent agreements with cryptographic proof. +
+
+
+
+ {!isMobile && (
+ + {isMobile ? 'Open in Pubky Ring' : 'Scan with Pubky Ring'} +
+ {isMobile && ( ++ Tap below to open in the app +
+ )} +
+
+ )}
+
+ {isMobile ? (
+
+ ) : null}
+
+
+
+ {isWaiting && (
+
+
+
+
+ )}
+
+ {isMobile && (
+
+
+ )}
+ Troubleshooting:
+-
+
- Ensure Pubky Ring app is installed +
- Try copying link to browser +
- Use a different browser if needed +
+
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/HomeScreen.tsx b/consentky/consentky-app-main/src/components/HomeScreen.tsx
new file mode 100644
index 0000000..e53b543
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/HomeScreen.tsx
@@ -0,0 +1,148 @@
+import { useState, useEffect } from 'react';
+import { useAuth } from '../contexts/AuthContext';
+import { PlusCircle, ScanLine, LogOut, Copy, Check, History, User } from 'lucide-react';
+import { formatPubkyShort } from '../lib/consent';
+import { fetchUsername } from '../utils/username';
+
+interface HomeScreenProps {
+ onCreateSession: () => void;
+ onJoinSession: () => void;
+ onViewHistory: () => void;
+}
+
+export function HomeScreen({ onCreateSession, onJoinSession, onViewHistory }: HomeScreenProps) {
+ const { session, signOut } = useAuth();
+ const [copied, setCopied] = useState(false);
+ const [username, setUsername] = useState
+
+
+
+
+
+
+
+
+ Create Consent Session
+Choose a time window for mutual consent
+
+
+
+
+
+
+
+ {PRESET_DURATIONS.map((preset) => (
+
+ ))}
+
+
+
+
+
+
+ Consent Agreement
++ {CONSENT_STATEMENT_V1} +
+
+
+
+ {error && (
+ + You and your partner will sign for{' '} + + {selectedDuration >= 60 + ? `${selectedDuration / 60} ${selectedDuration / 60 === 1 ? 'hour' : 'hours'}` + : `${selectedDuration} minutes`} + . +
+
+
+ )}
+
+ {error}
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/Inbox.tsx b/consentky/consentky-app-main/src/components/Inbox.tsx
new file mode 100644
index 0000000..cfb9309
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/Inbox.tsx
@@ -0,0 +1,312 @@
+import { useState, useEffect } from 'react';
+import { Inbox as InboxIcon, Mail, MailOpen, Trash2, Clock, AlertCircle, Lock } from 'lucide-react';
+import { getSupabase } from '../lib/supabase';
+import { Message } from '../types';
+import { formatRelativeTime } from '../utils/date';
+
+interface InboxProps {
+ currentUserPubky: string;
+}
+
+export function Inbox({ currentUserPubky }: InboxProps) {
+ const [messages, setMessages] = useState
+
+
+
+
+
+
+
+
+
+
+
+ {username ? (
+
+
+
+ ) : null}
+
+
+ @{username}
+Your Public Key
+
+
+
+ {formatPubkyShort(session.pubky)}
+
+
+
+
+
+
+
+
+
+
+
+
+ How it works
+-
+
- Review consent agreement and time window +
- Both parties sign with cryptographic keys +
- Consent is active until timer expires +
- No revocation during active window +
+
+ );
+ }
+
+ if (error) {
+ return (
+
+
+
+
+
+ );
+ }
+
+ if (messages.length === 0) {
+ return (
+
+
+
+
+ Failed to load inbox
+{error}
+
+
+ );
+ }
+
+ return (
+
+
+ No messages yet
++ Share your pubky with others so they can send you encrypted messages +
+
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/JoinSession.tsx b/consentky/consentky-app-main/src/components/JoinSession.tsx
new file mode 100644
index 0000000..369ca7e
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/JoinSession.tsx
@@ -0,0 +1,442 @@
+import { useState, useEffect, useRef } from 'react';
+import { AlertCircle, ArrowRight, Hash, Camera, X, User, Clipboard } from 'lucide-react';
+import { LogoutButton } from './LogoutButton';
+import jsQR from 'jsqr';
+import { supabase } from '../lib/supabase';
+import { ConsentSession } from '../types';
+import { fetchUsername } from '../utils/username';
+
+interface JoinSessionProps {
+ userPubky: string;
+ onSessionLoaded: (session: ConsentSession) => void;
+ onCancel: () => void;
+ initialSessionId?: string;
+}
+
+export function JoinSession({ userPubky, onSessionLoaded, onCancel, initialSessionId }: JoinSessionProps) {
+ const [sessionId, setSessionId] = useState(initialSessionId || '');
+ const [isLoading, setIsLoading] = useState(false);
+ const [error, setError] = useState
+
+
+
+
+ Your Inbox
+ + {messages.length} message{messages.length !== 1 ? 's' : ''} + +
+ {messages.map((message) => {
+ const expiration = getExpirationStatus(message);
+ const isOpened = !!message.opened_at;
+
+ return (
+
+
+ {selectedMessage && (
+
+
+ );
+ })}
+
+
+
+ {isOpened ? (
+
+
+
+
+
+
+
+
+
+ + {message.author_hint || 'Anonymous'} +
++ From: {message.from_pubky?.substring(0, 16)}... +
+
+
+ {formatRelativeTime(new Date(message.created_at))}
+
+ {expiration && (
+
+
+
+ )}
+
+
+
+
+
+ + {message.ciphertext_base64.substring(0, 80)}... +
+
+
+ •
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ + Message from {selectedMessage.author_hint || 'Anonymous'} +
++ {formatRelativeTime(new Date(selectedMessage.created_at))} +
+
+
+
+
+
+
+
+
+
+
+ Decryption requires Pubky Ring
++ Full decryption will be available once Pubky Ring integration is complete. + For now, the encrypted message is displayed below. +
+
+
+
+ Encrypted Content:
++ {selectedMessage.ciphertext_base64} +
+
+
+ Message ID: {selectedMessage.id}
+Nonce: {selectedMessage.nonce_base64}
+
+
+
+
+
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/LandingPage.tsx b/consentky/consentky-app-main/src/components/LandingPage.tsx
new file mode 100644
index 0000000..76f4244
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/LandingPage.tsx
@@ -0,0 +1,264 @@
+import { Shield, Clock, Lock, CheckCircle, ArrowRight, Key, Users, Timer } from 'lucide-react';
+
+interface LandingPageProps {
+ onGetStarted: () => void;
+}
+
+export function LandingPage({ onGetStarted }: LandingPageProps) {
+ return (
+
+
+
+
+
+
+
+
+
+ Join Consent Session
+Scan QR code or paste session details
+
+
+
+
+
+
+ {isScanning && (
+
+
+
+
+
+
+
+
+ {
+ setSessionId(e.target.value);
+ setError(null);
+ }}
+ onKeyPress={(e) => {
+ if (e.key === 'Enter' && !isLoading) {
+ handleJoin();
+ }
+ }}
+ placeholder="Paste session ID or link"
+ className="w-full pl-8 pr-2 py-2 border-2 border-warm-200 rounded-xl text-xs text-warm-900 placeholder-warm-400 focus:outline-none focus:ring-2 focus:ring-coral-500 focus:border-transparent transition-all font-medium"
+ />
+ + Paste session ID, link, or scan QR code +
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Position QR code within frame +
+
+
+
+ {error && (
+ + Note: You'll review the full consent agreement before signing. +
+
+
+ )}
+
+ {error}
+
+
+
+
+
+
+
+ How to join
+-
+
- Get session ID, link, or QR from partner +
- Scan QR with camera to open and authenticate +
- Or paste session ID/link above if authenticated +
- Review agreement and sign with key +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/LogoutButton.tsx b/consentky/consentky-app-main/src/components/LogoutButton.tsx
new file mode 100644
index 0000000..7f8f667
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/LogoutButton.tsx
@@ -0,0 +1,23 @@
+import { LogOut } from 'lucide-react';
+import { useAuth } from '../contexts/AuthContext';
+
+export function LogoutButton() {
+ const { signOut } = useAuth();
+
+ const handleSignOut = async () => {
+ if (confirm('Are you sure you want to sign out?')) {
+ await signOut();
+ }
+ };
+
+ return (
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/MainLayout.tsx b/consentky/consentky-app-main/src/components/MainLayout.tsx
new file mode 100644
index 0000000..24aaec3
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/MainLayout.tsx
@@ -0,0 +1,128 @@
+import { useState } from 'react';
+import { useAuth } from '../contexts/AuthContext';
+import { SendMessage } from './SendMessage';
+import { Inbox } from './Inbox';
+import { Send, Mail, LogOut, Copy, Check } from 'lucide-react';
+
+export function MainLayout() {
+ const { session, signOut } = useAuth();
+ const [activeTab, setActiveTab] = useState<'inbox' | 'send'>('inbox');
+ const [copied, setCopied] = useState(false);
+
+ if (!session) {
+ return null;
+ }
+
+ const handleSignOut = async () => {
+ if (confirm('Are you sure you want to sign out?')) {
+ await signOut();
+ }
+ };
+
+ const handleCopyPubky = async () => {
+ await navigator.clipboard.writeText(session.pubky);
+ setCopied(true);
+ setTimeout(() => setCopied(false), 2000);
+ };
+
+ return (
+
+
+ Consent Made
+
+
+
+
+
+ Consent Made
+
+
+ Verifiable & Secure
+
+
+
+
+ Create time-bound consent agreements with cryptographic signatures.
+
+ Privacy-preserving, tamper-proof, and decentralized.
+
+
+
+
+
+
+
+ Signed
++ Cryptographic signatures that cannot be forged +
+
+
+
+
+
+ Time-bound
++ Sessions expire when the window closes +
+
+
+
+
+
+ Private
++ Only public keys and timestamps stored +
+
+
+
+
+ Mutual
++ Both parties must sign to activate +
++ How it Works +
+ +
+
+
+
+
+
+
+ 1
+
+ Create a Session
++ Choose time window and share via QR code +
+
+
+
+
+ What is Pubky Ring?
++ Your personal key manager for signing consent agreements with cryptographic proof. +
+
+
+
+
+
+ Scan with Pubky Ring
+
+
+ ⏳ Waiting for authentication...
+
+
+
+
+ 2
+
+ Review & Sign
++ Both review and sign with cryptographic keys +
+
+
+
+
+
+
+
+
+ Satoshi Nakamoto
++ ssngafm9...qnsm7jc +
+
+
+
+ 3
+
+ Active Consent
++ Session is active until timer expires +
+
+
+
+
+
+
+ DURATION
+
+
+ 120 minutes
+
+
+ STARTS AT
+
+
+ 04:57 PM
+
+
+ YOUR KEY
+
+
+ ssngafm9...qnsm7jc
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tamper-Proof
++ Cannot be altered +
+
+
+
+
+
+ Decentralized
++ Built on Pubky +
+
+
+
+
+ Private
++ No personal data +
+
+
+
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/MySessionsScreen.tsx b/consentky/consentky-app-main/src/components/MySessionsScreen.tsx
new file mode 100644
index 0000000..4a6e923
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/MySessionsScreen.tsx
@@ -0,0 +1,354 @@
+import { useState, useEffect } from 'react';
+import { History, Clock, CheckCircle2, XCircle, Eye, ArrowLeft, User, Server } from 'lucide-react';
+import { LogoutButton } from './LogoutButton';
+import { supabase } from '../lib/supabase';
+import { ConsentSession, SessionTag } from '../types';
+import { formatDateTime, formatPubkyShort } from '../lib/consent';
+import { ProofDetails } from './ProofDetails';
+import { fetchUsernames, fetchUsername } from '../utils/username';
+import { TagDisplay } from './TagDisplay';
+import { getHomeserverStorageStatus } from '../lib/homeserverStorage';
+
+interface MySessionsScreenProps {
+ userPubky: string;
+ onBack: () => void;
+ onViewSession: (session: ConsentSession) => void;
+}
+
+export function MySessionsScreen({ userPubky, onBack, onViewSession }: MySessionsScreenProps) {
+ const [sessions, setSessions] = useState
+
+
+
+
+
+
+
+
+
+
+ Your Pubky Address
+
+
+
+ {session.pubky}
+
+
+ + Share this address so others can send you encrypted messages +
+
+
+
+
+
+
+
+
+ {activeTab === 'inbox' ? (
+
+
+
+
+
+ {selectedSession && (
+
+
+
+
+
+
+
+
+ My Sessions
+
+
+
+
+
+
+ {isLoading ? (
+
+
+
+ ) : filteredSessions.length === 0 ? (
+
+
+
+ Loading sessions...
+
+
+ ) : (
+ No sessions found
++ {filter === 'all' + ? 'You haven\'t created or joined any consent sessions yet.' + : `No ${filter} sessions found.`} +
+
+ {filteredSessions.map((session) => {
+ const isCreator = session.a_pubky === userPubky;
+ const partnerPubky = isCreator ? session.b_pubky : session.a_pubky;
+ const storageStatus = getHomeserverStorageStatus(session);
+
+ return (
+
+ )}
+
+
+ );
+ })}
+
+
+
+
+
+
+
+ {getStatusIcon(session.status)}
+ {session.status.charAt(0).toUpperCase() + session.status.slice(1)}
+
+ {storageStatus.isFullyStored && (
+
+
+ + Created {formatDateTime(session.created_at)} +
+
+
+ {session.status === 'active' && (
+
+ )}
+
+
+
+
+ {sessionTags[session.id] && sessionTags[session.id].length > 0 && (
+
+
+
+ Duration
+
+
+
+
+
+ Window End
++ {formatDateTime(session.window_end)} +
+
+
+ + {isCreator ? 'Partner' : 'Creator'} +
+ {partnerPubky ? ( + <> + {usernames[partnerPubky] && ( + @{usernames[partnerPubky]} + )} +
+ {formatPubkyShort(partnerPubky)}
+
+
+ ) : (
+ Not joined
+ )}
+
+
+ )}
+
+ Tags
+
+
+ Consent Statement
++ {session.consent_statement} +
+
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/QRCodeCanvas.tsx b/consentky/consentky-app-main/src/components/QRCodeCanvas.tsx
new file mode 100644
index 0000000..c135fe7
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/QRCodeCanvas.tsx
@@ -0,0 +1,28 @@
+import { useEffect, useRef } from 'react';
+import QRCode from 'qrcode';
+
+interface QRCodeCanvasProps {
+ value: string;
+ size?: number;
+}
+
+export function QRCodeCanvas({ value, size = 240 }: QRCodeCanvasProps) {
+ const canvasRef = useRef
+
+
+
+
+
+
+
+ Session Details
+
+ {!isComplete && (
+
+
+
+ )}
+
+ {isComplete && (
+
+
+
+
+ + Session Incomplete +
++ {!session.b_pubky ? 'Waiting for second participant to join' : + !session.a_authentication ? 'Waiting for Person A to sign' : + 'Waiting for Person B to sign'} +
+
+
+ )}
+
+
+
+
+
+ + Session Complete +
++ Both participants have signed the consent agreement +
+
+
+
+ Session Information
+
+
+
+ Session ID:
+
+ {session.id}
+
+ Version:
+ {session.version}
+
+
+ Status:
+
+ {session.status.charAt(0).toUpperCase() + session.status.slice(1)}
+
+
+
+ Duration:
+ {session.window_duration_minutes} minutes
+
+
+
+
+ Time Window
+
+
+
+ Start:
+
+ {formatDateTime(session.window_start)}
+
+ End:
+
+ {formatDateTime(session.window_end)}
+
+
+
+ Consent Statement
++ {session.consent_statement} +
+
+
+
+
+
+
+{(() => {
+ const storageStatus = getHomeserverStorageStatus(session);
+ return (
+
+
+
+
+
+
+
+
+
+
+ {session.a_authentication ? (
+
+ Person A
++ {formatUserDisplay(session.a_pubky, usernames[session.a_pubky], false)} +
+
+ Public Key:
+
+
+ {session.a_pubky}
+
+
+
+
+
+ {session.b_pubky && (
+
+
+ {session.b_authentication ? (
+
+ Person B
+ {session.b_pubky ? ( ++ {formatUserDisplay(session.b_pubky, usernames[session.b_pubky], false)} +
+ ) : ( +Not yet joined
+ )} +
+ Public Key:
+
+ )}
+
+ {session.b_pubky}
+
+
+
+ );
+ })()}
+
+
+
+
+
+ {storageStatus.isFullyStored ? (
+
+
+ + Homeserver Storage +
++ Decentralized backup on Pubky homeservers +
+
+
+ ) : storageStatus.isPartiallyStored ? (
+
+
+
+
+ + Stored on both homeservers +
++ Permanent proof backed up at {formatDateTime(session.homeserver_stored_at!)} +
+
+
+ Person A's Homeserver:
+ {session.a_homeserver_url ? ( +
+ {session.a_homeserver_url}
+
+ ) : (
+
+ Value:
+ {session.a_homeserver_url === null ? 'null' :
+ session.a_homeserver_url === undefined ? 'undefined' :
+ session.a_homeserver_url === '' ? '(empty string)' :
+ String(session.a_homeserver_url)}
+
+ )}
+
+
+ Person B's Homeserver:
+ {session.b_homeserver_url ? ( +
+ {session.b_homeserver_url}
+
+ ) : (
+
+ Value:
+ {session.b_homeserver_url === null ? 'null' :
+ session.b_homeserver_url === undefined ? 'undefined' :
+ session.b_homeserver_url === '' ? '(empty string)' :
+ String(session.b_homeserver_url)}
+
+ )}
+
+ Statement Hash:
+
+
+ {session.statement_hash}
+
+
+
+ ) : (
+
+
+ + Partially stored ({storageStatus.storedCount}/2) +
++ Missing: {storageStatus.missingHomeservers.join(', ')} +
+
+
+ )}
+
+
+ + Not yet stored on homeservers +
++ Storage will happen automatically when session becomes active +
+
+
+
+ );
+}
diff --git a/consentky/consentky-app-main/src/components/SendMessage.tsx b/consentky/consentky-app-main/src/components/SendMessage.tsx
new file mode 100644
index 0000000..68ddfa6
--- /dev/null
+++ b/consentky/consentky-app-main/src/components/SendMessage.tsx
@@ -0,0 +1,224 @@
+import { useState } from 'react';
+import { Send, Lock, AlertCircle, Check } from 'lucide-react';
+import { getSupabase } from '../lib/supabase';
+import { encryptMessageForRecipient, bytesToBase64, validatePubkyFormat } from '../lib/crypto';
+import { EncryptedEnvelope } from '../types';
+
+interface SendMessageProps {
+ currentUserPubky: string;
+}
+
+export function SendMessage({ currentUserPubky }: SendMessageProps) {
+ const [recipientPubky, setRecipientPubky] = useState('');
+ const [messageContent, setMessageContent] = useState('');
+ const [authorHint, setAuthorHint] = useState('');
+ const [ttlDays, setTtlDays] = useState
+
+
+
+
+
+
+
+
+ Review and Sign
++ {alreadySigned ? 'You have already signed' : 'Review before signing'} +
+
+ {alreadySigned && (
+
+
+
+ )}
+
+
+
+ Already Signed
++ Waiting for the other party. +
+
+
+
+
+
+ Consent Agreement
++ {session.consent_statement} +
+
+
+
+
+
+
+
+
+ Time Window
+
+
+ + Duration: {session.window_duration_minutes} min +
++ Starts: {formatDateTime(session.window_start)} +
++ Ends: {formatDateTime(session.window_end)} +
+
+
+
+
+ Participants
+
+
+
+
+
+
+ {session.a_authentication && (
+
+ Signed
+
+ )}
+ Person A {isPersonA && '(You)'}
+ {usernames[session.a_pubky] && ( + @{usernames[session.a_pubky]} + )} +
+ {formatPubkyShort(session.a_pubky)}
+
+
+
+
+
+ {session.b_authentication && (
+
+ Signed
+
+ )}
+ Person B {isPersonB && '(You)'}
+ {usernames[session.b_pubky || userPubky] && ( + @{usernames[session.b_pubky || userPubky]} + )} +
+ {session.b_pubky ? formatPubkyShort(session.b_pubky) : formatPubkyShort(userPubky)}
+
+
+
+
+ {error && (
+ Important
+-
+
- Signature is cryptographically binding +
- Cannot be revoked until expiration +
- Both parties sign same agreement +
+
+ )}
+
+ {error}
+
+
+ {!alreadySigned && (
+
+ )}
+
+
+
+
+
+