howtomakeaname/sumi/feedback

README
U
AlertVariant
U
AttachmentItem
U
AttachmentKind
U
ButtonSize
U
ButtonVariant
U
CheckboxMenuGroup
U
CheckboxMenuItem
U
HitlItem
U
MdTextKind
U
MediaTagKind
U
MediaTagState
U
MediaTagVariant
U
MenuAlign
U
MenuEntry
U
MenuItem
U
MenuSide
U
ResultChipSize
U
SegmentedItem
U
SelectVariant
U
SessionStatus
U
ShortcutItem
U
ShortcutSection
U
SkillMark
U
StatusBadgeState
U
TabEntry
U
TagVariant
U
ToastVariant
U
ToolCallState
U
TooltipSide
T
ThemeMode
V
action_chip
V
add_tile
V
agent_input
V
agent_tool_button
V
alert
V
attachment_strip
V
avatar
V
badge
V
button
V
card
V
card_section
V
chat_bubble
V
checkbox
V
checkbox_menu
V
chip
V
chip_panel
V
context_menu
V
credits
V
dialog
V
divider
V
dropdown_menu
V
editable_text
V
empty_state
V
favorite_toggle
V
generation_meta
V
hitl_card
V
icon
V
icon_adjust
V
icon_adjust_fill
V
icon_align_left
V
icon_arrow_down
V
icon_arrow_up
V
icon_arrow_up_fill
V
icon_at
V
icon_button
V
icon_caret_down
V
icon_chat_history
V
icon_check
V
icon_check_fill
V
icon_check_fill_large
V
icon_chevron_down
V
icon_chevron_down_fill
V
icon_chevron_left
V
icon_chevron_right
V
icon_chevron_right_fill
V
icon_chevron_up
V
icon_chevron_up_fill
V
icon_clock
V
icon_close_circle
V
icon_copy
V
icon_crop
V
icon_delete
V
icon_download
V
icon_draw
V
icon_edit
V
icon_element
V
icon_expand
V
icon_folder
V
icon_fullscreen_alt
V
icon_grid
V
icon_group
V
icon_image
V
icon_image_fill
V
icon_important
V
icon_info_circle_fill
V
icon_layers
V
icon_minus
V
icon_more
V
icon_new_conversation
V
icon_play
V
icon_plus
V
icon_plus_fill
V
icon_ratio
V
icon_reset
V
icon_scissors
V
icon_search
V
icon_skill
V
icon_slash
V
icon_sound
V
icon_sparkle
V
icon_sparkle_fill
V
icon_star
V
icon_star_fill
V
icon_stop_fill
V
icon_target
V
icon_text
V
icon_tick_circle_fill
V
icon_timeline
V
icon_upload
V
icon_upload_fill
V
icon_video
V
icon_x
V
icon_x_fill
V
input
V
kbd
V
md_text
V
media_tag
V
menu_chevron
V
pagination
V
popover
V
progress
V
prompt_box
V
result_chip
V
segmented
V
select
V
send_button
V
session_divider
V
session_header
V
session_item
V
session_list
V
session_status
V
session_title
V
shimmer_text
V
shortcuts_panel
V
skeleton
V
skeleton_lines
V
skeleton_tile
V
skill_chip
V
slider
V
slider_field
V
spinner
V
status_badge
V
stepper
V
switch
V
tabs
V
tag
V
task_card
V
task_list
V
textarea
V
theme
V
toast
V
tool_call_row
V
toolbar
V
toolbar_divider
V
tooltip

howtomakeaname/sumi/feedback does not have a README file

AlertVariant

pub(all) enum AlertVariant {
  Solid
  Subtle
}

StatusBadgeState

source

pub(all) enum StatusBadgeState {
  Running(Int)
  Count(Int)
  Complete
  Warning
}

The four looks of an async job's status badge. Running carries a progress percentage (clamped to 0–100); Count carries a queue depth (displayed capped at 99, matching the design's two-digit circle).

ToolCallState

source

pub(all) enum ToolCallState {
  Doing
  Done
} derive(Eq)

Whether the work is still streaming (shimmering label) or settled (static tertiary label). Failure copy is written into the label itself, e.g. "(1/1) Image generation completed, 1 item failed".

ToolCallState::equal

source

fn ToolCallState::equal(ToolCallState, ToolCallState) -> Bool

ToolCallState::not_equal

source

fn ToolCallState::not_equal(x : ToolCallState, y : ToolCallState) -> Bool

alert

source

fn alert(message~ : String, variant? : AlertVariant, icon? : @moonbit-community/rabbita/html.Html
Html, id? : String, class? : String, attrs? : @moonbit-community/rabbita/html.Attrs
Attrs, style? : Array[String]) -> @moonbit-community/rabbita/html.Html
Html

An inline note for validation and status messages inside a panel or a node — an icon followed by wrapping copy. Solid sits on the canvas, Subtle on an already-filled surface. The default icon is icon_important; pass icon= to replace it.

empty_state

source

fn empty_state(title_text~ : String, description? : String, icon? : @moonbit-community/rabbita/html.Html
Html, action? : @moonbit-community/rabbita/html.Html
Html, id? : String, class? : String, attrs? : @moonbit-community/rabbita/html.Attrs
Attrs, style? : Array[String]) -> @moonbit-community/rabbita/html.Html
Html

A placeholder for empty regions of the canvas or a result list. Pass an optional action (usually a button) below the copy.

progress

source

fn progress(value~ : Int, max? : Int, show_value? : Bool, id? : String, class? : String, attrs? : @moonbit-community/rabbita/html.Attrs
Attrs, style? : Array[String]) -> @moonbit-community/rabbita/html.Html
Html

A determinate linear progress bar.

shimmer_text

source

fn shimmer_text(text : String, id? : String, class? : String, attrs? : @moonbit-community/rabbita/html.Attrs
Attrs, style? : Array[String]) -> @moonbit-community/rabbita/html.Html
Html

The agent status line's in-progress look: a dim band sweeping endlessly across otherwise readable text. The gradient is clipped to the glyphs (background-clip:text), so the sweep rides on the letterforms rather than the box. The sumi-shimmer-text keyframes live in the interaction sheet; reduced motion freezes the sweep.

shimmer_text("Working on it…")

skeleton

source

fn skeleton(width? : String, height? : String, radius? : String, id? : String, class? : String, attrs? : @moonbit-community/rabbita/html.Attrs
Attrs, style? : Array[String]) -> @moonbit-community/rabbita/html.Html
Html

A shimmering placeholder block for loading layouts. The shimmer runs in the interaction sheet and pauses under prefers-reduced-motion.

skeleton_lines

source

fn skeleton_lines(count? : Int, style? : Array[String]) -> @moonbit-community/rabbita/html.Html
Html

Two lines of text-shaped skeletons with the design's line metrics.

skeleton_tile

source

fn skeleton_tile(width? : String, height? : String, style? : Array[String]) -> @moonbit-community/rabbita/html.Html
Html

The card-shaped skeleton used for image/video tiles on a canvas.

status_badge

source

fn status_badge(state~ : StatusBadgeState, aria_label? : String, id? : String, class? : String, attrs? : @moonbit-community/rabbita/html.Attrs
Attrs, style? : Array[String]) -> @moonbit-community/rabbita/html.Html
Html

A 20px badge reporting an async job's state, per the design: a frosted determinate ring while running, a white circle with the queue depth, a blue tick disc on completion, an amber info disc for partial failure. Rendered on dark imagery, so the palette is pinned to the dark values.

status_badge(state=Running(45))
status_badge(state=Count(3))
status_badge(state=Complete)
status_badge(state=Warning)

tool_call_row

source

fn tool_call_row(label~ : String, icon? : @moonbit-community/rabbita/html.Html
Html, state? : ToolCallState, expandable? : Bool, expanded? : Bool, on_toggle? : @moonbit-community/rabbita/cmd.Cmd
Cmd, steps? : Array[String], truncate? : Bool, aria_label? : String, id? : String, class? : String, attrs? : @moonbit-community/rabbita/html.Attrs
Attrs, style? : Array[String]) -> @moonbit-community/rabbita/html.Html
Html

One line of agent progress: a 16px tool icon, a shimmering or settled label, and — when expandable — a chevron that flips between right (collapsed) and down (expanded). Expanding reveals steps under a thread line. The whole row is the toggle hit area when on_toggle is given; omit icon for icon-less rows like "Thinking".

tool_call_row(icon=icon_image(), label="(0/1) Image generating…")
tool_call_row(icon=icon_image(), state=Done, label="(1/1) Image generation completed")
tool_call_row(
  icon=icon_adjust(), label="2 commands executed",
  expandable=true, expanded=e, on_toggle=set_e.map(v => _ => !v),
  steps=["List file directories", "Search for related content"],
)