-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcase-analytics.html
More file actions
547 lines (496 loc) · 37.4 KB
/
Copy pathcase-analytics.html
File metadata and controls
547 lines (496 loc) · 37.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="color-scheme" content="light">
<meta name="theme-color" content="#F7FAFB">
<title>Vibe Rounds — Guided Discovery · NotebookLM Case Analytics</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root{
--bg:#F7FAFB;
--panel:#FFFFFF;
--panel-sunken:#F3F6F8;
--ink:#0B2530;
--ink-dim:#5B7480;
--ink-faint:#657277;
--line:#DCE7EA;
--line-soft:rgba(11,37,48,0.08);
--bronze:#5B7480;
--bronze-dim:#43606B;
--ember:#0891B2;
--ember-dim:#0A6E85;
--ember-bright:#0A6E85;
--ember-glow:rgba(8,145,178,0.13);
--good:#0F766E;
--good-soft:#DCFCE9;
--display:'Inter',sans-serif;
--mono:'IBM Plex Mono','JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
--shadow-sm:0 1px 2px rgba(11,37,48,.04), 0 8px 24px -16px rgba(11,37,48,.08);
--shadow-md:0 4px 14px rgba(11,37,48,.08), 0 12px 28px -12px rgba(11,37,48,.12);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
background:var(--bg);color:var(--ink);font-family:var(--display);
font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{color:var(--ember-bright);}
a:hover{color:var(--ink);}
.wrap{max-width:760px;margin:0 auto;padding:0 20px 80px;}
/* ---------- Top banner ---------- */
.banner{
background:var(--panel);border-bottom:1px solid var(--line);
padding:26px 20px 22px;
}
.banner-inner{max-width:760px;margin:0 auto;}
.kicker{
font-family:var(--mono);color:var(--ember-bright);letter-spacing:.14em;text-transform:uppercase;
font-size:11px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px;
}
.kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--ember);flex:none;}
h1{font-size:23px;font-weight:800;margin:0 0 6px;letter-spacing:-0.01em;}
.banner p.lede{margin:0 0 12px;color:var(--ink-dim);font-size:14px;max-width:60ch;}
.banner-link{
display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;
background:var(--ember-glow);color:var(--ember-bright);border:1px solid var(--line);
border-radius:999px;padding:6px 13px;text-decoration:none;
}
.banner-link:hover{border-color:var(--ember);}
/* ---------- Stepper nav ---------- */
.stepper{
position:sticky;top:0;z-index:20;background:var(--bg);
border-bottom:1px solid var(--line);
display:flex;gap:4px;padding:10px 20px;overflow-x:auto;
}
.stepper-inner{max-width:760px;margin:0 auto;display:flex;gap:4px;width:100%;}
.step-link{
font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--ink-dim);
background:var(--panel-sunken);border:1px solid var(--line);border-radius:999px;
padding:6px 12px;text-decoration:none;white-space:nowrap;transition:background .12s,color .12s,border-color .12s;
}
.step-link:hover{color:var(--ink);border-color:var(--ember);}
section.tier{padding-top:38px;}
.tier-head{margin-bottom:14px;}
.tier-eyebrow{
font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
color:var(--ink-faint);font-weight:600;margin-bottom:4px;
}
h2{font-size:19px;font-weight:800;margin:0 0 8px;letter-spacing:-.01em;}
.aim{color:var(--ink-dim);font-size:14px;margin:0 0 8px;}
.studio-pairing{
background:var(--panel-sunken);border:1px solid var(--line);border-radius:10px;
padding:10px 14px;font-size:13px;color:var(--ink-dim);margin-bottom:16px;
}
.studio-pairing b{color:var(--ink);}
.note-box{
background:var(--ember-glow);border:1px solid var(--line);border-radius:10px;
padding:12px 16px;font-size:13px;color:var(--ink-dim);margin:14px 0 6px;
}
.note-box b{color:var(--ember-bright);}
/* ---------- Prompt card ---------- */
.prompt-card{
background:var(--panel);border:1px solid var(--line);border-radius:12px;
box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden;
}
.prompt-card-head{
display:flex;align-items:center;justify-content:space-between;gap:10px;
padding:11px 14px;border-bottom:1px solid var(--line);background:var(--panel-sunken);
}
.prompt-card-head .id{
font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink-dim);
}
.prompt-card-head .title{font-size:13px;font-weight:600;color:var(--ink);}
.titlewrap{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap;}
.cmd-tag{
font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ember-bright);
background:var(--ember-glow);border:1px solid var(--line);border-radius:999px;
padding:2px 9px;letter-spacing:.02em;flex:none;
}
/* ---------- How-to card ---------- */
.howto{
background:var(--panel);border:1px solid var(--line);border-radius:12px;
box-shadow:var(--shadow-sm);padding:18px 20px;margin:28px 0 8px;
}
.howto .tier-eyebrow{margin-bottom:6px;}
.howto h2{font-size:16px;margin-bottom:10px;}
.howto ol{margin:0 0 14px;padding-left:20px;font-size:13.5px;color:var(--ink-dim);}
.howto ol li{margin-bottom:6px;}
.howto ol li b{color:var(--ink);}
.cmd-table{width:100%;border-collapse:collapse;font-size:12.5px;}
.cmd-table th{
text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
color:var(--ink-faint);font-weight:700;padding:6px 8px;border-bottom:1px solid var(--line);
}
.cmd-table td{padding:7px 8px;border-bottom:1px solid var(--line-soft);color:var(--ink-dim);}
.cmd-table td:first-child{font-family:var(--mono);color:var(--ember-bright);font-weight:700;white-space:nowrap;}
.btn-copy{
font-family:var(--display);font-weight:700;font-size:12px;
background:var(--ember);color:#fff;border:none;border-radius:999px;
padding:6px 14px;cursor:pointer;transition:background .12s;flex:none;
display:inline-flex;align-items:center;gap:6px;
}
.btn-copy:hover{background:var(--ember-dim);}
.btn-copy.copied{background:var(--good);}
.btn-copy svg{width:13px;height:13px;}
.prompt-body{padding:14px 16px 16px;}
.prompt-full{
font-family:var(--mono);font-size:12.5px;line-height:1.65;color:var(--ink);
white-space:pre-wrap;margin:0 0 12px;
}
ol.points{margin:0;padding:0;list-style:none;}
ol.points li.point-row{
display:flex;align-items:flex-start;gap:8px;
padding:8px 0;border-top:1px dashed var(--line);
}
ol.points li.point-row:first-child{border-top:none;padding-top:0;}
.point-num{
font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink-faint);
flex:none;width:20px;padding-top:2px;
}
.point-text{flex:1;font-size:13px;color:var(--ink-dim);}
.btn-copy-mini{
flex:none;background:transparent;border:1px solid var(--line);border-radius:7px;
color:var(--ink-faint);cursor:pointer;padding:4px 6px;display:flex;align-items:center;
transition:border-color .12s,color .12s,background .12s;
}
.btn-copy-mini:hover{border-color:var(--ember);color:var(--ember-bright);}
.btn-copy-mini.copied{color:var(--good);border-color:var(--good);}
.btn-copy-mini svg{width:12px;height:12px;}
/* ---------- Self-check ---------- */
.selfcheck{
background:var(--panel);border:1px solid var(--line);border-radius:12px;
padding:14px 16px;margin:6px 0 4px;
}
.selfcheck .label{
font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
color:var(--ink-faint);font-weight:700;margin-bottom:8px;
}
.selfcheck label.chk{
display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--ink-dim);
padding:5px 0;cursor:pointer;
}
.selfcheck input[type=checkbox]{margin-top:3px;accent-color:var(--ember);flex:none;}
.selfcheck label.chk.done .txt{color:var(--ink-faint);text-decoration:line-through;}
hr.divider{border:none;border-top:1px solid var(--line);margin:36px 0 0;}
footer{
max-width:760px;margin:40px auto 0;padding:20px;color:var(--ink-faint);font-size:12px;
text-align:center;
}
</style>
</head>
<body>
<div class="banner">
<div class="banner-inner">
<div class="kicker"><span class="dot"></span>Vibe Rounds — Guided Discovery</div>
<h1>NotebookLM Case Analytics — Tiered by Training Level</h1>
<p class="lede">A single de-identified clinical case, queried at three escalating levels of clinical reasoning — Intern, Resident, Attending — so the same source produces depth-appropriate output at each stage. Every box below is copy-ready for NotebookLM's chat panel.</p>
</div>
</div>
<nav class="stepper">
<div class="stepper-inner">
<a class="step-link" href="#setup">0 · Setup</a>
<a class="step-link" href="#intern">1 · Intern</a>
<a class="step-link" href="#resident">2 · Resident</a>
<a class="step-link" href="#attending">3 · Attending</a>
<a class="step-link" href="#synthesis">4 · Synthesis</a>
<a class="step-link" href="#soap">5 · SOAP</a>
</div>
</nav>
<div class="wrap">
<!-- ============ STEP 0 — SETUP ============ -->
<section class="tier" id="setup">
<div class="tier-head">
<div class="tier-eyebrow">Do this once per case</div>
<h2>0 · NotebookLM Setup</h2>
<p class="aim">Create a new notebook.</p>
</div>
<div class="prompt-card" data-id="0.1">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">0.1</span><span class="title">Source Grounding</span><span class="cmd-tag">#setup</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>Using only the uploaded case documents as your source, confirm: (1) patient age/sex/presenting complaint, (2) date range covered by the notes, (3) which data types are present (history, exam, labs, imaging, medications, progression notes), (4) any obvious gaps in the documentation. Flag anything you infer versus anything explicitly stated in the source.</p>
<ol class="points">
<li class="point-row">
<span class="point-num">1</span>
<span class="point-text" data-point>Using only the uploaded case documents as your source, confirm the patient's age, sex, and presenting complaint.</span>
<button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button>
</li>
<li class="point-row">
<span class="point-num">2</span>
<span class="point-text" data-point>Using only the uploaded case documents as your source, state the date range covered by the notes.</span>
<button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button>
</li>
<li class="point-row">
<span class="point-num">3</span>
<span class="point-text" data-point>Using only the uploaded case documents as your source, list which data types are present: history, exam, labs, imaging, medications, and progression notes.</span>
<button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button>
</li>
<li class="point-row">
<span class="point-num">4</span>
<span class="point-text" data-point>Using only the uploaded case documents as your source, identify any obvious gaps in the documentation, and flag anything you infer versus anything explicitly stated.</span>
<button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button>
</li>
</ol>
</div>
</div>
<div class="note-box"><b>Note on gaps:</b> if a prompt below asks for something your source doesn't contain — timestamps for a lag calculation, a medication list if you only uploaded an admission note — NotebookLM should say so rather than invent it. A "not documented in source" answer is correct, not a failed prompt.</div>
</section>
<hr class="divider">
<!-- ============ TIER 1 — INTERN ============ -->
<section class="tier" id="intern">
<div class="tier-head">
<div class="tier-eyebrow">Tier 1 · Recall · Organize · Recognize</div>
<h2>1 · Intern Level</h2>
<p class="aim">Reproduce and structure what's in the chart. Build the illness script. No leaps beyond the data.</p>
</div>
<div class="studio-pairing"><b>Studio tool pairing:</b> after these prompts, use the Studio panel's <b>Flashcards</b> and <b>Quiz</b> generators on this notebook for spaced, self-timed recall drilling — one click, no prompt needed.</div>
<div class="prompt-card" data-id="1.1">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">1.1</span><span class="title">Chart Recall & Illness Script</span><span class="cmd-tag">#intern</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>From the uploaded case only: (1) Summarize the history of presenting illness in 3 sentences. (2) List all active problems as a problem list. (3) List all current medications with dose/route/frequency as documented. (4) Pull out the 5 most abnormal lab or vital sign values and state the normal range for each. (5) In one sentence each, state what a "textbook" illness script for the leading diagnosis looks like, and note where this case matches or deviates from it.</p>
<ol class="points">
<li class="point-row"><span class="point-num">1</span><span class="point-text" data-point>From the uploaded case only, summarize the history of presenting illness in 3 sentences.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">2</span><span class="point-text" data-point>From the uploaded case only, list all active problems as a problem list.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">3</span><span class="point-text" data-point>From the uploaded case only, list all current medications with dose, route, and frequency as documented.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">4</span><span class="point-text" data-point>From the uploaded case only, pull out the 5 most abnormal lab or vital sign values and state the normal range for each.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">5</span><span class="point-text" data-point>From the uploaded case only, in one sentence, state what a textbook illness script for the leading diagnosis looks like, and note where this case matches or deviates from it.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
</ol>
</div>
</div>
<div class="prompt-card" data-id="1.2">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">1.2</span><span class="title">Self-Quiz</span><span class="cmd-tag">#quiz</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>Quiz me: ask me one question at a time about this case's key facts (chief complaint, timeline, vitals trend, medication list). Wait for my answer before giving the next question. Tell me if I got it right before moving on.</p>
</div>
</div>
<div class="selfcheck">
<div class="label">Self-check</div>
<label class="chk"><input type="checkbox"><span class="txt">Problem list and medication list match the source exactly — nothing added, nothing dropped</span></label>
<label class="chk"><input type="checkbox"><span class="txt">Abnormal values are correctly flagged against their stated normal range</span></label>
<label class="chk"><input type="checkbox"><span class="txt">The illness-script comparison identifies a real match or deviation, not just a restatement</span></label>
<label class="chk"><input type="checkbox"><span class="txt">No diagnosis is asserted or implied beyond what plain recall requires</span></label>
</div>
</section>
<hr class="divider">
<!-- ============ TIER 2 — RESIDENT ============ -->
<section class="tier" id="resident">
<div class="tier-head">
<div class="tier-eyebrow">Tier 2 · Differential · Mechanism · Management</div>
<h2>2 · Resident Level</h2>
<p class="aim">Move from what to why and what next. Build and prioritize a differential; connect pathophysiology to the data; justify next steps.</p>
</div>
<div class="studio-pairing"><b>Studio tool pairing:</b> generate a <b>Mind Map</b> from the notebook to visualize how each differential branches from specific findings and mechanisms — useful for spotting where two diagnoses share a root finding but diverge downstream.</div>
<div class="prompt-card" data-id="2.1">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">2.1</span><span class="title">Ranked Differential & Mechanism</span><span class="cmd-tag">#resident</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>Based only on the uploaded case: (1) Generate a ranked differential diagnosis (top 5) with one supporting and one refuting data point for each, drawn from the source. (2) For the leading diagnosis, explain the underlying pathophysiological mechanism and map it to at least 3 specific findings in this patient. (3) Identify the single most useful next investigation to narrow the differential, and explain why it discriminates better than the alternatives. (4) Flag any drug-drug or drug-disease interaction risk in the current medication list, using only what's in the source.</p>
<ol class="points">
<li class="point-row"><span class="point-num">1</span><span class="point-text" data-point>Based only on the uploaded case, generate a ranked differential diagnosis (top 5) with one supporting and one refuting data point for each, drawn from the source.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">2</span><span class="point-text" data-point>Based only on the uploaded case, for the leading diagnosis, explain the underlying pathophysiological mechanism and map it to at least 3 specific findings in this patient.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">3</span><span class="point-text" data-point>Based only on the uploaded case, identify the single most useful next investigation to narrow the differential, and explain why it discriminates better than the alternatives.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">4</span><span class="point-text" data-point>Based only on the uploaded case, flag any drug-drug or drug-disease interaction risk in the current medication list, using only what's in the source.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
</ol>
</div>
</div>
<div class="prompt-card" data-id="2.2">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">2.2</span><span class="title">Devil's Advocate</span><span class="cmd-tag">#devils-advocate</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>Play devil's advocate: challenge my leading diagnosis. Give me the strongest argument, drawn from this case's actual data, for why an alternative diagnosis on the list could be right instead. Make me defend my choice before agreeing or disagreeing.</p>
</div>
</div>
<div class="prompt-card" data-id="2.3">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">2.3</span><span class="title">Overnight Deterioration Drill</span><span class="cmd-tag">#overnight-challenge</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>If this patient deteriorated overnight based on the trajectory in the notes, walk me through: (1) what bedside check I'd do first, (2) what immediate step I'd take, (3) at what point I'd escalate — reasoning only from what's documented, not hypotheticals outside the source.</p>
<ol class="points">
<li class="point-row"><span class="point-num">1</span><span class="point-text" data-point>If this patient deteriorated overnight based on the trajectory in the notes, tell me what bedside check I'd do first — reasoning only from what's documented.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">2</span><span class="point-text" data-point>If this patient deteriorated overnight based on the trajectory in the notes, tell me what immediate step I'd take — reasoning only from what's documented.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">3</span><span class="point-text" data-point>If this patient deteriorated overnight based on the trajectory in the notes, tell me at what point I'd escalate — reasoning only from what's documented.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
</ol>
</div>
</div>
<div class="selfcheck">
<div class="label">Self-check</div>
<label class="chk"><input type="checkbox"><span class="txt">Differential is ranked with an explicit supporting and refuting data point for each entry, not just listed</span></label>
<label class="chk"><input type="checkbox"><span class="txt">The mechanism explanation ties to at least 3 specific findings in this patient, not generic pathophysiology</span></label>
<label class="chk"><input type="checkbox"><span class="txt">The chosen next investigation is justified by discriminating value, not just "standard workup"</span></label>
<label class="chk"><input type="checkbox"><span class="txt">Interaction and escalation risks are flagged from the actual medication list and trajectory, not assumed</span></label>
</div>
</section>
<hr class="divider">
<!-- ============ TIER 3 — ATTENDING ============ -->
<section class="tier" id="attending">
<div class="tier-head">
<div class="tier-eyebrow">Tier 3 · Systems · Evidence · Teaching</div>
<h2>3 · Attending Level</h2>
<p class="aim">Step back from the single case to evidence quality, systems factors, cost/value, and what the case teaches others.</p>
</div>
<div class="studio-pairing"><b>Studio tool pairing:</b> use <b>Reports</b> to generate a polished teaching document (briefing doc or case report), and <b>Data Table</b> for a structured, exportable comparison of findings vs. guideline-recommended thresholds.</div>
<div class="prompt-card" data-id="3.1">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">3.1</span><span class="title">Evidence Appraisal & Pre-Mortem</span><span class="cmd-tag">#attending</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>Acting as a senior clinician reviewing this case for teaching purposes: (1) Critically appraise the management plan in the notes against current evidence-based practice — where does it align, where might it lag? (2) Identify any high-value-care issue: an investigation or intervention that may be low-yield or a necessary one that appears delayed or missing. (3) Run a brief pre-mortem: if this case had a bad outcome, what is the most plausible failure point in the diagnostic or management pathway? (4) State one clinical pearl this case teaches that would be worth passing to a junior trainee.</p>
<ol class="points">
<li class="point-row"><span class="point-num">1</span><span class="point-text" data-point>Acting as a senior clinician reviewing this case for teaching purposes, critically appraise the management plan in the notes against current evidence-based practice — where does it align, where might it lag?</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">2</span><span class="point-text" data-point>Acting as a senior clinician reviewing this case for teaching purposes, identify any high-value-care issue: an investigation or intervention that may be low-yield, or a necessary one that appears delayed or missing.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">3</span><span class="point-text" data-point>Acting as a senior clinician reviewing this case for teaching purposes, run a brief pre-mortem: if this case had a bad outcome, what is the most plausible failure point in the diagnostic or management pathway?</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">4</span><span class="point-text" data-point>Acting as a senior clinician reviewing this case for teaching purposes, state one clinical pearl this case teaches that would be worth passing to a junior trainee.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
</ol>
</div>
</div>
<div class="prompt-card" data-id="3.2">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">3.2</span><span class="title">Critical-Awareness Lens</span><span class="cmd-tag">#critical-awareness</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>Apply a critical-awareness lens to this case as documented: (1) What anchoring or premature-closure risk is visible in how the diagnosis was reached? (2) What confirmation bias might have shaped which follow-up tests were ordered? (3) What would a methodological critic say about gaps in this documentation? (4) What, if anything, in this case's reasoning should NOT be generalized to other patients?</p>
<ol class="points">
<li class="point-row"><span class="point-num">1</span><span class="point-text" data-point>Apply a critical-awareness lens to this case as documented: what anchoring or premature-closure risk is visible in how the diagnosis was reached?</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">2</span><span class="point-text" data-point>Apply a critical-awareness lens to this case as documented: what confirmation bias might have shaped which follow-up tests were ordered?</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">3</span><span class="point-text" data-point>Apply a critical-awareness lens to this case as documented: what would a methodological critic say about gaps in this documentation?</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">4</span><span class="point-text" data-point>Apply a critical-awareness lens to this case as documented: what, if anything, in this case's reasoning should NOT be generalized to other patients?</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
</ol>
</div>
</div>
<div class="prompt-card" data-id="3.3">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">3.3</span><span class="title">Morning-Report Summary</span><span class="cmd-tag">#morning-report</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>Write a 200-word case summary suitable for a morning report or M&M-style discussion: the clinical problem, the key decision point, what went well, and one system-level or educational takeaway — grounded only in the uploaded source.</p>
</div>
</div>
<div class="selfcheck">
<div class="label">Self-check</div>
<label class="chk"><input type="checkbox"><span class="txt">Evidence appraisal names a specific point of alignment or lag, not a vague "seems reasonable"</span></label>
<label class="chk"><input type="checkbox"><span class="txt">The high-value-care issue identifies one concrete low-yield or missing step, not a general comment on cost</span></label>
<label class="chk"><input type="checkbox"><span class="txt">The pre-mortem names a plausible, case-specific failure point, not a generic "communication breakdown"</span></label>
<label class="chk"><input type="checkbox"><span class="txt">The teaching pearl is specific enough to hand to a junior trainee as-is</span></label>
</div>
</section>
<hr class="divider">
<!-- ============ SYNTHESIS ============ -->
<section class="tier" id="synthesis">
<div class="tier-head">
<div class="tier-eyebrow">Optional closing step · run after all three tiers</div>
<h2>4 · Cross-Level Synthesis</h2>
<p class="aim">Consolidate the session — see how the reasoning actually changed as you moved up the tiers.</p>
</div>
<div class="prompt-card" data-id="4.1">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">4.1</span><span class="title">Session Synthesis</span><span class="cmd-tag">#synthesis</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>Compare how the answers changed across the Intern, Resident, and Attending prompts I ran on this case. (1) What did each level add that the previous one didn't? (2) Where did earlier-level reasoning turn out to be incomplete or need revision at a higher level? (3) What's the one thing a learner at each level should take away from this case?</p>
<ol class="points">
<li class="point-row"><span class="point-num">1</span><span class="point-text" data-point>Compare how the answers changed across the Intern, Resident, and Attending prompts I ran on this case: what did each level add that the previous one didn't?</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">2</span><span class="point-text" data-point>Compare how the answers changed across the Intern, Resident, and Attending prompts I ran on this case: where did earlier-level reasoning turn out to be incomplete or need revision at a higher level?</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">3</span><span class="point-text" data-point>Compare how the answers changed across the Intern, Resident, and Attending prompts I ran on this case: what's the one thing a learner at each level should take away from this case?</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
</ol>
</div>
</div>
</section>
<hr class="divider">
<!-- ============ SOAP NOTES ============ -->
<section class="tier" id="soap">
<div class="tier-head">
<div class="tier-eyebrow">Documentation practice · any tier</div>
<h2>5 · SOAP Note Practice</h2>
<p class="aim">Translate the case into standard clinical documentation format — a disciplined write-up exercise, distinct from the reasoning tiers above.</p>
</div>
<div class="prompt-card" data-id="5.1">
<div class="prompt-card-head">
<div class="titlewrap"><span class="id">5.1</span><span class="title">SOAP Note</span><span class="cmd-tag">#soap</span></div>
<button class="btn-copy" data-copy-full>Copy box</button>
</div>
<div class="prompt-body">
<p class="prompt-full" data-full>Using only the uploaded case, write a SOAP note: (1) Subjective — the presenting complaint and history as documented. (2) Objective — vitals, exam findings, and lab/imaging results as recorded. (3) Assessment — the working diagnosis or problem list as it stands in the source. (4) Plan — next steps, treatments, and follow-up as documented, distinguishing completed actions from pending ones.</p>
<ol class="points">
<li class="point-row"><span class="point-num">1</span><span class="point-text" data-point>Using only the uploaded case, write the Subjective section of a SOAP note — the presenting complaint and history as documented.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">2</span><span class="point-text" data-point>Using only the uploaded case, write the Objective section of a SOAP note — vitals, exam findings, and lab/imaging results as recorded.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">3</span><span class="point-text" data-point>Using only the uploaded case, write the Assessment section of a SOAP note — the working diagnosis or problem list as it stands in the source.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
<li class="point-row"><span class="point-num">4</span><span class="point-text" data-point>Using only the uploaded case, write the Plan section of a SOAP note — next steps, treatments, and follow-up as documented, distinguishing completed actions from pending ones.</span><button class="btn-copy-mini" data-copy-point title="Copy this point">${copyIcon}</button></li>
</ol>
</div>
</div>
<div class="selfcheck">
<div class="label">Self-check</div>
<label class="chk"><input type="checkbox"><span class="txt">Subjective reflects the patient's/reporter's stated complaint and history, not exam findings</span></label>
<label class="chk"><input type="checkbox"><span class="txt">Objective contains only measured or observed data — no interpretation</span></label>
<label class="chk"><input type="checkbox"><span class="txt">Assessment reflects the working diagnosis actually documented, not a leap to a new one</span></label>
<label class="chk"><input type="checkbox"><span class="txt">Plan clearly separates completed actions from pending ones</span></label>
</div>
</section>
</div>
<footer>Educational use only — de-identified case data. Outputs are learning observations, not clinical decisions.</footer>
<script>
const COPY_ICON = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>';
const CHECK_ICON = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>';
document.querySelectorAll('.btn-copy-mini').forEach(btn => btn.innerHTML = COPY_ICON);
function flash(btn, isMini){
const original = isMini ? COPY_ICON : 'Copy box';
btn.classList.add('copied');
btn.innerHTML = isMini ? CHECK_ICON : 'Copied!';
setTimeout(() => { btn.classList.remove('copied'); btn.innerHTML = original; }, 1400);
}
function copyText(text, btn, isMini){
if(navigator.clipboard && window.isSecureContext){
navigator.clipboard.writeText(text).then(() => flash(btn, isMini));
} else {
const ta = document.createElement('textarea');
ta.value = text; ta.style.position = 'fixed'; ta.style.opacity = '0';
document.body.appendChild(ta); ta.select();
try{ document.execCommand('copy'); }catch(e){}
document.body.removeChild(ta);
flash(btn, isMini);
}
}
document.querySelectorAll('[data-copy-full]').forEach(btn => {
btn.addEventListener('click', () => {
const card = btn.closest('.prompt-card');
const text = card.querySelector('[data-full]').textContent.trim();
copyText(text, btn, false);
});
});
document.querySelectorAll('[data-copy-point]').forEach(btn => {
btn.addEventListener('click', () => {
const row = btn.closest('.point-row');
const text = row.querySelector('[data-point]').textContent.trim();
copyText(text, btn, true);
});
});
document.querySelectorAll('.selfcheck input[type=checkbox]').forEach(cb => {
cb.addEventListener('change', () => {
cb.closest('label').classList.toggle('done', cb.checked);
});
});
</script>
</body>
</html>