Skip to content
weftGitHub

Blocks

Whole features you can drop in: chat, settings, sign-in, calls and calendars.

Agent

ConversationThe scrolling chat: turns, an optional title bar, and the prompt pinned below.
AssistantOne answer from the assistant, drawn from its stream of events.
UserMessageThe person's own message, with copy and an optional edit in place.
BranchSwitcherSteps between the versions of an answer. It hides itself when there is only one.
MessageActionsThe row of small actions under an answer: copy, rate, regenerate, branch.
PromptThe box people type to the assistant in, with tools, commands and a model chip.
ModelPickerA chip that opens a list of models, grouped by provider, with their cost and size.
SuggestionsReady-made prompts: cards on an empty chat, chips after a turn.
ToolCallOne action the assistant ran, or wants to run, with its input and result.
AgentPlanThe steps of a run and how far along it is, with the messages waiting behind it.
ReasoningThe assistant's thinking, folded away once it is done.
QuestionThe run stops and asks you to choose before it carries on.
CiteA numbered link to a source, with a preview on hover and focus.
SourcesNumbered cards for what an answer drew on.
ProseAnswer text: paragraphs, lists, code and citations, and never any raw markup.
CheckpointA line in the chat that marks a safe point to go back to.
ShimmerA light passing over text, to show that something is under way.
ContextMeterHow much of the model's memory the chat has used.
TraceViewerEvery step of a run on one timeline, with its time, tokens and cost.
ArtifactPanelSomething the assistant made, with its preview, its code and earlier versions.
SpeechInputDictate a message: pick a microphone, speak, and insert what was heard.

Admin

SettingsLayoutThe frame of a settings page: a list of sections beside a form that holds them.
MembersTableEveryone in a workspace, with roles, bulk removal and pending invites.
PlanPickerCompare plans, see the price difference, and switch.
CheckoutCart, address, shipping, payment and review, as one guided flow.
SettingsSectionA heading, one line of help, and a bordered group of setting rows.
SettingRowOne setting: its name and help on one side, its control on the other.
SaveBarA bar that rises when a form has unsaved changes, with Save and Discard.
DangerZoneThe one section with a critical border, for actions that are hard to undo.
ConfirmDialogAsks people to confirm one action, with the focus on Cancel.
TypeToConfirmMakes people type a name before an action that cannot be undone.
SeatsMeterShows how many of a plan's seats are in use.
RolesMatrixA grid of what each role is allowed to do.
InviteDialogInvite several people by email and pick their role, checked against the seats left.
TagsInputType several values into one field, each becoming a tag you can remove.
ApiKeysList, create and revoke API keys. A new key is shown once.
UsageMeterHow much of a limit is used, with a warning at 80% and stripes past the limit.
UsageMetersLays out a group of usage meters.
InvoicesPast invoices, with a pinned banner if a payment failed.
PaymentMethodsSaved cards, shown by their last four digits, with make default and remove.
PayFrameThe styled slot your payment provider fills. warp never draws card fields itself.
AuditLogA read-only record of who did what, with filters, details and export.
IntegrationsGridConnected apps as cards: their state, one line, one action.
WebhooksEndpoints that get your events, with a test button and a signing secret shown once.
CsvImportUpload a CSV, match its columns, fix bad rows, and import.
CartButtonThe cart icon with a count badge, and the count said in words.
CartDrawerThe cart in a side sheet, with quantities, the subtotal and Checkout.
LineItemOne line of a cart: name, variant, quantity stepper and price.
OrderConfirmationThe thank-you screen: the order number, where the receipt went, and the tracker.
OrderTrackerAn order's progress: placed, packed, shipped, delivered.

Collaboration

ThreadA chat: messages, day dividers, typing, reactions and a composer.
PresenceStackWho is here now: a row of avatars in each person's colour.
CursorsOther people's pointers, with their names, over a shared document.
CommentRailA margin of comment threads beside a document. On a phone it becomes a sheet.
MessageOne chat message, with its quote, attachment, reactions and delivery state.
ComposerWhere a message is written: text, attachments, emoji and @mentions.
ConversationListA list of channels and people, with previews and unread counts.
TypingIndicatorA line that says who is typing.
FollowingWraps a surface that follows another person's view. Scroll or Esc stops it.
PeerMarkText another person has selected, tinted in their colour.
PeerSelectionAn outline with a name flag, for a whole object another person has selected.
LockedFieldA text field held by someone else: readable and focusable, but not editable.
LockIndicatorThe chip that says who is editing something.
ViewportRailA thin map of a document, showing where each person is looking.
SectionPeersSmall avatars beside a heading, showing who is reading that section.
CommentThreadA run of comments with a reply field and Resolve.
CommentAnchorThe highlighted words a comment thread hangs from.
VersionHistoryPast versions of a document. Preview one, then restore it as a new version.
ShareDialogInvite people, set their roles, and choose who a link works for.
SyncIndicatorA quiet word beside the title: Saved, Saving or Offline.
ConflictAlertTwo people changed one value. Shows both, and lets you pick.
SyncedFormA form whose named fields are shared live with everyone in it.
DataIntegrityA developer panel for a live channel: sent, received, duplicates and lag.
AutoTrackA region that scrolls to whatever the presenter is on, until you scroll yourself.

Sign-in and onboarding

SignInA sign-in form with passkey, single sign-on, email and password, and Forgot.
AuthScreenThe page around a sign-in form. On wide screens it adds a brand panel.
SignUpCreates an account: name, email, a checked password and the terms.
FlowRuns steps in one place, keeping what was typed and moving focus for you.
PasswordMeterA strength meter and a list of rules under a new password field.
OtpFieldA one-time code input, drawn as cells. One tab stop, and paste works.
OtpStepThe two-step sign-in screen: code, Verify, resend with a countdown, and another method.
MagicLinkSentThe "check your inbox" screen, with a resend countdown.
ResetPasswordAsk for a reset by email, then set a new password.
InviteAcceptWho invited you, to what, and as what, with Join and Decline.
AuthDoneA brief success mark, then the flow carries on by itself.
ReauthDialogAsks for the password again before something sensitive.
PasskeyButtonSigns in with a passkey. A cancelled system sheet shows nothing.
SsoButtonsA row of single sign-on buttons. Each stays pending until your app redirects.
MfaSetupSets up an authenticator app: scan, confirm a code, save backup codes.
SignGateBlocks a page until an agreement is signed. The page stays visible but inert.
SignGateBadgeThe state of an agreement, as a badge.
ChecklistOnboarding steps with a progress rail, ending in "You're set up".
TourA short guided walk over the real interface, one spotlight at a time.
CoachmarkOne tip on one control: a beacon, and a card when pressed.
SystemPageThe pages for not found, no access, server error, maintenance and nothing yet.
ConnBannerA banner for offline, reconnecting, or a new version of the app.
RateLimitedSays a limit was reached and holds the button until the wait is over.
ShortcutsOverlayLists the shortcuts in use now, grouped and searchable. Press ? to open it.

Live

BellThe notifications button in the app bar, with a count of what is unread.
InboxA person's notifications, by day, with tabs, actions and undo.
ActivityFeedA quiet record of who did what, grouped by day.
ConnectionPillA small status that says whether live updates are getting through.
ConnectionBannerA full-width notice for when the connection drops, with Retry.
PushSoftAskAsks in your own words before the browser's notification prompt appears.
NotificationPreferencesA grid of what to be told about, and how.
MeetingRoomA whole video call: tiles, layouts, people, chat and controls.
TileOne person in a call: their video or avatar, name and status.
ControlBarThe controls along the bottom of a call: mute, camera, share, leave.
PrejoinCheck your name, mic and camera before you go into a call.
LobbyWaiting to be let into a call.
ScheduledLobbyA call that has not started yet: a countdown, with Join off until it is time.
CountdownDays, hours, minutes and seconds to a moment.
TransportPickerA sandbox for developers to test how live updates behave on a bad network.

Schedule