Klarhimmel UI

Assistant

The screens an assistant works in: the thread, the composer, tool calls and approvals. Each is a block with its states as props, and two pages show them together: a live conversation and every state at once.

  • Assistant showcase

    A mock assistant screen for marketing pages: thread, tool call, approval and composer in one frame.

  • Thread

    The conversation: user and assistant turns, code, streaming, an error with retry, and an empty state with suggestions.

    4 states

  • Composer

    Where people write: attachments, send and stop, and the disabled and over-the-limit states.

    5 states

  • Tool call

    One tool call with its status, and its arguments and result in a disclosure.

    4 states

  • Approval

    An action that needs a yes or no: scoped detail, risk, approve and deny, and an invalid state.

    3 states

  • Live conversation

    All four working together. Send a message, then approve or deny. Local state, no network.

  • Every state

    Every state of all four on one page, with long values, large payloads and the invalid approval.