Kanshō/Inline artifact card

Inline artifact card

The in-thread artifact affordance — a compact quiet card carrying a file-type glyph, name, one-line meta, and Open / Diff / Download actions. Sized to sit inside a prose message column; no thumbnail, so nothing loads over the network.

Included in the single kansho full pack. Components are not offered as separate installs.

Kinds

Artifact actions are static-preview callbacks

lib/audit.ts

TypeScript · 4.1 KB · updated 2m ago

handoff-notes.md

Markdown · 1.2 KB

session-token-flow.png

PNG · 1.2 MB

risk-report.pdf

PDF · 82 KB · generated just now

audit-log-fix.patch

Diff · +48 −12 across 3 files

Action slots

Static preview: Open, Diff, and Download show the optional action slots without changing demo state

all-actions.patch

Open · Diff · Download

open-only.ts

Just the primary Open action

In a thread — inside an assistant message

Artifact actions are static-preview callbacks

Code agent

Assistant

I patched the batched writer and regenerated the risk report. Both are attached below.

audit-log-fix.patch

Diff · +48 −12 across 3 files

risk-report.pdf

PDF · 82 KB · generated just now

Component documentation

Inline Artifact Card

components/agent/inline-artifact-card.tsx

Purpose

Displays an in-thread artifact with kind, filename, metadata, and available actions.

Appropriate use

Use for a generated file or report that should remain compact inside conversation prose.

Example

components/agent/inline-artifact-card.tsx has a representative live example in the "Action slots" section on /components/inline-artifact-card.

States

Kinds are file, document, image, report, and patch; Open, Diff, and Download actions are independently optional.

API and props

InlineArtifactCard accepts name, kind, meta, onOpen, onDiff, onDownload, and className.

Dependencies

Direct imports are React, Lucide icons, Button, IconButton, and cn.

Accessibility

Optional icon actions have explicit accessible names and are omitted when not wired; the filename remains visible text.

Limitations

It does not fetch, preview, diff, or download artifacts; the host owns every action and its feedback.

Source

Source: components/agent/inline-artifact-card.tsx.

Full pack

components/agent/inline-artifact-card.tsx is documented at /components/inline-artifact-card and installs only through the single Kansho full pack; no individual component install is offered.