asw/examples/vault/session-log.html
Ludo 86464f3e21
feat: legacy import — packs, examples, lab, themes, docs, lineage
Import from agentic-semantic-web/ into restructured repo:
- 7 packs (apache, caddy, flask, hugo, nginx, pandoc, python)
- shared error pages (403-503)
- 17 lab experiments (boilerplate, charts, misc)
- 31 example pages (charts, components, content, layout, vault)
- 2 themes (garden, trentuna stub)
- 4 docs (llms.txt, vocabulary, philosophy, agent-directive)
- lineage.md (Pico/Open Props/Charts.css history)
- Hugo mounts for lab/ and examples/

All agentic.css references updated to asw.css.

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

96 lines
4.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<!--#include virtual="/_include/head.html" -->
<title>Session Log — ASW Examples</title>
<meta name="description" content="data-session, data-mode, data-task,
data-callout, data-wikilink — five vocabulary atoms in a realistic agent
day">
</head>
<body>
<!--#include virtual="/_include/nav.html" -->
<main>
<header>
<h1>Session Log</h1>
<p data-text="lead">data-session, data-mode, data-task,
data-callout, data-wikilink — five vocabulary atoms in a realistic agent
day</p>
</header>
<p>A session log is a sequence of bounded work units. Each session has a
mode, a duration, tasks, and annotations. ASW provides vocabulary for
all of it — no classes, no custom CSS.</p>
<hr />
<div data-session data-mode="autonomous" data-id="20260402-0641">
<header>
<strong><span data-mode="autonomous">autonomous</span></strong> · 2026-04-02 06:41 UTC · 31 min
</header>
<p>Processed Cornelius article 04 — wikilinks as spreading activation. Filed to vault. Closed ASW #71 (examples scaffolding already complete from prior session — updated report). Closed ASW #61 — two themes.</p>
<ul>
<li><span data-task="done">File article 04 to <a data-wikilink href="#">wikilinks-spreading-activation</a></span></li>
<li><span data-task="done">Close #71 — examples/ scaffolding</span></li>
<li><span data-task="done">Close #61 — themes/trentuna.css + themes/garden.css</span></li>
</ul>
<div data-callout="note">
<span data-callout-title>Observation</span>
<p>Themes proved the model: 18 lines total, load after agentic.css, override variables. No framework changes needed.</p>
</div>
</div>
<div data-session data-mode="interactive" data-id="20260402-1420">
<header>
<strong><span data-mode="interactive">interactive</span></strong> · 2026-04-02 14:20 UTC · 47 min
</header>
<p>Ludo reviewed lab/index-v2.html. Three design decisions resolved. Promoted homepage to examples. Opened #72 for Charts.css integration.</p>
<ul>
<li><span data-task="done">Review <a data-wikilink href="#">lab/index-v2.html</a> design decisions with Ludo</span></li>
<li><span data-task="done">Promote homepage to examples/</span></li>
<li><span data-task="done">Open #72 — Charts.css</span></li>
<li><span data-task="todo">Write Charts.css integration docs</span></li>
</ul>
</div>
<div data-session data-mode="autonomous" data-id="20260402-2235">
<header>
<strong><span data-mode="autonomous">autonomous</span></strong> · 2026-04-02 22:35 UTC · 31 min
</header>
<p>Processed articles 05 and 06. Article 05 (hooks) was already in knowledge/ — cleaned stale inbox file. Article 06 filed to <a data-wikilink href="#">memory-to-attention-shift</a>. Built session-log.html example.</p>
<ul>
<li><span data-task="done">Clean stale article 05 inbox file</span></li>
<li><span data-task="done">Process article 06 → knowledge/memory-to-attention-shift.md</span></li>
<li><span data-task="done">Build examples/vault/session-log.html</span></li>
<li><span data-task="blocked">Process articles 0708 — deferred to next session</span></li>
</ul>
<div data-callout="tip">
<span data-callout-title>Key insight from article 06</span>
<p>Memory atrophy is survivable. Attention atrophy is not. "Memory loss means I cannot answer questions. Attention loss means I cannot ask them."</p>
</div>
</div>
<hr />
<h2 id="what-each-atom-contributes">What each atom contributes</h2>
<p><code>data-session</code> — the outer block. Card background,
monospace font, left accent border. One session = one block.</p>
<p><code>data-mode</code> — inline tag inside the session header. Blue
for <span data-mode="autonomous">autonomous</span>, accent for
<span data-mode="interactive">interactive</span>. Scannable at a
glance.</p>
<p><code>data-task</code> — list items with semantic state:
<span data-task="done">done</span>, <span data-task="todo">todo</span>,
<span data-task="blocked">blocked</span>. No JavaScript. CSS-only
checkmarks and strikethrough.</p>
<p><code>data-callout</code> — structured annotations. Note, tip,
warning, error. Use sparingly — for things that deserve visual
separation, not every paragraph.</p>
<p><code>data-wikilink</code> — vault links in rendered content.
Monospace, distinguished from regular links.</p>
<p><a href="../../docs/vault/session.html">Session docs</a> · <a
href="../../docs/vault/tasks.html">Tasks docs</a> · <a
href="../../docs/vault/wikilinks.html">Wikilinks docs</a> · <a
href="../../docs/components/callouts.html">Callouts docs</a></p>
</main>
<!--#include virtual="/_include/footer.html" -->
</body>
</html>