-
Notifications
You must be signed in to change notification settings - Fork 16
Expand file tree
/
Copy pathwg_hai_how_we_work.html
More file actions
556 lines (534 loc) · 34.2 KB
/
wg_hai_how_we_work.html
File metadata and controls
556 lines (534 loc) · 34.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<!-- Page-specific meta tags -->
<title>MONAI - HAI Working Group: How We Work</title>
<meta name="description" content="Practical operations guide for the MONAI Human-AI Interaction Working Group - principles, processes, and collaboration guidelines.">
<meta property="og:title" content="MONAI - HAI Working Group: How We Work">
<meta property="og:description" content="Practical operations guide for the MONAI Human-AI Interaction Working Group - principles, processes, and collaboration guidelines.">
<meta property="og:url" content="https://project-monai.github.io/wg_hai_how_we_work.html">
<meta name="twitter:title" content="MONAI - HAI Working Group: How We Work">
<meta name="twitter:description" content="Practical operations guide for the MONAI Human-AI Interaction Working Group.">
<link rel="canonical" href="https://project-monai.github.io/wg_hai_how_we_work.html">
<!-- #include file="components/head.html" -->
<body class="flex flex-col min-h-screen">
<!-- #include file="components/header.html" -->
<main class="flex-grow">
<!-- Hero Section -->
<section id="hero" class="py-16 bg-brand-light">
<div class="container">
<div class="flex flex-wrap items-start gap-12">
<div class="w-full max-w-3xl">
<p class="text-brand-primary font-semibold mb-2">
<a href="wg_human_ai_interaction.html" class="hover:underline">← Back to HAI Working Group</a>
</p>
<h1 class="text-4xl font-bold text-gray-800 mb-4">
How We Work
</h1>
<p class="text-lg leading-relaxed text-gray-700 mb-8">This document describes the practical operation of the MONAI Human-AI Interaction Working Group (WG).</p>
<nav>
<h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">On this page</h2>
<ul class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-1 text-sm">
<li><a href="#guiding-principles" class="text-brand-primary hover:text-brand-dark hover:underline">Guiding Principles</a></li>
<li><a href="#the-hai-way" class="text-brand-primary hover:text-brand-dark hover:underline">The HAI Way</a></li>
<li><a href="#coordination-hub" class="text-brand-primary hover:text-brand-dark hover:underline">Our Coordination Hub</a></li>
<li><a href="#what-belongs-in-an-issue" class="text-brand-primary hover:text-brand-dark hover:underline">What Belongs in an Issue?</a></li>
<li><a href="#how-work-gets-done" class="text-brand-primary hover:text-brand-dark hover:underline">How Work Gets Done</a></li>
<li><a href="#request-discussion" class="text-brand-primary hover:text-brand-dark hover:underline">When to Request WG Discussion</a></li>
<li><a href="#meeting-structure" class="text-brand-primary hover:text-brand-dark hover:underline">WG Meeting Structure</a></li>
<li><a href="#meeting-documentation" class="text-brand-primary hover:text-brand-dark hover:underline">Meeting Documentation</a></li>
<li><a href="#issue-grooming" class="text-brand-primary hover:text-brand-dark hover:underline">Issue Grooming Process</a></li>
<li><a href="#coordinators" class="text-brand-primary hover:text-brand-dark hover:underline">Who Coordinates the WG?</a></li>
<li><a href="#communication-channels" class="text-brand-primary hover:text-brand-dark hover:underline">Communication Channels</a></li>
<li><a href="#conflict-resolution" class="text-brand-primary hover:text-brand-dark hover:underline">Conflict Resolution</a></li>
<li><a href="#why-this-approach" class="text-brand-primary hover:text-brand-dark hover:underline">Why This Approach?</a></li>
<li><a href="#getting-started" class="text-brand-primary hover:text-brand-dark hover:underline">Getting Started</a></li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<!-- Guiding Principles Section -->
<section id="guiding-principles" class="py-16 bg-white">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Guiding Principles</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Issue-driven</h3>
<p class="text-gray-700">GitHub issues are our system of record</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Async-first</h3>
<p class="text-gray-700">Work happens primarily between meetings</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Low barrier</h3>
<p class="text-gray-700">Early and imperfect ideas are welcome</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Transparent</h3>
<p class="text-gray-700">Priorities, discussions, and agendas are public</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Community-led</h3>
<p class="text-gray-700">Anyone can contribute or claim work</p>
</div>
</div>
</div>
</section>
<!-- The HAI Way Section -->
<section id="the-hai-way" class="py-16 bg-neutral-lightgray">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-4">The HAI Way</h2>
<p class="text-lg text-gray-600 mb-8 italic">Principles for productive collaboration, inspired by those who came before us:</p>
<div class="bg-white p-8 rounded-lg border border-neutral-200">
<ul class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Joining a ticket is better than starting a new one.</strong></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Starting a new one is better than staying silent.</strong> <em>(When in doubt, create it.)</em></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Decisions live in issues, not in meetings.</strong></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Meeting notes capture "what happened," issues capture "what we decided."</strong></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Progress happens asynchronously; meetings exist to unblock.</strong></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Imperfect contributions beat perfect silence.</strong></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>If it's important enough to discuss, it's important enough to document.</strong></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Transparent is better than efficient.</strong> <em>(When forced to choose.)</em></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Anyone can contribute. Everyone can claim work.</strong></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Subscribe before you criticize</strong> - context helps.</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>If something blocks you, speak up.</strong> We're here to unblock each other.</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3 font-bold">•</span>
<span><strong>Before it's lost in Slack/Mailinglist, capture it in GitHub.</strong></span>
</li>
</ul>
<p class="text-gray-600 italic mt-6 pt-4 border-t border-neutral-200">These aren't rules - they're agreements on how we work best together.</p>
</div>
</div>
</section>
<!-- Coordination Hub Section -->
<section id="coordination-hub" class="py-16 bg-white">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Our Coordination Hub</h2>
<p class="text-lg text-gray-700 mb-8">All technical discussions, proposals, and decisions are documented in <strong>GitHub issues</strong>.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-4">WG Project Board</h3>
<p class="text-gray-700 mb-4">Central coordination space for all WG activities</p>
<a href="https://github.com/orgs/Project-MONAI/projects/28" target="_blank" rel="noopener noreferrer" class="inline-flex items-center text-brand-primary hover:text-brand-dark font-medium">
<span>View Project Board</span>
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
</svg>
</a>
</div>
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-4">MONAI Label Milestones</h3>
<p class="text-gray-700 mb-4">Focus areas and medium-term direction (not strict deadlines)</p>
<a href="https://github.com/Project-MONAI/MONAILabel/milestones" target="_blank" rel="noopener noreferrer" class="inline-flex items-center text-brand-primary hover:text-brand-dark font-medium">
<span>View Milestones</span>
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
</svg>
</a>
</div>
</div>
</div>
</section>
<!-- What Belongs in an Issue Section -->
<section id="what-belongs-in-an-issue" class="py-16 bg-neutral-lightgray">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">What Belongs in an Issue?</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-white p-8 rounded-lg border border-neutral-200">
<h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">Issues can represent:</h3>
<ul class="space-y-3 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Feature ideas or enhancement proposals</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Bugs or technical problems</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Discussion topics or open questions</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Workflow improvements</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Research or UX questions</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Presentation proposals for WG meetings</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Anything else relevant to human-AI interaction in medical imaging</span>
</li>
</ul>
</div>
<div class="bg-white p-8 rounded-lg border border-neutral-200">
<h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">Important Notes</h3>
<div class="space-y-4 text-gray-700">
<p><strong>Issues don't need to be perfect.</strong> A short description is enough to start the conversation.</p>
<p><strong>Before creating a new issue:</strong> Check if a similar one already exists. If you're unsure, create it anyway - we'd rather have duplicates than miss your input.</p>
</div>
</div>
</div>
</div>
</section>
<!-- How Work Gets Done Section -->
<section id="how-work-gets-done" class="py-16 bg-white">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">How Work Gets Done</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
<div class="bg-brand-light p-6 rounded-lg text-center">
<div class="text-3xl font-bold text-brand-primary mb-2">1</div>
<h3 class="font-semibold text-gray-800 mb-2">Claim an Issue</h3>
<p class="text-sm text-gray-600">Assign yourself and indicate you'll work on it</p>
</div>
<div class="bg-brand-light p-6 rounded-lg text-center">
<div class="text-3xl font-bold text-brand-primary mb-2">2</div>
<h3 class="font-semibold text-gray-800 mb-2">Work Async</h3>
<p class="text-sm text-gray-600">Progress through comments, commits, and collaboration</p>
</div>
<div class="bg-brand-light p-6 rounded-lg text-center">
<div class="text-3xl font-bold text-brand-primary mb-2">3</div>
<h3 class="font-semibold text-gray-800 mb-2">Others Join</h3>
<p class="text-sm text-gray-600">By subscribing, commenting, or co-developing</p>
</div>
<div class="bg-brand-light p-6 rounded-lg text-center">
<div class="text-3xl font-bold text-brand-primary mb-2">4</div>
<h3 class="font-semibold text-gray-800 mb-2">Share Updates</h3>
<p class="text-sm text-gray-600">Directly in the issue thread</p>
</div>
</div>
<div class="bg-neutral-lightgray p-6 rounded-lg border-l-4 border-brand-primary">
<p class="text-gray-700"><strong>The WG meeting is not where implementation happens.</strong> It's where we unblock, align, and connect.</p>
</div>
</div>
</section>
<!-- When to Request WG Discussion Section -->
<section id="request-discussion" class="py-16 bg-neutral-lightgray">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">When to Request WG Discussion</h2>
<p class="text-lg text-gray-700 mb-6">If you're working on an issue and need broader input:</p>
<div class="bg-white p-8 rounded-lg border border-neutral-200">
<ol class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">1</span>
<span>Move it to or label it <strong>"Needs Discussion"</strong></span>
</li>
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">2</span>
<span>A coordinator will schedule it for the next WG meeting</span>
</li>
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">3</span>
<span>It appears in the <strong>"Next WG Meeting"</strong> column</span>
</li>
</ol>
</div>
</div>
</section>
<!-- WG Meeting Structure Section -->
<section id="meeting-structure" class="py-16 bg-white">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">WG Meeting Structure</h2>
<p class="text-lg text-gray-700 mb-8">Meetings serve four purposes:</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Community touchpoint</h3>
<p class="text-gray-700">Staying connected as a group</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Unblocking discussions</h3>
<p class="text-gray-700">Addressing issues that need WG-level input</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Issue grooming</h3>
<p class="text-gray-700">Reviewing new issues, identifying duplicates, assigning milestones</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Knowledge sharing</h3>
<p class="text-gray-700">Short presentations on relevant topics (when proposed)</p>
</div>
</div>
<div class="bg-brand-light p-6 rounded-lg border-l-4 border-brand-primary">
<p class="text-gray-700"><strong>The "Next WG Meeting" column is the agenda.</strong> It's frozen ~1 week before each meeting so you can decide if attendance is valuable for you.</p>
</div>
</div>
</section>
<!-- Meeting Documentation Section -->
<section id="meeting-documentation" class="py-16 bg-neutral-lightgray">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Meeting Documentation</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-white p-8 rounded-lg border border-neutral-200">
<h3 class="text-xl font-semibold text-brand-primary mb-4">Meeting notes capture:</h3>
<p class="text-gray-700 mb-4"><strong>Organizational information only</strong></p>
<ul class="space-y-2 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Scheduling updates</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Process changes</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Announcements</span>
</li>
</ul>
</div>
<div class="bg-white p-8 rounded-lg border border-neutral-200">
<h3 class="text-xl font-semibold text-brand-primary mb-4">Why this approach?</h3>
<p class="text-gray-700 mb-4"><strong>All technical discussions and decisions are documented in the issues themselves</strong>, not in meeting minutes. This ensures:</p>
<ul class="space-y-2 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Contributors who can't attend aren't disadvantaged</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Discussions remain searchable and accessible</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Participation works across time zones</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Context is preserved where it belongs</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Issue Grooming Process Section -->
<section id="issue-grooming" class="py-16 bg-white">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Issue Grooming Process</h2>
<p class="text-lg text-gray-700 mb-6">At each meeting, we review:</p>
<div class="bg-white p-8 rounded-lg border border-neutral-200 mb-6">
<ul class="space-y-3 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>New issues created since the last meeting</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Issues without milestone assignments</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Potential duplicates</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Unclear problem statements</span>
</li>
</ul>
</div>
<div class="bg-neutral-lightgray p-6 rounded-lg border-l-4 border-brand-primary">
<p class="text-gray-700">The goal is to keep the backlog organized and actionable.</p>
</div>
</div>
</section>
<!-- Who Coordinates the WG Section -->
<section id="coordinators" class="py-16 bg-neutral-lightgray">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Who Coordinates the WG?</h2>
<p class="text-lg text-gray-700 mb-6">The WG is led by coordinators listed on the <a href="wg_human_ai_interaction.html" class="text-brand-primary hover:text-brand-dark font-medium">WG homepage</a>.</p>
<div class="bg-white p-8 rounded-lg border border-neutral-200">
<h3 class="text-xl font-semibold text-brand-primary mb-4">Coordinators are responsible for:</h3>
<ul class="space-y-3 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Scheduling and facilitating WG meetings</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Managing the "Next WG Meeting" agenda</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Issue grooming and milestone assignment</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Ensuring the process remains accessible and transparent</span>
</li>
</ul>
<p class="text-gray-700 mt-6 pt-4 border-t border-neutral-200">Reach out to current coordinators if you'd like to help.</p>
</div>
</div>
</section>
<!-- Communication Channels Section -->
<section id="communication-channels" class="py-16 bg-white">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Communication Channels</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-4">Issue-specific discussions</h3>
<p class="text-gray-700">Use the GitHub issue itself (preferred)</p>
</div>
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-4">Quick questions & chat</h3>
<ul class="space-y-3 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span><strong>Mailing list:</strong> <a href="https://groups.google.com/g/monai-wg-hai" target="_blank" rel="noopener noreferrer" class="text-brand-primary hover:text-brand-dark">monai-wg-hai Google Group</a></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span><strong>Slack:</strong> <a href="https://projectmonai.slack.com/archives/C0A9334ETNK" target="_blank" rel="noopener noreferrer" class="text-brand-primary hover:text-brand-dark">#human-ai-interaction</a></span>
</li>
</ul>
</div>
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-4">Join the WG</h3>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdsgt8arOOle203KJyPvkjr3VQTyvrzzazrJumgQgdZ7voH8Q/viewform" target="_blank" rel="noopener noreferrer" class="inline-flex items-center px-6 py-3 bg-brand-primary text-white font-semibold rounded-lg hover:bg-brand-dark transition-colors duration-300 shadow-md">
<span>Fill out the participation form</span>
<svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
</svg>
</a>
</div>
</div>
<div class="mt-8 bg-neutral-lightgray p-6 rounded-lg border-l-4 border-brand-primary">
<p class="text-gray-700"><strong>GitHub is the source of truth for decisions.</strong> Discussions on Slack or the mailing list should be summarized back into relevant issues.</p>
</div>
</div>
</section>
<!-- Conflict Resolution Section -->
<section id="conflict-resolution" class="py-16 bg-neutral-lightgray">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Conflict Resolution</h2>
<p class="text-lg text-gray-700 mb-6">When contributors disagree on an approach or decision:</p>
<div class="bg-white p-8 rounded-lg border border-neutral-200 mb-8">
<ol class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">1</span>
<span><strong>Start with discussion</strong> in the issue - most conflicts resolve through clarification</span>
</li>
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">2</span>
<span><strong>Request coordinator input</strong> if the discussion stalls</span>
</li>
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">3</span>
<span><strong>Bring to WG meeting</strong> by moving to "Needs Discussion" if broader input would help</span>
</li>
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">4</span>
<span><strong>Community vote</strong> as a last resort (voting mechanism: TBD based on need)</span>
</li>
</ol>
</div>
<div class="bg-brand-light p-6 rounded-lg border-l-4 border-brand-primary">
<p class="text-gray-700">The goal is <strong>consensus where possible, clarity always</strong>. We value diverse perspectives and aim for solutions that serve the broadest community needs.</p>
</div>
</div>
</section>
<!-- Why This Approach Section -->
<section id="why-this-approach" class="py-16 bg-white">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Why This Approach?</h2>
<p class="text-lg text-gray-700 mb-8">This structure ensures:</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Async participation works</h3>
<p class="text-gray-700">You don't need to attend meetings to contribute</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Decisions are documented</h3>
<p class="text-gray-700">Everything is searchable and traceable</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Global inclusion</h3>
<p class="text-gray-700">Contributors from all time zones can participate fully</p>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-lg font-semibold text-brand-primary mb-2">Scalability</h3>
<p class="text-gray-700">The WG can grow without bottlenecking on synchronous meetings</p>
</div>
</div>
</div>
</section>
<!-- Getting Started Section -->
<section id="getting-started" class="py-16 bg-brand-light">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Getting Started</h2>
<div class="bg-white p-8 rounded-lg border border-neutral-200 mb-8">
<ol class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">1</span>
<span>Browse the <a href="https://github.com/orgs/Project-MONAI/projects/28" target="_blank" rel="noopener noreferrer" class="text-brand-primary hover:text-brand-dark font-medium">WG Project Board</a></span>
</li>
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">2</span>
<span>Look for issues that interest you</span>
</li>
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">3</span>
<span>Comment, subscribe, or claim issues you want to work on</span>
</li>
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">4</span>
<span>Create new issues for ideas not yet captured</span>
</li>
<li class="flex items-start">
<span class="bg-brand-primary text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-bold mr-3 flex-shrink-0">5</span>
<span>Join WG meetings when topics relevant to you are scheduled</span>
</li>
</ol>
</div>
<div class="bg-white p-6 rounded-lg border border-neutral-200">
<p class="text-gray-700"><strong>Questions?</strong> Open an issue on the project board or reach out to the <a href="wg_human_ai_interaction.html" class="text-brand-primary hover:text-brand-dark font-medium">WG coordinators</a>.</p>
</div>
</div>
</section>
</main>
<!-- #include file="components/footer.html" -->
<!-- #include file="components/scripts.html" -->
</body>
</html>