-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1428 lines (1351 loc) · 80.1 KB
/
index.html
File metadata and controls
1428 lines (1351 loc) · 80.1 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
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Agents x Law: Hands-On Workshop | Stanford FutureLaw 2026</title>
<!-- Open Graph / LinkedIn Preview -->
<meta property="og:type" content="website">
<meta property="og:title" content="AI Agents x Law: Hands-On Workshop Recap | Stanford FutureLaw 2026">
<meta property="og:description" content="April 13, 2026 · Stanford Law School. 60 humans, 60 agents, one shared room — 25 topics proposed, 8 breakout group discussion papers co-authored together in real time. The next event is online and at scale, in affiliation with law.MIT.edu.">
<meta property="og:url" content="https://computationallaw.org">
<meta property="og:image" content="https://computationallaw.org/image/headshot-dazza.jpg">
<meta property="og:site_name" content="ComputationalLaw.org">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="AI Agents x Law: Hands-On Workshop Recap | Stanford FutureLaw 2026">
<meta name="twitter:description" content="April 13, 2026 · Stanford. 60 humans, 60 agents, 8 co-authored papers. Next event online and at scale — interlateral.com.">
<meta name="twitter:image" content="https://computationallaw.org/image/headshot-dazza.jpg">
<style>
/* --- CSS VARIABLES & RESET --- */
:root {
--stanford-red: #8C1515;
--mit-gray: #757575;
--dark-bg: #1a1a1a;
--light-bg: #f8f9fa;
--text-main: #333;
--white: #ffffff;
--accent: #00509e;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: var(--text-main);
background-color: var(--white);
}
h1, h2, h3, h4 { font-weight: 700; letter-spacing: -0.02em; }
h1 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 1rem; }
h2 { font-size: 2rem; margin-bottom: 1.5rem; color: var(--stanford-red); border-bottom: 2px solid #eee; padding-bottom: 10px; }
p { margin-bottom: 1.5rem; color: #555; }
a { text-decoration: none; color: var(--accent); transition: 0.2s; }
a:hover { color: var(--stanford-red); }
ul { margin-left: 20px; margin-bottom: 1.5rem; color: #555; }
li { margin-bottom: 0.5rem; }
.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
.section { padding: 80px 0; }
.bg-light { background-color: var(--light-bg); }
/* --- HEADER --- */
header { padding: 20px 0; border-bottom: 1px solid #eee; background: white; position: sticky; top: 0; z-index: 100; }
.nav-flex { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.1rem; }
.futurelaw-badge {
display: inline-block;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--stanford-red);
border: 1.5px solid var(--stanford-red);
padding: 3px 10px;
border-radius: 4px;
margin-left: 12px;
vertical-align: middle;
}
/* --- POST-EVENT RECAP BANNER --- */
.recap-banner {
padding: 60px 0 50px;
background: linear-gradient(180deg, #1a1a1a 0%, #262626 100%);
color: #fff;
border-bottom: 4px solid var(--stanford-red);
}
.recap-badge {
display: inline-block;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #fff;
background: var(--stanford-red);
padding: 6px 14px;
border-radius: 4px;
margin-bottom: 22px;
}
.recap-headline {
font-size: 2.6rem;
line-height: 1.15;
color: #fff;
margin-bottom: 14px;
font-weight: 700;
letter-spacing: -0.02em;
max-width: 880px;
}
.recap-stats {
font-size: 1.05rem;
color: #d8d8d8;
margin-bottom: 22px;
max-width: 820px;
}
.recap-lede {
font-size: 1rem;
color: #c0c0c0;
margin-bottom: 30px;
max-width: 820px;
line-height: 1.65;
}
.recap-lede strong { color: #fff; }
.recap-cta-row {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 18px;
}
.btn-primary-recap {
background-color: var(--stanford-red);
color: #fff;
padding: 14px 30px;
border-radius: 6px;
font-weight: 700;
font-size: 1rem;
margin-top: 0;
display: inline-block;
}
.btn-primary-recap:hover {
background-color: #600e0e;
color: #fff;
transform: translateY(-2px);
}
.btn-secondary-recap {
background-color: transparent;
color: #fff;
border: 1.5px solid #888;
padding: 12.5px 28px;
border-radius: 6px;
font-weight: 600;
font-size: 1rem;
margin-top: 0;
display: inline-block;
}
.btn-secondary-recap:hover {
background-color: #fff;
color: var(--dark-bg);
border-color: #fff;
}
.recap-footnote {
font-size: 0.85rem;
color: #999;
margin-bottom: 0;
font-style: italic;
}
/* --- HERO --- */
.hero { padding: 80px 0 60px; background: radial-gradient(circle at top right, #fdfbfb, #f3f3f3); }
.hero h1 { font-size: 3rem; color: var(--dark-bg); }
.hero-meta { font-size: 1.1rem; font-weight: 700; color: var(--stanford-red); text-transform: uppercase; margin-bottom: 1rem; }
.hero-time { font-size: 1rem; color: #555; margin-bottom: 0.5rem; }
.hero-facts {
display: flex;
flex-wrap: wrap;
gap: 8px 24px;
margin: 20px 0 10px;
font-size: 0.95rem;
}
.hero-facts span { color: #555; }
.hero-facts strong { color: var(--text-main); }
.btn {
display: inline-block;
background-color: var(--stanford-red);
color: white;
padding: 15px 35px;
border-radius: 6px;
font-weight: 600;
margin-top: 20px;
font-size: 1.05rem;
}
.btn:hover {
background-color: #600e0e;
color: white;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(140, 21, 21, 0.2);
}
.btn-secondary {
display: inline-block;
color: var(--stanford-red);
border: 2px solid var(--stanford-red);
background: transparent;
padding: 13px 30px;
border-radius: 6px;
font-weight: 600;
margin-top: 20px;
margin-left: 12px;
font-size: 1.05rem;
}
.btn-secondary:hover {
background-color: var(--stanford-red);
color: white;
transform: translateY(-2px);
}
/* --- TWO-COLUMN LAYOUT --- */
.two-col {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.col-card {
flex: 1;
min-width: 300px;
background: white;
border: 1px solid #eee;
border-radius: 8px;
padding: 30px;
border-top: 4px solid var(--stanford-red);
}
.col-card h3 { margin-bottom: 12px; color: var(--dark-bg); }
.col-card ul { color: #555; }
/* --- AGENDA --- */
.agenda-list { margin-top: 20px; }
.agenda-item {
display: flex;
gap: 20px;
padding: 14px 0;
border-bottom: 1px solid #eee;
align-items: baseline;
}
.agenda-item:last-child { border-bottom: none; }
.agenda-time {
min-width: 90px;
font-weight: 700;
color: var(--stanford-red);
font-size: 0.95rem;
flex-shrink: 0;
}
.agenda-detail { color: #555; }
.agenda-detail strong { color: var(--text-main); }
.agenda-note {
font-size: 0.85rem;
color: var(--mit-gray);
font-style: italic;
margin-top: 15px;
}
/* --- SPEAKERS GRID --- */
.speakers-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 30px;
margin-top: 40px;
}
.speaker-card {
background: white;
border: 1px solid #eee;
border-radius: 8px;
padding: 20px 20px 22px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.speaker-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}
.speaker-card--tba {
border: 2px dashed #ccc;
background: #fafafa;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
min-height: 200px;
}
.speaker-card--tba p { color: var(--mit-gray); margin-bottom: 0; }
.speaker-role {
font-size: 0.8rem;
color: var(--stanford-red);
text-transform: uppercase;
font-weight: 700;
display: block;
margin-bottom: 5px;
}
.speaker-topic {
font-style: italic;
color: #666;
font-size: 0.9rem;
margin-top: 10px;
display: block;
border-top: 1px solid #eee;
padding-top: 10px;
}
.speaker-name-row {
display: flex;
align-items: baseline;
gap: 6px;
}
.speaker-name-row a { color: var(--accent); font-size: 0.8rem; }
.speaker-name-row a:hover { color: var(--stanford-red); }
.speaker-image {
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
margin-bottom: 10px;
border: 2px solid #eee;
}
.speaker-placeholder {
width: 64px;
height: 64px;
border-radius: 50%;
margin-bottom: 10px;
border: 2px solid #ddd;
background: #e8e8e8;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.1rem;
color: var(--mit-gray);
}
/* --- PREREQUISITES --- */
.prereq-notice {
background: #fef3f3;
border: 1px solid #e8c4c4;
border-left: 4px solid var(--stanford-red);
border-radius: 6px;
padding: 20px 24px;
margin-bottom: 30px;
}
.prereq-notice p { color: var(--text-main); margin-bottom: 0; }
.prereq-notice strong { color: var(--stanford-red); }
.agent-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 0.95rem;
}
.agent-table th {
background: var(--light-bg);
padding: 12px 16px;
text-align: left;
font-weight: 700;
color: var(--text-main);
border-bottom: 2px solid #ddd;
}
.agent-table td {
padding: 12px 16px;
border-bottom: 1px solid #eee;
color: #555;
}
.agent-table tr:last-child td { border-bottom: none; }
/* --- REGISTRATION STEPS --- */
.reg-steps {
background: white;
border: 1px solid #eee;
border-radius: 8px;
padding: 30px;
margin-top: 20px;
}
.reg-step {
display: flex;
gap: 18px;
margin-bottom: 24px;
align-items: flex-start;
}
.reg-step:last-child { margin-bottom: 0; }
.reg-step-num {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--stanford-red);
color: white;
font-weight: 700;
font-size: 1rem;
display: flex;
align-items: center;
justify-content: center;
}
.reg-step-content h4 { margin-bottom: 4px; color: var(--text-main); }
.reg-step-content p { margin-bottom: 6px; color: #555; font-size: 0.95rem; }
/* --- SECTION DIVIDER --- */
.section-divider {
border: none;
height: 4px;
background: linear-gradient(to right, var(--stanford-red), var(--mit-gray), var(--accent));
margin: 0;
}
/* --- ARCHIVE SECTION --- */
.archive-section {
background-color: #f4f4f4;
padding: 60px 0;
border-top: none;
}
.archive-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 30px;
gap: 20px;
flex-wrap: wrap;
}
.resource-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.resource-card {
background: white;
padding: 20px;
border-radius: 5px;
border-left: 4px solid var(--mit-gray);
}
.resource-card h4 { margin-bottom: 10px; }
footer {
background: var(--dark-bg);
color: #888;
padding: 40px 0;
text-align: center;
font-size: 0.9rem;
margin-top: 0;
}
@media (max-width: 768px) {
.hero h1 { font-size: 2.2rem; }
.nav-flex { flex-direction: column; align-items: flex-start; gap: 10px; }
.hero-facts { flex-direction: column; gap: 4px; }
.btn-secondary { margin-left: 0; }
.agenda-item { flex-direction: column; gap: 4px; }
.agenda-time { min-width: auto; }
.agent-table { font-size: 0.85rem; }
.agent-table th, .agent-table td { padding: 8px 10px; }
}
</style>
</head>
<body>
<header>
<div class="container nav-flex">
<div class="logo">
<strong>Stanford CodeX</strong> | <strong>law.MIT.edu</strong>
<span class="futurelaw-badge">FutureLaw Week 2026</span>
</div>
<div>
<a href="#previous-events" style="font-size: 0.9rem; color: var(--mit-gray);">View Past Events ↓</a>
</div>
</div>
</header>
<!-- ==================== POST-EVENT RECAP BANNER ==================== -->
<section class="recap-banner">
<div class="container">
<div class="recap-badge">✓ Workshop Complete · April 13, 2026 · Stanford Law School</div>
<h1 class="recap-headline">60 humans, 60 agents, one shared room.</h1>
<p class="recap-stats">
25 discussion topics proposed · 8 breakout group discussion papers co-authored together, in real time ·
Multi-agent collaboration across firms, practice areas, and jurisdictions.
</p>
<p class="recap-lede">
The hands-on workshop is complete. Edited recording, slides, prompts, and the
full collaborative output are being packaged for release. The next AI Agents x Law
event will be online and at scale, in affiliation with <strong>law.MIT.edu</strong>
— with curated participation tiers so the signal stays high.
</p>
<div class="recap-cta-row">
<a href="https://interlateral.com/" class="btn btn-primary-recap" target="_blank" rel="noopener noreferrer">
Join the Next Event →
</a>
<a href="https://forms.gle/TJ2fxWBwSgyU3c2y6" class="btn btn-secondary-recap" target="_blank" rel="noopener noreferrer">
Stay Updated →
</a>
</div>
<p class="recap-footnote">
Join the list to receive updates and to request invitation to upcoming events.
</p>
</div>
</section>
<!-- ==================== HERO ==================== -->
<section class="hero">
<div class="container">
<div class="hero-meta">FutureLaw Week 2026 · Monday, April 13</div>
<div class="hero-time">1:30 – 4:30 PM Pacific</div>
<h1>AI Agents x Law: Hands-On Workshop and Live Participatory Demo</h1>
<p style="font-size: 1.15rem; max-width: 820px; color: #333;">
A hands-on Stanford workshop giving participants practical experience
using AI agents for legal and professional work—through guided demonstrations,
exercises, discussion, and a live participatory multi-agent collaboration demo.
</p>
<div class="hero-facts">
<span><strong>Location:</strong> Room 270, Stanford Law School</span>
<span><strong>Capacity:</strong> ~60 participants</span>
<span><strong>Admission:</strong> In-person, invitation only</span>
<span><strong>Recording:</strong> Edited version released free after event</span>
</div>
<div class="reg-steps" style="max-width: 700px;">
<h3 style="margin-bottom: 18px; color: var(--dark-bg);">This Workshop Is Complete</h3>
<div class="reg-step">
<div class="reg-step-content">
<p>The April 13 workshop reached capacity and ran on schedule. Materials, recording,
and the full collaborative output are being packaged for release. The next event will
be online and at scale, in affiliation with law.MIT.edu.</p>
<a href="https://interlateral.com/" class="btn"
target="_blank" rel="noopener noreferrer"
style="margin-top: 8px; padding: 12px 28px; font-size: 0.95rem;">
Join the Next Event at Interlateral.com →
</a>
</div>
</div>
<p style="margin-top: 16px; margin-bottom: 0; font-size: 0.9rem; color: var(--mit-gray); font-style: italic;">
Participants had access to pre-reading, setup walkthroughs, and live teach-in sessions to get supported AI agents running before the workshop.
</p>
<p style="margin-top: 12px; margin-bottom: 0; font-size: 0.85rem;">
<a href="https://law.stanford.edu/event/ai-agents-x-law-hands-on-workshop-and-live-participatory-demo/"
target="_blank" rel="noopener noreferrer"
style="color: var(--mit-gray); text-decoration: none; border-bottom: 1px solid #ccc;">
View original event listing on Stanford Law School →
</a>
</p>
</div>
</div>
</section>
<!-- ==================== PROGRAM ==================== -->
<section class="section bg-light">
<div class="container">
<h2>Program</h2>
<p style="max-width: 780px;">
Monday, April 13, 2026 · 1:30–4:30 PM Pacific · Stanford Law School, Room 270.
Light refreshments, coffee, and tea sponsored by CodeX.
</p>
<div style="max-width: 780px; margin-top: 20px;">
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">1:30 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Dazza Greenwood</div>
<div style="color: #555;">Welcome and workshop framing</div>
</div>
<div style="padding: 14px 16px; border-bottom: none; background: #eef2f7; border-radius: 8px; margin: 8px 0;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">1:40 PM</div>
<div style="font-size: 1.05rem; font-weight: 700; color: var(--accent);">HANDS-ON EXERCISE</div>
<div style="color: #555;">Agent platform introduction and agent onboarding</div>
<a href="prompt1.html" style="display: inline-block; margin-top: 6px; background: var(--stanford-red); color: white; padding: 5px 14px; border-radius: 5px; font-size: 0.85rem; font-weight: 600;">Give your agent Prompt 1 →</a>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">1:50 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Richard Tromans</div>
<div style="color: #555;">What is an AI-Native Law Firm?</div>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">2:00 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Zack Shapiro</div>
<div style="color: #555;">The Claude-Native Law Firm</div>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">2:10 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Helen Fan</div>
<div style="color: #555;">Building AI-native law firms with agents</div>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">2:20 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Robert Mahari</div>
<div style="color: #555;">AI agents, law, and computational law</div>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">2:30 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Nima Mohebbi</div>
<div style="color: #555;">California proposed rules for generative AI in law practice</div>
</div>
<div style="padding: 14px 16px; border-bottom: none; background: #eef2f7; border-radius: 8px; margin: 8px 0;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">2:40 PM</div>
<div style="font-size: 1.05rem; font-weight: 700; color: var(--accent);">PARTICIPANT Q&A</div>
<div style="color: #555;">Participant Q&A and facilitated discussion</div>
</div>
<div style="padding: 14px 16px; border-bottom: none; background: #eef2f7; border-radius: 8px; margin: 8px 0;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">2:50 PM</div>
<div style="font-size: 1.05rem; font-weight: 700; color: var(--accent);">HANDS-ON EXERCISE</div>
<div style="color: #555;">Agent setup support and live platform check-in</div>
</div>
<div style="padding: 14px 16px; border-bottom: none; background: #eef2f7; border-radius: 8px; margin: 8px 0;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">3:00 PM</div>
<div style="font-size: 1.05rem; font-weight: 700; color: var(--accent);">AI AGENT PARTICIPATORY DEMO: PART I</div>
<div style="color: #555;">Live topic proposal and voting with participant agents</div>
<a href="prompt2.html" style="display: inline-block; margin-top: 6px; background: var(--stanford-red); color: white; padding: 5px 14px; border-radius: 5px; font-size: 0.85rem; font-weight: 600;">Give your agent Prompt 2 →</a>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">3:05 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Kyle Bahr</div>
<div style="color: #555;">Quick skills demo: how agents use the SKILL file to propose and vote</div>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">3:15 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Olga Mack</div>
<div style="color: #555;">Contracts Are Systems. Agents Are Actors: Managing the Shift from Documents to Dynamic Legal Systems</div>
</div>
<div style="padding: 14px 16px; border-bottom: none; background: #eef2f7; border-radius: 8px; margin: 8px 0;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">3:35 PM</div>
<div style="font-size: 1.05rem; font-weight: 700; color: var(--accent);">AI AGENT PARTICIPATORY DEMO: PART II</div>
<div style="color: #555;">Collaborative AI agent discussion across top-voted topics</div>
<a href="prompt3.html" style="display: inline-block; margin-top: 6px; background: var(--stanford-red); color: white; padding: 5px 14px; border-radius: 5px; font-size: 0.85rem; font-weight: 600;">Give your agent Prompt 3 →</a>
</div>
<div style="padding: 14px 16px; border-bottom: none; background: #eef2f7; border-radius: 8px; margin: 8px 0;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">3:50 PM</div>
<div style="font-size: 1.05rem; font-weight: 700; color: var(--accent);">GROUP REFLECTION</div>
<div style="color: #555;">Report-outs and group reflections from the collaborative AI agent session</div>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">4:00 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Damien Riehl</div>
<div style="color: #555;">The Agentic Spectrum: Shipping Outcomes, Not Architectures</div>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">4:15 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Bryan Wilson</div>
<div style="color: #555;">Computational Law Report announcement</div>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">4:20 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Matt Pollins</div>
<div style="color: #555;">The Rise of Vibe Coding and AI-Native Law Firms (Prerecorded)</div>
</div>
<div style="padding: 14px 0; border-bottom: 1px solid #ddd;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">4:25 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">Dazza Greenwood</div>
<div style="color: #555;">Closing reflections, next steps, and community resources</div>
</div>
<div style="padding: 14px 0;">
<div style="font-size: 0.9rem; font-weight: 700; color: var(--stanford-red);">4:30 PM</div>
<div style="font-size: 1.05rem; font-weight: 700;">END</div>
<div style="color: #555;">Workshop concludes</div>
</div>
</div>
</div>
</section>
<!-- ==================== WHAT TO EXPECT ==================== -->
<section class="section">
<div class="container">
<h2>What to Expect</h2>
<p style="max-width: 780px;">
The workshop has two parts, moving from learning to doing.
Attendees will leave with hands-on experience using real agent tools
and a practical understanding of agentic workflows for professional work.
The session will also explore how a new generation of AI Native lawyers
and legal organizations is emerging across in-house teams, law firms,
and other legal-service contexts.
</p>
<div class="two-col">
<div class="col-card">
<h3>Part 1: Agent Teach-In</h3>
<p style="color: #555; margin-bottom: 12px;">Practical show-and-tell: learn to use AI agents by doing.</p>
<ul>
<li>Guided demonstrations with <strong>OpenAI Codex</strong>, <strong>Anthropic Claude Code</strong>, and <strong>Google Gemini CLI</strong></li>
<li>Individual exercises and group activities</li>
<li>Workflow patterns that generalize across agents and platforms, including <strong>Agent Skills</strong></li>
<li>Guest speakers from AI Native law firms and in-house legal teams sharing how they already run professional work through AI agents</li>
</ul>
</div>
<div class="col-card">
<h3>Part 2: Live Interactive Agents</h3>
<p style="color: #555; margin-bottom: 12px;">Capstone participatory demo: see agents working together in action.</p>
<ul>
<li>Live multi-agent collaboration on <strong>Interlateral.com</strong></li>
<li>Participants bring their own agents into a shared working environment</li>
<li>Real-time cross-participant agent interaction</li>
<li>Experience how agentic workflows support research, drafting, analysis, and coordination</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ==================== AI NATIVE LAWYERS ==================== -->
<section class="section bg-light">
<div class="container">
<h2>AI Native Lawyers</h2>
<p style="max-width: 780px;">
A new wave of lawyers and legal organizations is being built around AI agents
from the start—not adding agents to existing workflows, but building the
workflow around the agent. These AI Native practices span in-house corporate
legal teams, new-model law firms, and emerging legal organizations.
Several of our guest speakers represent this cohort; additional speakers
to be announced.
</p>
<div class="two-col">
<div class="col-card">
<h3>In-House Legal Teams</h3>
<p style="color: #555;">
In-house legal teams at the forefront are deploying AI agents directly
into the business workflows they serve—research, contract review,
compliance, and cross-functional coordination—and measuring agents
against the organization's own standards, not generic benchmarks.
</p>
</div>
<div class="col-card">
<h3>AI Native Law Firms</h3>
<p style="color: #555;">
A new wave of law firms is building client service around agentic
workflows from the ground up—using AI agents for research,
drafting, and matter management as the foundation of practice,
not an add-on to it.
</p>
</div>
</div>
</div>
</section>
<!-- ==================== SPEAKERS ==================== -->
<section class="section">
<div class="container">
<h2>Workshop Leaders</h2>
<p>
The workshop is led by Dazza Greenwood, with guest speakers representing
the emerging wave of AI Native lawyers and legal organizations—spanning
in-house practice, law firm work, and newly emerging legal organizations
built around agentic workflows.
</p>
<div class="speakers-grid">
<div class="speaker-card">
<span class="speaker-role">Instructor & Facilitator</span>
<img src="image/image1.jpg" alt="Photo of Dazza Greenwood" class="speaker-image">
<div class="speaker-name-row">
<h3>Dazza Greenwood</h3>
</div>
<p>law.MIT.edu · Civics.com</p>
<span class="speaker-topic">
Workshop design, facilitation, and framing: why legal teams need practical agent skills.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Guest Speaker</span>
<img src="image/image-7-damien.jpeg" alt="Photo of Damien Riehl" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/damienriehl/" target="_blank" rel="noopener noreferrer">Damien Riehl</a></h3>
</div>
<p>Clio</p>
<span class="speaker-topic">
Using AI agents in professional legal practice.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Guest Speaker</span>
<img src="image/image-8-matt.jpg" alt="Photo of Matt Pollins" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/pollins/" target="_blank" rel="noopener noreferrer">Matt Pollins</a></h3>
</div>
<p>Agents.law</p>
<span class="speaker-topic">
Agentic legal workflows and practical applications.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Guest Speaker</span>
<img src="image/image-9-bryan.jpeg" alt="Photo of Bryan Wilson" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/bryangw" target="_blank" rel="noopener noreferrer">Bryan Wilson</a></h3>
</div>
<p>Computational Law Report</p>
<span class="speaker-topic">
AI agents and the future of computational law.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Guest Speaker</span>
<img src="image/image5.jpg" alt="Photo of Robert Mahari" class="speaker-image">
<div class="speaker-name-row">
<h3>Robert Mahari</h3>
</div>
<p>Akiva AI</p>
<span class="speaker-topic">
AI agents at the intersection of law and technology.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Guest Speaker</span>
<img src="image/image-11-helen.jpeg" alt="Photo of Helen Fan" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/helenfanlegalai/" target="_blank" rel="noopener noreferrer">Helen Fan</a></h3>
</div>
<p>Legal AI</p>
<span class="speaker-topic">
Building AI-Native Law Firm Publicly with Agents.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Guest Speaker</span>
<img src="image/image-10-richard.jpeg" alt="Photo of Richard Tromans" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/artificiallawyer/" target="_blank" rel="noopener noreferrer">Richard Tromans</a></h3>
</div>
<p>Artificial Lawyer</p>
<span class="speaker-topic">
Founder and editor of Artificial Lawyer, a leading news site dedicated to legal technology and innovation, which he established in 2016.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Featured Speaker</span>
<img src="image/1768456317111-olga.jpeg" alt="Photo of Olga Mack" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/olgamack/" target="_blank" rel="noopener noreferrer">Olga Mack</a></h3>
</div>
<p>CEO, TermScout</p>
<span class="speaker-topic">
Implications of AI agents for contract process and in-house legal practice.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Guest Speaker</span>
<img src="image/image-12-zack.jpeg" alt="Photo of Zack Shapiro" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/zack-shapiro-8a5aa611b/" target="_blank" rel="noopener noreferrer">Zack Shapiro</a></h3>
</div>
<p>The Claude-Native Law Firm</p>
<span class="speaker-topic">
Building a law firm around Claude as the core operating layer.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Guest Speaker</span>
<img src="image/image-15-nima.jpeg" alt="Photo of Nima Mohebbi" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/nima-mohebbi-132a9924/" target="_blank" rel="noopener noreferrer">Nima Mohebbi</a></h3>
</div>
<p>Partner, Sidley Austin</p>
<span class="speaker-topic">
The new California proposed rules for lawyers using generative AI and AI agents in law practice.
</span>
</div>
</div>
<h3 style="margin-top: 40px; margin-bottom: 20px;">Core Workshop Team</h3>
<div class="speakers-grid">
<div class="speaker-card">
<span class="speaker-role">Core Team</span>
<img src="image/image-14-kyle.jpeg" alt="Photo of Kyle Bahr" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/kyle-bahr/" target="_blank" rel="noopener noreferrer">Kyle Bahr</a></h3>
</div>
<p>Claude Cowork on Desktop</p>
<span class="speaker-topic">
Can answer questions about Claude Cowork desktop setup and workflows.
</span>
</div>
<div class="speaker-card">
<span class="speaker-role">Core Team</span>
<img src="image/image-13-marcela.jpeg" alt="Photo of Marcela Campos Jabór" class="speaker-image">
<div class="speaker-name-row">
<h3><a href="https://www.linkedin.com/in/marcelajabor/" target="_blank" rel="noopener noreferrer">Marcela Campos Jabór</a></h3>
</div>
<p>Codex on Desktop</p>
<span class="speaker-topic">
Can answer questions about OpenAI Codex desktop setup and workflows.
</span>
</div>
</div>
</div>
</section>
<!-- ==================== SHORT TALK ==================== -->
<section class="section">
<div class="container">
<h2>Short Talk</h2>
<h3 style="margin-bottom: 10px;">The Rise of Vibe Coding for Lawyers & AI-Native Law Firms</h3>
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 780px; border-radius: 8px; margin-bottom: 16px;">
<iframe src="https://www.youtube.com/embed/5YmyF2fajTY"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 8px;"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<p style="max-width: 780px; line-height: 1.6;">
Matt Pollins delivers a fast-paced talk on the rise of vibe coding for lawyers and AI-native law firms. He covers the shift from traditional software development to AI-assisted “vibe coding,” where lawyers can build tools using natural language prompts. Matt demos live builds, walks through real projects on <a href="https://vibecode.law" target="_blank" rel="noopener noreferrer">vibecode.law</a>, and introduces <a href="https://www.aifirmindex.com/" target="_blank" rel="noopener noreferrer">AI Native Law Firm Index</a> — a growing directory of AI-native law firms. The talk highlights how these tools are reshaping legal practice and lowering the barrier for lawyers to create their own technology.
</p>
<p style="margin-top: 12px;">
<a href="https://youtu.be/5YmyF2fajTY?si=H1RvtcdallcD3trZ" target="_blank" rel="noopener noreferrer" style="color: var(--accent);">Watch on YouTube →</a>
</p>
</div>
</section>
<!-- ==================== BEFORE YOU ARRIVE ==================== -->
<section class="section bg-light">
<div class="container">
<h2>Before You Arrive</h2>
<div class="prereq-notice">
<p>
<strong>Important:</strong> This is a hands-on session. In-person participants
must arrive with a supported or approved AI agent <strong>already installed and functioning</strong>
before the workshop begins.
</p>
</div>
<!-- SUB-SECTION 1: Supported Agents -->
<h3 style="margin-bottom: 10px;">Supported Agents</h3>
<p>
If you have any of the following agents installed on a working laptop (or available via remote access),
you can participate directly in the workshop exercises and activities.
</p>
<div style="margin-top: 20px; margin-bottom: 15px;">
<h4 style="margin-bottom: 12px; color: var(--dark-bg);">OpenAI</h4>
<div class="resource-grid" style="margin-bottom: 20px;">
<div class="resource-card">
<h4>Codex Desktop</h4>
<p style="font-size: 0.9rem;">Official OpenAI desktop app for Codex.</p>
<a href="https://developers.openai.com/codex/app/" target="_blank" rel="noopener noreferrer">Get Codex Desktop →</a>
</div>
<div class="resource-card">
<h4>Codex CLI</h4>
<p style="font-size: 0.9rem;">Command-line interface for OpenAI Codex.</p>
<a href="https://developers.openai.com/codex/cli/" target="_blank" rel="noopener noreferrer">Get Codex CLI →</a>
</div>
</div>
<h4 style="margin-bottom: 12px; color: var(--dark-bg);">Anthropic</h4>
<div class="resource-grid" style="margin-bottom: 20px;">
<div class="resource-card">
<h4>Claude Cowork / Claude Code Desktop</h4>
<p style="font-size: 0.9rem;">Official Claude desktop app with Claude Code built in.</p>
<a href="https://claude.ai/download" target="_blank" rel="noopener noreferrer">Download Claude →</a>
</div>
<div class="resource-card">
<h4>Claude Code CLI</h4>
<p style="font-size: 0.9rem;">Command-line interface for Claude Code.</p>
<a href="https://code.claude.com/docs/en/overview" target="_blank" rel="noopener noreferrer">Claude Code Docs →</a>
</div>
</div>
<h4 style="margin-bottom: 12px; color: var(--dark-bg);">Google</h4>
<div class="resource-grid" style="margin-bottom: 20px;">
<div class="resource-card">
<h4>Antigravity Desktop</h4>
<p style="font-size: 0.9rem;">Official Google Antigravity desktop app.</p>
<a href="https://antigravity.google/download" target="_blank" rel="noopener noreferrer">Download Antigravity →</a>
</div>
<div class="resource-card">
<h4>Gemini CLI</h4>
<p style="font-size: 0.9rem;">Google’s command-line interface for Gemini.</p>
<a href="https://developers.google.com/gemini-code-assist/docs/gemini-cli" target="_blank" rel="noopener noreferrer">Gemini CLI Docs →</a>
</div>
</div>
</div>
<p style="color: var(--mit-gray); font-style: italic; margin-bottom: 30px;">
If you have a different agent that is comparably capable to the above (such as OpenClaw),
you may request permission to use it. We will do a quick run-through to ensure it works
well with the workshop exercises and activities.
</p>
<!-- SUB-SECTION 2: Pre-Event Teach-Ins -->
<h3 style="margin-bottom: 10px;">Pre-Event Teach-Ins</h3>
<p>
Live sessions via Zoom for anyone who wants help getting a supported AI agent installed and running,
or for anyone who already has one and wants a walkthrough or quick test before the April 13 workshop.
Open to all registered participants.
</p>
<div class="agenda-list" style="margin-bottom: 10px;">
<div class="agenda-item">
<div class="agenda-time" style="min-width: 140px;">Tue, Apr 7</div>
<div class="agenda-detail"><strong>Prep Session #1</strong> — 1:00–2:00 PM Pacific / 4:00–5:00 PM Eastern</div>
</div>
<div class="agenda-item">
<div class="agenda-time" style="min-width: 140px;">Thu, Apr 9</div>
<div class="agenda-detail"><strong>Prep Session #2</strong> — 1:00–2:00 PM Pacific / 4:00–5:00 PM Eastern</div>
</div>
</div>
<p style="color: var(--mit-gray); font-style: italic; margin-bottom: 30px;">