hancrafted
Work with me (opens in a new tab)

Slides

Every cornerstone Slide on its own: try the interactive visuals and their settings, or send a single Slide without its Episode.

Context window

The context window cornerstone: what fills an AI chat's window, step by step, and how much attention each part gets.

Context window Page 1 of 1

Every part and control

The summer party chat from the AI attention span episode at step 25 of 28, just after its compaction at step 24. All six parts shown, every toolbar and head control enabled.

Conversation
Hover or drag the timeline to replay
Plan your company's next summer party: 200 employees across five offices in Europe, end of June, budget 30,000 euro.Faded: the AI may fill this gap itself
Happy to help! Indoor or outdoor? Any dietary needs I should know about?
Outdoor if we can. 60 guests are vegetarian, please keep that in mind.
Noted: 60 vegetarian guests. Shall I look for venues?
Find three venues in Lisbon.
Three options: Quinta terrace, LX Factory rooftop, Estrela garden pavilion.
The catering offers are in the project folder. Which one fits?
Sabor Verde fits best: it includes a vegetarian menu for 60.
Check hotels near the venue for 150 guests from abroad.
Hotel Lumen and Casa do Rio both have 150 rooms free on 27 June.
The guest list is in there too.
Got it: 200 guests, 150 travelling, 60 vegetarian.
Great, put the full plan together.
Full plan: venue 11,800, catering with the vegetarian menu 17,500, hotels 8,000, music 5,000. Total 42,300 euro.
That's 12,300 over our budget. Also check the venue contract.
Conversation compacted
The contract allows music until 23:00 and asks for a 30% deposit.
Context window (22%)
44.1K of 200K
Smart zone by Matt Pocock 80K
Limit 200k
Context category
Free space139.4k · 70%Kept free for summaries16.5k · 8%
ExplainSimple
Step 25 of 28

The AI answers from the summary

+16tokens
22%used

Hover or tap a bubble, a part of the bar or a category to see what it is.

Attention
illustrative
Step 25 of 28 · 100 units of attention

Only the very first lines and the newest messages stay sharp. Your first message and the rest spread thin.

Step 25 of 28: The AI answers from the summary, +16 tokens, 22% used.

Agentic workflows

Workflows where AI chats do the jobs and you steer: each stage, its handoff and its check.

Agentic workflows Page 1 of 1

Human in the loop workflow

The brief workflow for the summer party: a planner chat prepares each handoff, worker chats do the jobs, and you check every artifact in between.

  1. Plan

    1. Travel
    2. Catering
    3. Venue
    4. Programme
    5. Invitations
  2. Interview

    1. AI asks you3 questions, 1 you forgot
  3. Requirements

    1. 1

      Requirements card

      • 200 guests
      • At most €150 per person
      • Step-free
      • Vegetarian menu
      • Separate quiet room

      Signed off

  4. Research

    1. Venue 1
    2. Venue 2
    3. Venue 3
  5. Compare

    1. Rank 3 venuesagainst the card2
  6. Review

    1. Venue plan

      by Friday