@fungi.computer/parakeet 0.0.1 → 0.1.0

package/dist/commands/builtins.js

@@ -49,7 +49,7 @@ export function parakeetBuiltinCommands(runtime, options) {
             category: "Advanced",
             projections: {
                 help: { order: -2 },
-                slash: { aliases: ["keys"], order: -2 },
+                slash: { aliases: ["keys"], order: -2, consumesDraft: true },
             },
             handler: async (input) => {
                 const keys = keyBindings(runtime.snapshot());

package/dist/commands/run.d.ts

@@ -6,6 +6,7 @@ export declare function isCancelledOutcome(outcome: WhistleExecutionOutcome): bo
 /**
  * Run one composer draft: a prompt goes to `send`, a `/command` runs through
  * Whistle. A grammar that asks for a request id keeps the same id across
- * retries of the same draft until the command is handled.
+ * retries of the same draft until the command is handled. A slash projection
+ * can request draft consumption before dispatch, including while a dialog is open.
  */
-export declare function runSlashDraft(draft: string, commands: SlashRuntime, send: () => void, origin: WhistleExecutionOrigin): Promise<WhistleExecutionOutcome | undefined>;
+export declare function runSlashDraft(draft: string, commands: SlashRuntime, send: () => void, origin: WhistleExecutionOrigin, consumeDraft?: () => void): Promise<WhistleExecutionOutcome | undefined>;

package/dist/commands/run.js

@@ -12,9 +12,10 @@ export function isCancelledOutcome(outcome) {
 /**
  * Run one composer draft: a prompt goes to `send`, a `/command` runs through
  * Whistle. A grammar that asks for a request id keeps the same id across
- * retries of the same draft until the command is handled.
+ * retries of the same draft until the command is handled. A slash projection
+ * can request draft consumption before dispatch, including while a dialog is open.
  */
-export async function runSlashDraft(draft, commands, send, origin) {
+export async function runSlashDraft(draft, commands, send, origin, consumeDraft) {
     const parsed = parseSlashDraft(slashRegistry(commands.snapshot()), draft);
     if (parsed.kind === "prompt") {
         send();
@@ -26,6 +27,8 @@ export async function runSlashDraft(draft, commands, send, origin) {
             error: { code: "invalid_arguments", message: parsed.message },
         };
     const { command, requestIdField } = parsed;
+    if (command.consumesDraft && command.availability.status === "available")
+        consumeDraft?.();
     if (parsed.arguments === undefined)
         return commands.execute(command.commandId, { origin });
     if (requestIdField === undefined)

package/dist/commands/slash.d.ts

@@ -5,6 +5,8 @@ export type SlashCommand = Readonly<{
     alias: string;
     /** Canonical Whistle command identity. */
     commandId: string;
+    /** Consume this draft on dispatch, including for a dialog or refusal. */
+    consumesDraft?: boolean | undefined;
     /** Human-facing title. */
     title: string;
     /** Optional longer explanation. */

package/dist/commands/slash.js

@@ -38,6 +38,7 @@ export function slashRegistry(snapshot) {
         category: row.category,
         order: row.order,
         grammar: row.arguments,
+        consumesDraft: row.consumesDraft,
         keys: keys.get(row.commandId) ?? [],
         availability: row.availability,
     }));
@@ -135,6 +136,7 @@ function rank(entries, text, query, order) {
         text(left.entry).localeCompare(text(right.entry)))
         .map(({ entry, match }) => ({ entry, indices: match.indices }));
 }
+const commonAliases = ["help", "login", "model"];
 /** Rank completions for one draft; renderers draw exactly these rows. */
 export function completeSlash(registry, draft, options = {}) {
     if (!draft.startsWith("/") || draft.includes("\n"))
@@ -144,11 +146,17 @@ export function completeSlash(registry, draft, options = {}) {
         const query = draft.slice(1);
         const items = rank(registry.filter((command) => command.availability.status === "available" &&
             (query.length === 0
-                ? command.category === (options.idleCategory ?? "Conversation")
+                ? command.category === (options.idleCategory ?? "Conversation") ||
+                    commonAliases.includes(command.alias)
                 : command.category !== "Advanced" ||
                     command.alias
                         .toLocaleLowerCase()
-                        .startsWith(query.toLocaleLowerCase()))), (command) => command.alias, query, (command) => command.order).map(({ entry, indices }) => ({
+                        .startsWith(query.toLocaleLowerCase()))), (command) => command.alias, query, (command) => {
+            const common = commonAliases.indexOf(command.alias);
+            return query.length === 0 && common >= 0
+                ? common - commonAliases.length
+                : command.order;
+        }).map(({ entry, indices }) => ({
             command: entry,
             label: `/${entry.alias}`,
             matches: indices.map((index) => index + 1),

package/dist/commands/use-slash-commands.js

@@ -123,9 +123,9 @@ export function useSlashCommands(options) {
         store.report(undefined);
         setDismissed(submitted);
         void current
-            .submitCommand((captured) => runSlashDraft(captured, commands, () => {
+            .submitCommand((captured, consumeDraft) => runSlashDraft(captured, commands, () => {
             current.send(delivery);
-        }, origin))
+        }, origin, consumeDraft))
             .then((outcome) => {
             const message = failureMessage(outcome);
             if (message !== undefined &&

package/dist/components/AgentHead.d.ts

@@ -2,26 +2,21 @@ import type { Avatar } from "@fungi.computer/sprite/avatar";
 /** What the head is doing: at rest, working something out, or talking. */
 export type AgentHeadActivity = "idle" | "thinking" | "speaking";
 /**
- * An Agent's head at avatar size. Renders the Agent's own avatar when given
- * one; otherwise the pre-avatar seeded mushroom cap, byte-identical to
- * before avatars existed. The letter shows until a frame is ready. It holds
- * still unless `thinking` or `speaking`: an idle head whose render style is
- * "plain" and already has a cached still frame for its look never mounts a
- * live canvas, so a long rail is not a wall of animation. A render style
- * other than "plain" is a CSS filter over the live canvas, not part of the
- * captured pixels, so a styled head always stays live.
+ * An Agent's head at avatar size, drawn from the Agent's own avatar (a
+ * property of the Agent record, never of a conversation). The letter shows
+ * until a frame is ready. The live
+ * canvas stays mounted and is paused unless `thinking` or `speaking`, so an
+ * idle head shows its real look without animating.
  */
 export declare const AgentHead: import("react").NamedExoticComponent<{
     /** Motion presented by the head; defaults to idle. */
     activity?: AgentHeadActivity;
-    /** The Agent's stored avatar; omitted or `null` falls back to the seed. */
-    avatar?: Avatar | null;
+    /** The Agent's avatar, from its Agent record. */
+    avatar: Avatar;
     /** Host classes applied to the head container. */
     className?: string;
     /** The name whose first letter stands in until a frame is ready. */
     name: string;
-    /** Stable identity that picks the fallback cap colour. */
-    seed: string;
     /** Width and height in pixels. */
     size?: number;
 }>;

package/dist/components/AgentHead.js

@@ -1,53 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Monogram } from "@fungi.computer/caps/components/monogram";
 import { Sprite } from "@fungi.computer/sprite/react";
-import { memo, useEffect, useMemo, useRef, useState } from "react";
+import { memo, useMemo, useState } from "react";
 import { avatarPresentation } from "./avatar-presentation.js";
 import { shiitakeSprite } from "./sprite-service.js";
-import { captureStillFrame, getStillFrame, setStillFrame, stillFrameKey, } from "./still-frame-cache.js";
 /**
- * An Agent's head at avatar size. Renders the Agent's own avatar when given
- * one; otherwise the pre-avatar seeded mushroom cap, byte-identical to
- * before avatars existed. The letter shows until a frame is ready. It holds
- * still unless `thinking` or `speaking`: an idle head whose render style is
- * "plain" and already has a cached still frame for its look never mounts a
- * live canvas, so a long rail is not a wall of animation. A render style
- * other than "plain" is a CSS filter over the live canvas, not part of the
- * captured pixels, so a styled head always stays live.
+ * An Agent's head at avatar size, drawn from the Agent's own avatar (a
+ * property of the Agent record, never of a conversation). The letter shows
+ * until a frame is ready. The live
+ * canvas stays mounted and is paused unless `thinking` or `speaking`, so an
+ * idle head shows its real look without animating.
  */
-export const AgentHead = memo(function AgentHead({ activity = "idle", avatar, className, name, seed, size = 24, }) {
+export const AgentHead = memo(function AgentHead({ activity = "idle", avatar, className, name, size = 24, }) {
     const [ready, setReady] = useState(false);
-    const host = useRef(null);
-    const presentation = useMemo(() => avatarPresentation(avatar, seed), [avatar, seed]);
-    const dpr = window.devicePixelRatio;
-    const cacheKey = useMemo(() => stillFrameKey(presentation, size, dpr), [presentation, size, dpr]);
-    const [frame, setFrame] = useState(() => getStillFrame(cacheKey));
-    useEffect(() => {
-        setFrame(getStillFrame(cacheKey));
-    }, [cacheKey]);
-    // A render style is a CSS filter on the live stage (render-style.ts), not
-    // part of the captured canvas pixels, so a styled head must stay live;
-    // only a "plain" idle head can be replaced by its cached still frame.
-    const live = activity !== "idle" ||
-        frame === undefined ||
-        presentation.renderStyle !== "plain";
-    useEffect(() => {
-        // A cached idle head has no player; its next player must become ready anew.
-        if (!live)
-            setReady(false);
-    }, [live]);
-    return (_jsxs("span", { "aria-hidden": "true", className: `relative inline-block shrink-0 ${className ?? ""}`, "data-agent-head": frame !== undefined || ready ? "ready" : "loading", style: { height: size, width: size }, children: [frame === undefined && !ready ? (_jsx(Monogram, { className: "absolute inset-0", name: name, seed: seed })) : null, frame !== undefined &&
-                presentation.renderStyle === "plain" &&
-                (!live || !ready) ? (_jsx("img", { alt: "", className: "absolute inset-0 h-full w-full", src: frame })) : null, live ? (_jsx(Sprite, { activity: activity, appearance: presentation.appearance, className: "absolute inset-0", expression: presentation.expression, onState: (state) => {
+    const presentation = useMemo(() => avatarPresentation(avatar), [avatar]);
+    return (_jsxs("span", { "aria-hidden": "true", className: `relative inline-block shrink-0 ${className ?? ""}`, "data-agent-head": ready ? "ready" : "loading", style: { height: size, width: size }, children: [ready ? null : (_jsx(Monogram, { className: "absolute inset-0", name: name, seed: name })), _jsx(Sprite, { activity: activity, appearance: presentation.appearance, className: "absolute inset-0", expression: presentation.expression, onState: (state) => {
                     setReady(state.status === "ready");
-                    if (state.status === "ready" &&
-                        activity === "idle" &&
-                        presentation.renderStyle === "plain") {
-                        const captured = captureStillFrame(host.current);
-                        if (captured !== undefined) {
-                            setStillFrame(cacheKey, captured);
-                            setFrame(captured);
-                        }
-                    }
-                }, paused: activity === "idle", ref: host, renderStyle: presentation.renderStyle, service: shiitakeSprite, src: presentation.src })) : null] }));
+                }, paused: activity === "idle", renderStyle: presentation.renderStyle, service: shiitakeSprite, src: presentation.src })] }));
 });

package/dist/components/ShiitakeAvatar.d.ts

@@ -1,14 +1,16 @@
 import type { Avatar } from "@fungi.computer/sprite/avatar";
 import { type AvatarPresentation, type SpriteService } from "@fungi.computer/sprite";
-/** The current activity and expression supplied to a composer avatar. */
+/** The current activity and expression supplied to a live avatar. */
 export type AvatarState = Readonly<Pick<AvatarPresentation, "activity" | "expression">>;
 /**
- * Shiitake's sprite head, drawn in the activity and expression it is given.
- * With no `avatar`, this is the product mascot, exactly as before avatars
- * existed: no seeded colour, the character's own defaults.
+ * A sprite head drawn in the live activity and expression it is given. With
+ * an `avatar` it draws that look (a member's own, in their settings); with
+ * none it is Shiitake, the product mascot, in the character's own defaults.
+ * Conversations have no avatar: an Agent's head is `AgentHead`, drawn from
+ * the Agent record.
  */
 export declare const ShiitakeAvatar: import("react").NamedExoticComponent<{
-    /** The open conversation's avatar; omitted or `null` draws the mascot. */
+    /** The look to draw; omitted or `null` draws the mascot. */
     avatar?: Avatar | null;
     /** Replaces the default 3rem size, for a host that sizes the head itself. */
     className?: string;

package/dist/components/ShiitakeAvatar.js

@@ -5,12 +5,14 @@ import { memo, useMemo } from "react";
 import { avatarPresentation } from "./avatar-presentation.js";
 import { shiitakeSprite } from "./sprite-service.js";
 /**
- * Shiitake's sprite head, drawn in the activity and expression it is given.
- * With no `avatar`, this is the product mascot, exactly as before avatars
- * existed: no seeded colour, the character's own defaults.
+ * A sprite head drawn in the live activity and expression it is given. With
+ * an `avatar` it draws that look (a member's own, in their settings); with
+ * none it is Shiitake, the product mascot, in the character's own defaults.
+ * Conversations have no avatar: an Agent's head is `AgentHead`, drawn from
+ * the Agent record.
  */
 export const ShiitakeAvatar = memo(function ShiitakeAvatar({ avatar, className = "h-12 w-12 shrink-0", service = shiitakeSprite, state, }) {
-    const presentation = useMemo(() => (avatar ? avatarPresentation(avatar, "shiitake-mascot") : undefined), [avatar]);
+    const presentation = useMemo(() => (avatar ? avatarPresentation(avatar) : undefined), [avatar]);
     return (_jsx(Sprite, { "aria-hidden": "true", className: className, service: service, src: presentation?.src ?? { local: "mushroom" }, ...(presentation
             ? {
                 appearance: presentation.appearance,

package/dist/components/avatar-presentation.d.ts

@@ -1,12 +1,10 @@
-import { type Avatar } from "@fungi.computer/sprite/avatar";
+import type { Avatar } from "@fungi.computer/sprite/avatar";
 import type { AvatarPresentation as SpriteAvatarPresentation } from "@fungi.computer/sprite";
 /**
- * Sprite props for one avatar, independent of the live `activity` a composer
- * drives moment to moment. Every avatar-aware Parakeet component builds its
- * `<Sprite>` props through this one mapper, so a stored avatar and the
- * pre-avatar seeded look reach the canvas the same way. Unlike the Sprite
- * service's own `AvatarPresentation`, these are never optional: the mapper
- * always resolves a complete avatar, stored or legacy.
+ * Sprite props for one Agent's avatar, independent of the live `activity` a
+ * host drives moment to moment. Unlike the Sprite service's own
+ * `AvatarPresentation`, these are never optional: every Agent record carries
+ * a complete avatar.
  */
 export type AvatarSpriteProps = {
     readonly src: SpriteAvatarPresentation["src"];
@@ -14,10 +12,5 @@ export type AvatarSpriteProps = {
     readonly expression: NonNullable<SpriteAvatarPresentation["expression"]>;
     readonly renderStyle: NonNullable<SpriteAvatarPresentation["renderStyle"]>;
 };
-/**
- * Map a stored avatar (or `null`/`undefined`, meaning none is saved yet) to
- * Sprite props. The fallback is `legacyAvatar(seed)`: the mushroom, in the
- * same seeded cap colour Agents have always worn, so an existing Agent
- * renders byte-identically to before avatars existed.
- */
-export declare function avatarPresentation(avatar: Avatar | null | undefined, seed: string): AvatarSpriteProps;
+/** Map an Agent's avatar to Sprite props. */
+export declare function avatarPresentation(avatar: Avatar): AvatarSpriteProps;

package/dist/components/avatar-presentation.js

@@ -1,16 +1,9 @@
-import { legacyAvatar } from "@fungi.computer/sprite/avatar";
-/**
- * Map a stored avatar (or `null`/`undefined`, meaning none is saved yet) to
- * Sprite props. The fallback is `legacyAvatar(seed)`: the mushroom, in the
- * same seeded cap colour Agents have always worn, so an existing Agent
- * renders byte-identically to before avatars existed.
- */
-export function avatarPresentation(avatar, seed) {
-    const resolved = avatar ?? legacyAvatar(seed);
+/** Map an Agent's avatar to Sprite props. */
+export function avatarPresentation(avatar) {
     return {
-        src: { local: resolved.character },
-        appearance: resolved.appearance,
-        expression: resolved.expression,
-        renderStyle: resolved.renderStyle,
+        src: { local: avatar.character },
+        appearance: avatar.appearance,
+        expression: avatar.expression,
+        renderStyle: avatar.renderStyle,
     };
 }

package/dist/conversation.d.ts

@@ -98,9 +98,10 @@ export type ComposerController = Readonly<{
      * Run a host command, such as Whistle slash dispatch, for the current draft.
      * Parakeet clears the draft only when the command handled it without
      * declining (a refused replacement keeps the text) and the draft was
-     * not edited while the command ran.
+     * not edited while the command ran. The callback can consume that exact
+     * draft on dispatch when the command definition requests it.
      */
-    submitCommand: (run: (draft: string) => Promise<WhistleExecutionOutcome | undefined>) => Promise<WhistleExecutionOutcome | undefined>;
+    submitCommand: (run: (draft: string, consumeDraft: () => void) => Promise<WhistleExecutionOutcome | undefined>) => Promise<WhistleExecutionOutcome | undefined>;
     /** Replace the local input. */
     setDraft: (value: string) => void;
 }>;

package/dist/conversation.js

@@ -423,7 +423,9 @@ function createConversationAtoms(session, queryClient, authorOf) {
             draft: get(draftAtom),
             revision: get(draftRevisionAtom),
         };
-        const outcome = await run(submitted.draft);
+        const outcome = await run(submitted.draft, () => {
+            set(clearSubmittedDraftAtom, submitted);
+        });
         if (outcome?.status === "handled" && !isCancelledOutcome(outcome))
             set(clearSubmittedDraftAtom, submitted);
         return outcome;

package/dist/core/tool-view.d.ts

@@ -19,7 +19,7 @@ export declare const toolKindSigils: {
     /** Artwork for file reads. */
     readonly read: "read";
     /** Artwork for search results. */
-    readonly search: "list";
+    readonly search: "search";
 };
 /** One changed or context line of a diff hunk. */
 export type ToolDiffLine = Readonly<{

package/dist/core/tool-view.js

@@ -25,7 +25,7 @@ export const toolKindSigils = {
     /** Artwork for file reads. */
     read: "read",
     /** Artwork for search results. */
-    search: "list",
+    search: "search",
 };
 /** Items shown before "more" for excerpts, matches, and output. */
 export const toolPreviewLineLimit = 12;

package/dist/model-commands.js

@@ -198,7 +198,7 @@ export function sessionModelCommandDefinitions(session, options) {
             projections: {
                 palette: { order: 1 },
                 help: {},
-                slash: { aliases: ["thinking"] },
+                slash: { aliases: ["thinking"], consumesDraft: true },
             },
             availability: options.availability ?? (() => ({ status: "available" })),
             handler: async (input) => {

package/dist/provider-choices.js

@@ -18,13 +18,16 @@ export function providerChoices(providers, access, popularProviderIds, screen) {
         .map((provider) => {
         const methods = provider.methods.map((method) => method.kind === "api_key" ? "API key" : "Subscription");
         const credential = signedIn.get(provider.id);
-        const description = methods.length > 0
-            ? methods.join(" or ")
-            : credential?.type === "oauth"
-                ? "Subscription"
-                : credential?.type === "api_key"
-                    ? "API key"
-                    : undefined;
+        // Fungi's sign-in is the Fungi account; its Team pays, not a subscription.
+        const description = provider.id === "fungi"
+            ? "Fungi account"
+            : methods.length > 0
+                ? methods.join(" or ")
+                : credential?.type === "oauth"
+                    ? "Subscription"
+                    : credential?.type === "api_key"
+                        ? "API key"
+                        : undefined;
         const choice = {
             value: provider.id,
             label: provider.name,

package/dist/styles.css

@@ -5743,9 +5743,6 @@
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
-  .mb-xs {
-    margin-bottom: var(--spacing-xs);
-  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
@@ -6081,9 +6078,6 @@
   .h-0 {
     height: calc(var(--spacing) * 0);
   }
-  .h-4 {
-    height: calc(var(--spacing) * 4);
-  }
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
@@ -6152,12 +6146,6 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
-  .w-20 {
-    width: calc(var(--spacing) * 20);
-  }
-  .w-\[calc\(100\%-1rem\)\] {
-    width: calc(100% - 1rem);
-  }
   .w-\[min\(32rem\,calc\(100vw-2rem\)\)\] {
     width: min(32rem, calc(100vw - 2rem));
   }
@@ -6203,12 +6191,12 @@
   .flex-shrink-0 {
     flex-shrink: 0;
   }
+  .shrink {
+    flex-shrink: 1;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
-  .grow {
-    flex-grow: 1;
-  }
   .border-collapse {
     border-collapse: collapse;
   }
@@ -6360,9 +6348,6 @@
   .self-stretch {
     align-self: stretch;
   }
-  .justify-self-end {
-    justify-self: flex-end;
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -6578,9 +6563,6 @@
   .p-lg {
     padding: var(--spacing-lg);
   }
-  .p-lg\! {
-    padding: var(--spacing-lg) !important;
-  }
   .p-md {
     padding: var(--spacing-md);
   }
@@ -6590,9 +6572,6 @@
   .p-xs {
     padding: var(--spacing-xs);
   }
-  .p-xs\! {
-    padding: var(--spacing-xs) !important;
-  }
   .caps-stat-compact {
     & > .stat {
       padding-block: var(--spacing-xs);
@@ -6608,9 +6587,6 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
-  .px-lg {
-    padding-inline: var(--spacing-lg);
-  }
   .px-md {
     padding-inline: var(--spacing-md);
   }
@@ -6644,15 +6620,6 @@
   .py-xs {
     padding-block: var(--spacing-xs);
   }
-  .ps-md {
-    padding-inline-start: var(--spacing-md);
-  }
-  .ps-xs {
-    padding-inline-start: var(--spacing-xs);
-  }
-  .pe-sm {
-    padding-inline-end: var(--spacing-sm);
-  }
   .pt-1\.5 {
     padding-top: calc(var(--spacing) * 1.5);
   }
@@ -7056,9 +7023,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-none {
-    transition-property: none;
-  }
   .ease-in {
     --tw-ease: var(--ease-in);
     transition-timing-function: var(--ease-in);
@@ -7324,20 +7288,6 @@
       }
     }
   }
-  .hover\:gap-md {
-    &:hover {
-      @media (hover: hover) {
-        gap: var(--spacing-md);
-      }
-    }
-  }
-  .hover\:gap-sm {
-    &:hover {
-      @media (hover: hover) {
-        gap: var(--spacing-sm);
-      }
-    }
-  }
   .hover\:bg-base-200 {
     &:hover {
       @media (hover: hover) {
@@ -7373,11 +7323,6 @@
       }
     }
   }
-  .focus\:gap-xs {
-    &:focus {
-      gap: var(--spacing-xs);
-    }
-  }
   .focus\:\!outline-none {
     &:focus {
       --tw-outline-style: none !important;
@@ -7538,16 +7483,6 @@
       }
     }
   }
-  .data-\[open\]\:bg-base-200 {
-    &[data-open] {
-      background-color: var(--color-base-200);
-    }
-  }
-  .data-\[open\]\:bg-base-300 {
-    &[data-open] {
-      background-color: var(--color-base-300);
-    }
-  }
   .motion-reduce\:transition-none {
     @media (prefers-reduced-motion: reduce) {
       transition-property: none;
@@ -7568,16 +7503,6 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
-  .md\:px-lg {
-    @media (width >= 48rem) {
-      padding-inline: var(--spacing-lg);
-    }
-  }
-  .md\:px-xs {
-    @media (width >= 48rem) {
-      padding-inline: var(--spacing-xs);
-    }
-  }
   .md\:btn-xs {
     @media (width >= 48rem) {
       @layer daisyui.l1.l2 {
@@ -9262,37 +9187,6 @@
     font-family: var(--font-mono);
     line-height: 1;
   }
-  .caps-led {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--spacing-xs);
-    color: var(--marginalia-ink);
-    font-size: 0.75rem;
-  }
-  .caps-led-bead {
-    width: 0.625rem;
-    height: 0.625rem;
-    flex: none;
-    border: var(--card-rule-width) solid var(--card-rule);
-    border-radius: var(--radius-selector);
-    background: var(--caps-led-color);
-    box-shadow: 0 0 0 var(--card-rule-width) var(--caps-led-color);
-    @supports (color: color-mix(in lab, red, red)) {
-      box-shadow: 0 0 0 var(--card-rule-width) color-mix(in srgb, var(--caps-led-color) 36%, transparent);
-    }
-  }
-  .caps-led[data-tone="spore"] {
-    --caps-led-color: var(--growth-spore);
-  }
-  .caps-led[data-tone="mycelium"] {
-    --caps-led-color: var(--growth-mycelium);
-  }
-  .caps-led[data-tone="fruiting"] {
-    --caps-led-color: var(--growth-fruiting);
-  }
-  .caps-led[data-active="false"] {
-    --caps-led-color: var(--marginalia-ink);
-  }
   .caps-cartridge-label {
     display: grid;
     justify-items: center;
@@ -14185,6 +14079,88 @@
       min-height: 44px;
     }
   }
+  .caps-window-header:has(> .caps-window-crumbs) {
+    min-height: 40px;
+  }
+  .caps-window-crumbs {
+    display: flex;
+    align-items: center;
+    min-width: 0;
+    flex-shrink: 1;
+    font-family: var(--caps-label-font, inherit);
+    font-size: var(--text-sm);
+    font-weight: 500;
+  }
+  .caps-window-crumb-item[data-caps-crumb-position="current"] {
+    font-weight: 600;
+  }
+  .caps-window-crumb-item {
+    display: flex;
+    align-items: center;
+    min-width: 0;
+  }
+  .caps-window-crumb-separator {
+    padding-inline: var(--spacing-2xs);
+    color: currentColor;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in srgb, currentColor 50%, transparent);
+    }
+  }
+  .caps-window-crumb {
+    min-width: 0;
+    font-size: inherit;
+    font-weight: inherit;
+    gap: var(--spacing-2xs);
+  }
+  .caps-window-crumb-label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .caps-window-crumb-item[data-caps-crumb-position="current"] .caps-window-crumb {
+    padding-inline: var(--spacing-xs);
+  }
+  .caps-window-crumbs:has(+ .caps-window-title) {
+    max-width: 70%;
+  }
+  .caps-window-statuses {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+    flex-shrink: 0;
+    padding-inline-end: var(--spacing-sm);
+    font-size: var(--text-sm);
+    color: currentColor;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in srgb, currentColor 65%, transparent);
+    }
+  }
+  .caps-window-commands {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-2xs);
+    flex-shrink: 0;
+  }
+  @media (max-width: 640px) {
+    .caps-window-statuses {
+      gap: var(--spacing-2xs);
+      padding-inline-end: var(--spacing-2xs);
+    }
+    .caps-window-status > span {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+    }
+    .caps-window-crumb-item[data-caps-crumb-position="ancestor"] {
+      display: none;
+    }
+    .caps-window-crumb-item[data-caps-crumb-position="parent"] .caps-window-crumb-separator {
+      display: none;
+    }
+  }
   .caps-window-body {
     flex: 1;
     min-height: 0;
@@ -15222,9 +15198,6 @@
     font-size: var(--text-xs);
     white-space: nowrap;
   }
-  .caps-status-compact .caps-status-bead {
-    transform: scale(0.6);
-  }
   .caps-action-row-trailing {
     display: flex;
     width: 6rem;

package/docs/api/index.md

@@ -42,7 +42,7 @@ type AvatarState = Readonly<
 >;
 ```
 
-The current activity and expression supplied to a composer avatar.
+The current activity and expression supplied to a live avatar.
 
 ---
 
@@ -802,7 +802,7 @@ Stable row grammar rendered by Parakeet's timeline.
 ```ts
 const AgentHead: NamedExoticComponent<{
   activity?: AgentHeadActivity;
-  avatar?: {
+  avatar: {
     v: 1;
     character: "mushroom" | "cat" | "burger";
     appearance: z.ZodRecord<
@@ -819,22 +819,17 @@ const AgentHead: NamedExoticComponent<{
       | "blueprint"
       | "crt"
       | "watercolor";
-  } | null;
+  };
   className?: string;
   name: string;
-  seed: string;
   size?: number;
 }>;
 ```
 
-An Agent's head at avatar size. Renders the Agent's own avatar when given one;
-otherwise the pre-avatar seeded mushroom cap, byte-identical to before avatars
-existed. The letter shows until a frame is ready. It holds still unless
-`thinking` or `speaking`: an idle head whose render style is "plain" and already
-has a cached still frame for its look never mounts a live canvas, so a long rail
-is not a wall of animation. A render style other than "plain" is a CSS filter
-over the live canvas, not part of the captured pixels, so a styled head always
-stays live.
+An Agent's head at avatar size, drawn from the Agent's own avatar (a property of
+the Agent record, never of a conversation). The letter shows until a frame is
+ready. The live canvas stays mounted and is paused unless `thinking` or
+`speaking`, so an idle head shows its real look without animating.
 
 ---
 
@@ -866,9 +861,10 @@ const ShiitakeAvatar: NamedExoticComponent<{
 }>;
 ```
 
-Shiitake's sprite head, drawn in the activity and expression it is given. With
-no `avatar`, this is the product mascot, exactly as before avatars existed: no
-seeded colour, the character's own defaults.
+A sprite head drawn in the live activity and expression it is given. With an
+`avatar` it draws that look (a member's own, in their settings); with none it is
+Shiitake, the product mascot, in the character's own defaults. Conversations
+have no avatar: an Agent's head is `AgentHead`, drawn from the Agent record.
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fungi.computer/parakeet",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "author": "Levi <levi@technomancy.dev>",
   "private": false,
   "description": "Standalone React composer for a typed Shiitake Session",
@@ -44,13 +44,13 @@
   },
   "dependencies": {
     "@fungi.computer/cairn": "0.0.1",
-    "@fungi.computer/caps": "0.0.2",
-    "@fungi.computer/knapsack": "0.0.2",
-    "@fungi.computer/shiitake": "0.1.0",
-    "@fungi.computer/sigils": "0.0.1",
-    "@fungi.computer/sprite": "0.0.1",
-    "@fungi.computer/sprite-zdog": "0.0.1",
-    "@fungi.computer/whistle": "0.0.1",
+    "@fungi.computer/caps": "0.1.0",
+    "@fungi.computer/knapsack": "0.1.0",
+    "@fungi.computer/shiitake": "0.2.0",
+    "@fungi.computer/sigils": "0.1.0",
+    "@fungi.computer/sprite": "0.1.0",
+    "@fungi.computer/sprite-zdog": "0.1.0",
+    "@fungi.computer/whistle": "0.0.2",
     "@tanstack/markdown": "0.0.12",
     "@tanstack/react-virtual": "3.14.10",
     "diff": "8.0.4",
@@ -59,7 +59,7 @@
     "lucide-react": "0.460.0",
     "strip-ansi": "7.2.0",
     "zod": "4.4.3",
-    "@fungi.computer/gills": "0.0.1"
+    "@fungi.computer/gills": "0.1.0"
   },
   "dependenciesMeta": {
     "@fungi.computer/caps": {

package/src/styles.css

@@ -5,7 +5,11 @@
  */
 @import "@fungi.computer/caps/tailwind.css";
 
+/* In the workspace Tailwind scans the component source; published, this
+ * entry ships without it, and the compiled components in dist carry the same
+ * class names. */
 @source "./";
+@source "../dist/**/*.js";
 
 @plugin "@tailwindcss/typography";
 

package/dist/components/still-frame-cache.d.ts

@@ -1,16 +0,0 @@
-import type { AvatarSpriteProps } from "./avatar-presentation.js";
-/** The still-frame cache key for one presentation at one pixel size. */
-export declare function stillFrameKey(presentation: AvatarSpriteProps, size: number, devicePixelRatio: number): string;
-/** The cached still frame for `key`, refreshing its recency, or `undefined`. */
-export declare function getStillFrame(key: string): string | undefined;
-/** Cache `value` (a data URL) for `key`, evicting the oldest entry past 128. */
-export declare function setStillFrame(key: string, value: string): void;
-/**
- * Capture the idle frame of a just-rendered Sprite host as a still image, or
- * `undefined` when the host has no live canvas yet (not ready) or the
- * canvas export is denied because the canvas is tainted. Other export failures
- * propagate with their cause.
- */
-export declare function captureStillFrame(host: HTMLElement | null): string | undefined;
-/** Test-only: clears every cached still frame so tests do not leak between runs. */
-export declare function clearStillFrameCache(): void;

package/dist/components/still-frame-cache.js

@@ -1,63 +0,0 @@
-const MAX_ENTRIES = 128;
-/**
- * Idle heads shown over and over (an Agent rail) do not need their own live
- * canvas: once one instance of a descriptor has rendered, every other idle
- * instance can show the same still frame. Keyed by the resolved presentation
- * plus the pixel size it was drawn at, so a resize or a different size
- * elsewhere never serves the wrong frame. An LRU of about 128 entries; the
- * oldest is evicted once that is exceeded.
- */
-const cache = new Map();
-/** The still-frame cache key for one presentation at one pixel size. */
-export function stillFrameKey(presentation, size, devicePixelRatio) {
-    return JSON.stringify([
-        presentation.src,
-        presentation.appearance,
-        presentation.expression,
-        presentation.renderStyle,
-        size,
-        devicePixelRatio,
-    ]);
-}
-/** The cached still frame for `key`, refreshing its recency, or `undefined`. */
-export function getStillFrame(key) {
-    const value = cache.get(key);
-    if (value === undefined)
-        return undefined;
-    cache.delete(key);
-    cache.set(key, value);
-    return value;
-}
-/** Cache `value` (a data URL) for `key`, evicting the oldest entry past 128. */
-export function setStillFrame(key, value) {
-    cache.delete(key);
-    cache.set(key, value);
-    if (cache.size <= MAX_ENTRIES)
-        return;
-    const oldestKey = cache.keys().next().value;
-    if (oldestKey !== undefined)
-        cache.delete(oldestKey);
-}
-/**
- * Capture the idle frame of a just-rendered Sprite host as a still image, or
- * `undefined` when the host has no live canvas yet (not ready) or the
- * canvas export is denied because the canvas is tainted. Other export failures
- * propagate with their cause.
- */
-export function captureStillFrame(host) {
-    const canvas = host?.querySelector("canvas");
-    if (!canvas)
-        return undefined;
-    try {
-        return canvas.toDataURL("image/png");
-    }
-    catch (cause) {
-        if (cause instanceof DOMException && cause.name === "SecurityError")
-            return undefined;
-        throw new Error("Could not capture an avatar still frame", { cause });
-    }
-}
-/** Test-only: clears every cached still frame so tests do not leak between runs. */
-export function clearStillFrameCache() {
-    cache.clear();
-}