HAUSE

Gating

A stream widened into a working space, judged channel by channel, brought back home.

OPERATE THE FORM ↓
01 / THE ENCOUNTERAN INSTRUMENT — THE READER OPERATES

A STUDY IN GATING

Expand. Judge. Keep what matters.

Open a narrow draft into a wider field of possibilities. Select the relevant channels, then bring the result back to the original measure.

NARROW INPUT

The same material, given a different working width.

An editorial analogy, not model telemetry. Width stages the expand–judge–compress mechanism; selection determines what survives.

INSPECT THE REUSABLE LIBRARY COMPONENT

one sentence of intent

The idea arrives small.

A sentence of intent — everything the piece must say, in no particular shape.

Expand, judge, compress. The form's widths carry the argument; the content is the caller's — on vindex3.org these stages are a model's gate, up, and down projections and the payoff lines are container addresses.

02 / THE DECISION

An act.
Not a container.

YOU ARE SHOWING WHAT SOMETHING IS MADE OF

Showing a stream widened, judged, and brought back.

Does the argument live in the widths — expand, judge channel by channel, compress?

EXPLORE THE SELECTION GRAMMAR ↗

What is the Gating form in HAUSE, and when do you use it?

The Gating form is a HAUSE instrument — a stream widened into a working space, judged channel by channel, brought back home. A fixed-width stream widens into a larger working space, every channel is judged for whether it matters right now, the judged result is brought back to the original width. The bar does the arguing: its width is the dimensionality, and judged channels visibly fade. The reader steps the stages by hand — an instrument, not a performance — and each stage carries its reading in the panel below, with an optional evidence-voice payoff line.

origin — vindex3 · the Anatomy · 2026-08-29

THE LIBRARY’S OWN ACCOUNT

Behind the form.

components/forms/Gating.tsx

A fixed-width stream widens into a larger working space, every channel is judged for whether it matters right now, the judged result is brought back to the original width. The bar does the arguing: its width is the dimensionality, and judged channels visibly fade. The reader steps the stages by hand — an instrument, not a performance — and each stage carries its reading in the panel below, with an optional evidence-voice payoff line.

Promoted from vindex3.org's Anatomy chapter, where the stages are up_proj / gate_proj / the multiply / down_proj and the payoff lines are the container addresses those tensors answer to. The form knows none of that: stages, widths, and the kept-channel pattern are all the caller's.

THE INSTRUMENT’S DISCIPLINE

Every instrument carries an always-present text fallback, so the point survives with the interaction removed — for reduced motion, for no-JS, for a crawler, and for anyone in a hurry. ARIA state is part of the form, because an agent browser reads aria-pressed and aria-expanded to understand what it is looking at.

03 / MAKE SOMETHINGINSTALL HAUSE ↗

Give it your subject.

The opening study is an authored demonstration, not an additional component API. Expand the library specimen above to inspect the reusable form. Its props below come directly from the source.

REACT · Gating

import { Gating } from "@chrishayuk/hause/components/forms/Gating";

export type GatingStage = {
	/** The chip label the reader steps with. */
	chip: string;
	/** Editorial-voice reading of the stage. */
	title: string;
	/** System-voice explanation. */
	text: string;
	/** Optional evidence-voice payoff line, rendered in accent. */
	payoff?: string;
	/** Bar width at this stage. */
	width: "narrow" | "wide";
	/** Whether the judgement is visible — unkept channels fade. */
	gated?: boolean;
	/** Evidence-voice label under the bar. */
	label: string;
};

export function Gating({
	stages,
	channels = 24,
	keep,
	fallback,
	footnote,
}: {
	stages: GatingStage[];
	/** How many channel segments the bar draws. */
	channels?: number;
	/** Indices of channels that survive the judgement. */
	keep: number[];
	/** System-voice sentences that survive with the interaction removed. */
	fallback?: string;
	/** Evidence-voice closing line. */
	footnote?: string;
})

The import and the complete props contract. For installation and composition, follow the Build guide.

NOT INVENTED IN ISOLATION

A page needed this.

2026-08-29 · Entered the library from vindex3 · the Anatomy.

PUBLISHED 31 AUG 2026 · REVISED 9 SEP 2026 · VERSION 0.1.0

CITE

source components/forms/Gating.tsx · origin vindex3 · the Anatomy · 2026-08-29 · site build 3ee5339 · built 2026-09-09

CITE THIS

Web page · 0.1.0

Hay, C. (2026). Gating — a HAUSE instrument. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/gating

The specimen, the source account and the props share one form record. Cite this page or follow its source identifier to inspect the implementation.