UI Polish Phase

Read First

• docs/common/components/COMPONENTS.md

  - Full component reference

• docs/common/patterns/style.md

  - Styling patterns

• docs/common/patterns/two-way-binding.md

  - $value, $checked bindings

Available Components

ct-screen

ct-vstack

ct-hstack

ct-box

ct-input

ct-textarea

ct-checkbox

ct-select

ct-button

ct-text

ct-status-pill

Key Patterns

<ct-input $value={field} />
<ct-checkbox $checked={done} />

<ct-screen title="My Pattern">
  <ct-vstack gap="md">
    <ct-hstack gap="sm">
      {/* horizontal items */}
    </ct-hstack>
  </ct-vstack>
</ct-screen>

Reference Existing Patterns

packages/patterns/

Done When

• UI renders correctly
• Bindings work (typing updates state)
• No regression in data behavior