\n 97→ fileInputRef.current?.click()}\n 99→ disabled={uploading}\n 100→ className=\"group relative h-24 w-24 overflow-hidden rounded-full border-4 border-background shadow-lg\"\n 101→ >\n 102→ {avatarUrl ? (\n 103→
\n 137→ );\n 138→}\n 139→\n\n\n 110→ {initials ||
\n 112→ )}\n 113→\n 114→ {/* Overlay */}\n 115→ \n 116→ {uploading ? (\n 117→
\n 122→ \n 123→\n 124→ \n 134→
\n 136→ \n 77→
\n 79→ );\n 80→ }\n 81→\n 82→ return (\n 83→ \n 84→ {/* Header */}\n 85→ \n 86→ \n 92→\n 93→ \n 94→ {/* Progress bar */}\n 95→ setStep(\"trade\")}\n 114→ onVoiceSelect={() => setStep(\"voice\")}\n 115→ />\n 116→ )}\n 117→\n 118→ {/* Step: Voice recording */}\n 119→ {step === \"voice\" && (\n 120→ setStep(\"method\")}\n 126→ />\n 127→ )}\n 128→\n 129→ {/* Step: Select trade */}\n 130→ {step === \"trade\" && (\n 131→ setStep(\"experience\")}\n 135→ onBack={() => setStep(isAuthenticated ? \"method\" : \"auth\")}\n 136→ />\n 137→ )}\n 138→\n 139→ {/* Step: Experience */}\n 140→ {step === \"experience\" && (\n 141→ {\n 144→ setExperience(exp);\n 145→ setStep(\"location\");\n 146→ }}\n 147→ onBack={() => setStep(\"trade\")}\n 148→ />\n 149→ )}\n 150→\n 151→ {/* Step: Location */}\n 152→ {step === \"location\" && (\n 153→ setStep(\"availability\")}\n 157→ onBack={() => setStep(\"experience\")}\n 158→ />\n 159→ )}\n 160→\n 161→ {/* Step: Availability */}\n 162→ {step === \"availability\" && (\n 163→ {\n 166→ setAvailability(avail);\n 167→ setStep(\"certs\");\n 168→ }}\n 169→ onBack={() => setStep(\"location\")}\n 170→ />\n 171→ )}\n 172→\n 173→ {/* Step: Certifications */}\n 174→ {step === \"certs\" && (\n 175→ setStep(\"review\")}\n 179→ onBack={() => setStep(\"availability\")}\n 180→ />\n 181→ )}\n 182→\n 183→ {/* Step: Review */}\n 184→ {step === \"review\" && workerData && (\n 185→ setStep(\"certs\")}\n 191→ />\n 192→ )}\n 193→ \n 194→
\n 195→ );\n 196→}\n\n\n 87→ \n 88→
\n 91→ \n 85→ \n 86→ {/* Profile header */}\n 87→ \n 135→ \n 136→ \n 142→ \n 143→ )}\n 144→\n 145→ {/* Skills */}\n 146→ {skills.length > 0 && (\n 147→ \n 148→ \n 149→ \n 161→ \n 162→ )}\n 163→\n 164→ {/* Certifications */}\n 165→ {certs.length > 0 && (\n 166→ \n 167→ \n 168→
\n 183→ \n 184→ \n 185→ )}\n 186→\n 187→ {/* Ratings */}\n 188→ {(ratings && ratings.length > 0) && (\n 189→ \n 88→ \n 126→ \n 129→ )}\n 130→
\n 131→\n 132→ {/* Bio */}\n 133→ {workerProfile.bio && (\n 134→ {profile.name || \"Worker\"}
\n 94→\n 95→\n 96→ {trades.map((t: string) => (\n 97→ \n 98→ \n 101→ ))}\n 102→
\n 103→\n 104→ \n 105→ {profile.suburb && (\n 106→ \n 107→
\n 123→\n 124→ {workerProfile.availability && (\n 125→ \n 137→
\n 140→ {workerProfile.bio}
\n 141→\n 150→
\n 153→ \n 154→ {skills.map((skill: string) => (\n 155→ \n 156→ {skill}\n 157→ \n 158→ ))}\n 159→
\n 160→ \n 169→
\n 172→ \n 173→ {certs.map((cert: string) => (\n 174→ \n 178→
\n 181→ ))}\n 182→ \n 190→
\n 211→ )}\n 212→\n 213→ {/* Edit button */}\n 214→ \n 196→
\n 210→ \n 215→ \n 221→
\n 222→ \n 223→\n 224→ \n 314→
\n 316→ );\n 317→ }\n 318→\n 319→ return (\n 320→ \n 321→ {/* Header */}\n 322→ \n 323→ \n 329→\n 330→ \n 331→ {/* Progress bar */}\n 332→ \n 610→
\n 611→ );\n 612→}\n 613→\n 614→function ResearchStep({ label }: { label: string }) {\n 615→ return (\n 616→ \n 324→ \n 325→
\n 328→ \n 333→ {Array.from({ length: totalSteps }, (_, i) => (\n 334→
\n 344→\n 345→ {/* Step: Auth */}\n 346→ {step === \"auth\" && (\n 347→ \n 348→
\n 418→ )}\n 419→\n 420→ {/* Step: Enter company name/ABN */}\n 421→ {step === \"company\" && (\n 422→ \n 349→
\n 359→\n 360→ \n 407→\n 408→ \n 350→
\n 352→ \n 353→
\n 358→ Create your account
\n 354→\n 355→ Quick signup to get started\n 356→
\n 357→\n 409→ Already have an account?{\" \"}\n 410→
\n 423→ setStep(\"auth\")}\n 465→ className=\"mt-4 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground\"\n 466→ >\n 467→
\n 472→ )}\n 473→\n 474→ {/* Step: ABR Verification */}\n 475→ {step === \"researching\" && (\n 476→ \n 424→
\n 434→\n 435→ \n 461→\n 462→ {!isAuthenticated && (\n 463→ \n 425→
\n 427→ \n 428→
\n 433→ Your company
\n 429→\n 430→ We'll verify it via ABR\n 431→
\n 432→\n 477→
\n 491→ )}\n 492→\n 493→ {/* Step: Review profile */}\n 494→ {step === \"review\" && companyData && (\n 495→ \n 478→
\n 480→ Verifying your business
\n 481→\n 482→ Checking ABR for your business details...\n 483→
\n 484→\n 485→\n 486→
\n 490→ \n 496→ \n 509→ \n 510→ \n 566→ \n 567→\n 568→ \n 587→ {saving ? (\n 588→ <>\n 589→ setStep(\"company\")}\n 602→ className=\"mt-4 flex w-full items-center justify-center gap-1 text-sm text-muted-foreground hover:text-foreground\"\n 603→ >\n 604→
\n 608→ )}\n 609→ \n 497→
\n 507→\n 508→ \n 498→
\n 500→ \n 501→
\n 506→ Confirm your profile
\n 502→\n 503→ Tap any field to edit\n 504→
\n 505→\n 569→
\n 581→\n 582→ \n 570→
\n 580→ \n 572→
\n 579→ \n 573→ Verified via Australian Business Register\n 574→
\n 575→\n 576→ Your ABN has been verified. Tap any field to correct it.\n 577→
\n 578→\n 617→
\n 620→ );\n 621→}\n 622→\n 623→function EditableField({\n 624→ icon,\n 625→ label,\n 626→ value,\n 627→ fieldKey,\n 628→ editField,\n 629→ setEditField,\n 630→ onSave,\n 631→ logoUrl,\n 632→}: {\n 633→ icon: React.ReactNode;\n 634→ label: string;\n 635→ value: string;\n 636→ fieldKey: string;\n 637→ editField: string | null;\n 638→ setEditField: (f: string | null) => void;\n 639→ onSave: (value: string) => void;\n 640→ logoUrl?: string | null;\n 641→}) {\n 642→ const [editValue, setEditValue] = useState(value);\n 643→ const isEditing = editField === fieldKey;\n 644→\n 645→ if (isEditing) {\n 646→ return (\n 647→ \n 648→ \n 649→
\n 684→ );\n 685→ }\n 686→\n 687→ return (\n 688→ \n 650→ {fieldKey === 'name' && logoUrl ? (\n 651→ setEditValue(e.target.value)}\n 671→ className=\"h-10 text-base\"\n 672→ autoFocus\n 673→ />\n 674→ )}\n 675→ onSave(editValue)}\n 678→ className=\"h-10 shrink-0\"\n 679→ >\n 680→ Save\n 681→ \n 682→
\n 683→ \n 652→ 
{\n 657→ e.currentTarget.style.display = 'none';\n 658→ }}\n 659→ />\n 660→ setEditValue(e.target.value)}\n 663→ className=\"h-10 text-base\"\n 664→ autoFocus\n 665→ />\n 666→
\n 667→ ) : (\n 668→ \n 697→ {\n 702→ // If image fails to load, fall back to icon\n 703→ e.currentTarget.style.display = 'none';\n 704→ }}\n 705→ />\n 706→
\n 707→ ) : (\n 708→ {icon}
\n 709→ )}\n 710→ \n 711→
\n 714→ {label}
\n 712→{value}
\n 713→\n 249→ \n 250→ {/* STEP 1: Select Trade */}\n 251→ {step === 1 && (\n 252→ \n 490→ \n 491→ \n 515→ \n 516→ )}\n 517→ \n 518→\n 519→ {/* Sticky Bottom CTA (Step 2 only) */}\n 520→ {step === 2 && !aiLoading && (\n 521→
\n 547→ );\n 548→}\n 549→\n\n\n 253→
\n 273→ )}\n 274→\n 275→ {/* STEP 2: AI-filled Job Details + Location/Date/Workers (COMBINED) */}\n 276→ {step === 2 && (\n 277→ What trade do you need?
\n 254→\n 255→ Tap to select. AI will write the job post for you.\n 256→
\n 257→\n 258→ {TRADE_CATEGORIES.map((trade) => {\n 259→ const Icon = trade.icon;\n 260→ return (\n 261→ handleTradeSelect(trade.id)}\n 264→ className={`flex flex-col items-center justify-center gap-3 rounded-2xl border-2 p-6 min-h-[120px] text-center transition-all active:scale-95 ${trade.color}`}\n 265→ >\n 266→
\n 272→ \n 278→ {aiLoading ? (\n 279→
\n 485→ )}\n 486→\n 487→ {/* STEP 3: Success */}\n 488→ {step === 3 && (\n 489→ \n 280→
\n 288→ ) : (\n 289→ \n 281→
\n 283→ AI writing your job post...
\n 284→\n 285→ Based on market rates and common requirements\n 286→
\n 287→\n 290→
\n 483→ )}\n 484→ \n 291→
\n 294→ Job Details
\n 293→\n 295→ AI pre-filled these. Edit anything you like.\n 296→
\n 297→\n 298→\n 299→ {/* Job Details Section */}\n 300→
\n 482→ \n 301→ \n 302→ setTitle(e.target.value)}\n 306→ className=\"mt-2 h-14 text-base\"\n 307→ />\n 308→
\n 309→\n 310→ \n 311→ \n 312→ setDescription(e.target.value)}\n 316→ rows={5}\n 317→ className=\"mt-2 flex w-full rounded-md border border-input bg-background px-4 py-3 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\"\n 318→ />\n 319→
\n 320→\n 321→ \n 322→ \n 323→
\n 365→\n 366→ {/* Location Section */}\n 367→ \n 324→
\n 346→ \n 325→ setRateMin(e.target.value)}\n 330→ placeholder=\"Min\"\n 331→ className=\"h-14 pl-10 text-base\"\n 332→ />\n 333→
\n 334→ to\n 335→ \n 336→ setRateMax(e.target.value)}\n 341→ placeholder=\"Max\"\n 342→ className=\"h-14 pl-10 text-base\"\n 343→ />\n 344→
\n 345→ \n 347→ setRateType(\"hourly\")}\n 351→ className=\"h-12 text-base font-semibold\"\n 352→ >\n 353→ Per Hour\n 354→ \n 355→ setRateType(\"daily\")}\n 359→ className=\"h-12 text-base font-semibold\"\n 360→ >\n 361→ Per Day\n 362→ \n 363→
\n 364→ \n 368→ \n 369→
\n 372→ \n 373→
\n 397→\n 398→ {/* Date & Workers Section */}\n 399→ \n 369→
\n 372→ \n 373→ \n 374→
\n 396→ \n 375→ \n 376→ setSiteAddress(e.target.value)}\n 380→ placeholder=\"e.g. 123 George St, Sydney\"\n 381→ className=\"mt-2 h-14 text-base\"\n 382→ />\n 383→
\n 384→\n 385→ \n 386→ \n 387→ setSuburb(e.target.value)}\n 391→ placeholder=\"e.g. Parramatta\"\n 392→ className=\"mt-2 h-14 text-base\"\n 393→ />\n 394→
\n 395→ \n 400→ \n 401→
\n 404→ \n 405→
\n 461→\n 462→ {/* Required Certifications */}\n 463→ {certs.length > 0 && (\n 464→ \n 401→
\n 404→ \n 405→ \n 406→
\n 460→ \n 407→ \n 408→ setStartDate(e.target.value)}\n 413→ className=\"mt-2 h-14 text-base\"\n 414→ />\n 415→
\n 416→\n 417→ \n 418→ \n 419→ setDuration(e.target.value)}\n 423→ placeholder=\"e.g. 2 weeks, ongoing\"\n 424→ className=\"mt-2 h-14 text-base\"\n 425→ />\n 426→
\n 427→\n 428→ \n 429→ \n 433→
\n 459→ \n 434→ \n 438→ setWorkersNeeded(String(Math.max(1, parseInt(workersNeeded) - 1)))\n 439→ }\n 440→ className=\"h-14 w-14 text-2xl font-bold\"\n 441→ >\n 442→ -\n 443→ \n 444→ \n 445→ {workersNeeded}\n 446→ \n 447→ \n 451→ setWorkersNeeded(String(parseInt(workersNeeded) + 1))\n 452→ }\n 453→ className=\"h-14 w-14 text-2xl font-bold\"\n 454→ >\n 455→ +\n 456→ \n 457→
\n 458→ \n 465→ \n 466→
\n 480→ )}\n 481→ \n 467→ {certs.map((cert) => (\n 468→ \n 469→ {cert}\n 470→ setCerts(certs.filter((c) => c !== cert))}\n 472→ className=\"ml-2 text-muted-foreground hover:text-foreground\"\n 473→ >\n 474→ ×\n 475→ \n 476→ \n 477→ ))}\n 478→
\n 479→ \n 492→
\n 494→ Job Posted!
\n 495→\n 496→ We're matching you with the best workers now.\n 497→ You'll get notified when we find matches.\n 498→
\n 499→\n 500→ router.push(\"/contractor/matches\")}\n 502→ className=\"w-full h-12 text-base font-semibold\"\n 503→ >\n 504→ View Matches\n 505→ \n 506→ router.push(\"/dashboard\")}\n 508→ variant=\"outline\"\n 509→ className=\"w-full h-12 text-base\"\n 510→ >\n 511→ Back to Dashboard\n 512→ \n 513→
\n 514→ \n 522→
\n 545→ )}\n 546→ \n 523→ \n 528→ {loading ? (\n 529→ <>\n 530→
\n 544→ \n 541→ Free to post. You only pay $50 when you hire someone.\n 542→
\n 543→\n 91→
\n 109→ );\n 110→ }\n 111→\n 112→ return (\n 113→ \n 92→
\n 104→ \n 93→ setSearchQuery(e.target.value)}\n 99→ className=\"h-12 pl-10 text-base\"\n 100→ disabled\n 101→ />\n 102→
\n 103→ \n 105→
\n 107→ Loading conversations...
\n 106→ \n 114→ {/* Search Bar */}\n 115→ \n 130→ {filteredConversations.length === 0 ? (\n 131→ \n 163→\n 164→
\n 166→ );\n 167→}\n 168→\n\n\n 116→
\n 127→\n 128→ {/* Conversations List */}\n 129→ \n 117→ setSearchQuery(e.target.value)}\n 123→ className=\"h-12 pl-10 text-base\"\n 124→ />\n 125→
\n 126→ \n 132→
\n 145→ ) : (\n 146→ No conversations yet
\n 134→\n 135→ {searchQuery\n 136→ ? \"No conversations match your search\"\n 137→ : \"Start a conversation by hiring a worker or applying for a job\"}\n 138→
\n 139→ {!searchQuery && (\n 140→ \n 143→ )}\n 144→\n 147→ {filteredConversations.map((conversation) => (\n 148→ router.push(`/messages/${conversation.conversation_id}`)}\n 158→ />\n 159→ ))}\n 160→
\n 161→ )}\n 162→ \n 179→ \n 180→ \n 201→
\n 205→ );\n 206→ }\n 207→\n 208→ return (\n 209→ \n 181→
\n 200→ \n 182→ router.push(\"/messages\")}\n 186→ className=\"h-10 w-10\"\n 187→ aria-label=\"Go back to messages\"\n 188→ >\n 189→
\n 199→ \n 192→ \n 193→
\n 198→ \n 194→ \n 195→ \n 196→
\n 197→ \n 202→
\n 204→ Loading messages...
\n 203→ \n 210→ {/* Header */}\n 211→ \n 212→ \n 244→\n 245→ {/* Messages */}\n 246→ \n 247→ \n 268→\n 269→ {/* Message Input */}\n 270→ \n 293→
\n 294→ );\n 295→}\n 296→\n\n\n 213→
\n 243→ \n 214→ router.push(\"/messages\")}\n 218→ className=\"h-10 w-10\"\n 219→ >\n 220→
\n 237→ \n 223→ \n 224→ \n 226→ {initials}\n 227→ \n 228→ \n 229→
\n 236→ \n 230→
\n 235→ {otherParticipant?.name || \"Unknown\"}
\n 231→\n 232→ {otherParticipant?.isOnline ? \"Online\" : \"Offline\"}\n 233→
\n 234→\n 238→ \n 241→
\n 242→ \n 248→ {messages.length === 0 ? (\n 249→
\n 267→ \n 250→
\n 252→ ) : (\n 253→ No messages yet. Say hello!
\n 251→\n 254→ {messages.map((msg) => (\n 255→
\n 265→ )}\n 266→