Skip to content

docs(examples): add screenshots of the sample KBs in use #286

Description

@plind-junior

What you're trying to do

the example KBs under examples/ (tiny/, decision-log/) are
self-contained vouch/ trees, but they're text-only. the READMEs tell a
reader to cp -r examples/tiny/vouch ./.vouch then run vouch status,
vouch search auth, vouch pending — without ever showing what those
commands return. someone evaluating vouch on GitHub has to install it and
load a fixture before they can see what the tool looks like.

screenshots of the shipped examples in use would let the examples carry
their own weight: see the output, then decide whether to set it up.

Suggested shape

capture each surface against the example fixtures (no bespoke data — use
exactly what's in examples/tiny/vouch and examples/decision-log/vouch
so the shots stay reproducible):

  • clivouch status, vouch search auth, and vouch show auth-uses-jwt against tiny/; vouch log / supersession view against
    decision-log/ (it's the example that demonstrates supersession + audit
    trail).
  • web review-ui — the read view over decision-log/, if src/vouch/web/
    is available.
  • desktop gui — the same KB loaded in the Electron app, if in scope.

store images under docs/img/examples/ (or alongside the demo assets in
docs/), then embed them in examples/README.md and each subdir README so
the table rows gain a thumbnail. keep them small — these are learning
material, not the 200k-claim anti-example the README already rules out.

prefer deterministic capture (a .tape like docs/demo.tape, re-renderable
with vhs) over hand-grabbed screenshots where the surface is a tty, so the
images can be regenerated when output format drifts.

Compatibility considerations

additive and docs-only — no KB-format or surface change, no VEP. the example
fixtures themselves don't change; only READMEs gain image embeds.

Alternatives

  • a single animated gif per example instead of stills (heavier, but matches
    the existing docs/demo.gif convention).
  • leave examples text-only and lean on docs/example-session.md for the
    visual walkthrough (status quo — but that walkthrough isn't tied to the
    shipped fixtures).

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions