trentuna/asw
8
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
asw/site/content/notes/session.md
Ludo 910b0e42a6
refactor: restructure repo into src/ site/ dist/ vendor/ packs/ 
Separate framework source from website:
- src/layers/ + src/main.css: CSS framework source (was assets/css/)
- site/: Hugo website (content/, layouts/, hugo.toml)
- dist/: built output (asw.css, asw.min.css)
- vendor/open-props/: vendored dependency with version tracking
- Hugo module mounts: dist/ → static, site runs from site/

Build: hugo --source site/ passes (105 pages).
npm run build produces dist/asw.css.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 15:12:42 +02:00

2 KiB
Raw Blame History

title description section prev-url prev-title next-url next-title type date tags ai-disclosure ai-model ai-provider
Session Log Structured session and activity logs with timestamp, actor, and event semantics. notes diff/ Diff notes 2026-04-09
notes
session
reference
generated claude-sonnet-4-5 Anthropic

Overview

Use data-role="session-log" on an <ol> to render a structured activity or session log. Each <li> is one event.

<ol data-role="session-log">
  <li>
    <time datetime="2026-04-09T08:31:00Z">08:31</time>
    <span data-actor="vigilio">vigilio</span>
    <span data-event="wake">Session started — model claude-sonnet-4-6</span>
  </li>
  <li>
    <time datetime="2026-04-09T08:32:14Z">08:32</time>
    <span data-actor="vigilio">vigilio</span>
    <span data-event="read">Read vault overview and daily note</span>
  </li>
  <li>
    <time datetime="2026-04-09T08:47:00Z">08:47</time>
    <span data-actor="system">system</span>
    <span data-event="commit">Committed: feat(vault): add session-log pattern</span>
  </li>
</ol>

Attributes

Attribute Element Meaning
data-role="session-log" <ol> Activates session-log layout
data-actor <span> Who performed the action — styled by value
data-event <span> Event type — wake, read, write, commit, sleep

Actor Variants

<span data-actor="vigilio">vigilio</span>   <!-- agent — primary colour -->
<span data-actor="ludo">ludo</span>         <!-- operator — accent colour -->
<span data-actor="system">system</span>     <!-- system — muted -->

Compact Form

For dense logs, omit the actor and let timestamp + event carry the entry:

<ol data-role="session-log" data-density="compact">
  <li><time datetime="2026-04-09T09:00:00Z">09:00</time> <span data-event="wake">Wake</span></li>
  <li><time datetime="2026-04-09T09:31:00Z">09:31</time> <span data-event="sleep">Sleep — context limit reached</span></li>
</ol>