AI
Blocks
Chat-message

Chat-message

Pro

Reusable chat building blocks used inside AI agent layouts

1/4

This conversation is using Opus 4.6. Context window: 200k tokens.

You2:34 PM

Scaffold a minimal Hono app and deploy it to Cloudflare Workers.

Agent2:34 PM

Happy to. I'll create the entry point, a Wrangler config, and update your scripts so `pnpm deploy` ships it to Workers in one step: ```ts // src/index.ts import { Hono } from 'hono' const app = new Hono() app.get('/', (c) => c.text('Hello from Workers!')) export default app ``` Applying the changes now — you'll see the diff below before I run the deploy.

Agent2:35 PM

3 files changed +11 -1

+ import { Hono } from 'hono'
+ 
+ const app = new Hono()
+ app.get('/', (c) => c.text('Hello from Workers!'))
+ 
+ export default app

+ name = "hono-workers-demo"
+ main = "src/index.ts"
+ compatibility_date = "2026-04-01"

    "scripts": {
-     "dev": "vite"
+     "dev": "wrangler dev",
+     "deploy": "wrangler deploy"
    },

wrangler deploy2:35 PM

✓ Compiled src/index.ts (180ms)
✓ Uploaded bundle (1.2s)
✓ Published to https://hono-workers-demo.workers.dev (0.8s)

Agent2:36 PM

Deployed — your app is live at https://hono-workers-demo.workers.dev. Want me to wire up a custom domain next, or add a couple more routes?

This block is part of Kiwa UI Pro

Purchase a license to view the source and install it with the CLI.

View pricing

Installation

Add the block

This will install the block and any dependencies it needs.

npx @kiwa-ui/cli add block chat-message

Add the source file

Add this file to your project.

This block is part of Kiwa UI Pro

Purchase a license to view the source and install it with the CLI.

View pricing

No results found.

Overviews

Browse ComponentsOverview Browse MarketingOverview Browse DashboardOverview Browse AIOverview

Guides

IntroductionGuide InstallationGuide ThemingGuide IconsGuide InteractivityGuide

Components

AccordionComponent · accordion AlertComponent · alert Alert DialogComponent · alert-dialog AvatarComponent · avatar Avatar StackComponent · avatar-stack BadgeComponent · badge BreadcrumbComponent · breadcrumb ButtonComponent · button CardComponent · card CheckboxComponent · checkbox CollapsibleComponent · collapsible Content CardComponent · content-card Context MenuComponent · context-menu Date PickerComponent · date-picker DialogComponent · dialog Dropdown MenuComponent · dropdown-menu EditorComponent · editor EmptyComponent · empty Form FieldComponent · form-field Hover CardComponent · hover-card InputComponent · input KbdComponent · kbd LabelComponent · label PaginationComponent · pagination PopoverComponent · popover ProgressComponent · progress Radio GroupComponent · radio-group SelectComponent · select Select CustomComponent · select-custom SeparatorComponent · separator SheetComponent · sheet SliderComponent · slider SpinnerComponent · spinner SwitchComponent · switch TableComponent · table TabsComponent · tabs TextareaComponent · textarea ToggleComponent · toggle Toggle GroupComponent · toggle-group TooltipComponent · tooltip

Marketing Categories

Marketing Blocks

bento-01Marketing · Bento bento-02Marketing · Bento bento-03Marketing · Bento bento-04Marketing · Bento bento-05Marketing · Bento bento-06Marketing · Bento blog-01Marketing · Blog blog-02Marketing · Blog blog-03Marketing · Blog blog-04Marketing · Blog blog-05Marketing · Blog blog-06Marketing · Blog contact-01Marketing · Contact contact-02Marketing · Contact contact-03Marketing · Contact contact-04Marketing · Contact contact-05Marketing · Contact contact-06Marketing · Contact content-01Marketing · Content content-02Marketing · Content content-03Marketing · Content content-04Marketing · Content content-05Marketing · Content content-06Marketing · Content cta-01Marketing · CTA cta-02Marketing · CTA cta-03Marketing · CTA cta-04Marketing · CTA cta-05Marketing · CTA cta-06Marketing · CTA faq-01Marketing · FAQ faq-02Marketing · FAQ faq-03Marketing · FAQ faq-04Marketing · FAQ faq-05Marketing · FAQ faq-06Marketing · FAQ features-01Marketing · Features features-02Marketing · Features features-03Marketing · Features features-04Marketing · Features features-05Marketing · Features features-06Marketing · Features footer-01Marketing · Footer footer-02Marketing · Footer footer-03Marketing · Footer footer-04Marketing · Footer footer-05Marketing · Footer footer-06Marketing · Footer hero-01Marketing · Heroes hero-02Marketing · Heroes hero-03Marketing · Heroes hero-04Marketing · Heroes hero-05Marketing · Heroes hero-06Marketing · Heroes metrics-01Marketing · Metrics metrics-02Marketing · Metrics metrics-03Marketing · Metrics metrics-04Marketing · Metrics metrics-05Marketing · Metrics metrics-06Marketing · Metrics nav-01Marketing · Navigation nav-02Marketing · Navigation nav-03Marketing · Navigation nav-04Marketing · Navigation nav-05Marketing · Navigation nav-06Marketing · Navigation pricing-01Marketing · Pricing pricing-02Marketing · Pricing pricing-03Marketing · Pricing pricing-04Marketing · Pricing pricing-05Marketing · Pricing pricing-06Marketing · Pricing social-proof-01Marketing · Social Proof social-proof-02Marketing · Social Proof social-proof-03Marketing · Social Proof social-proof-04Marketing · Social Proof social-proof-05Marketing · Social Proof social-proof-06Marketing · Social Proof team-01Marketing · Team team-02Marketing · Team team-03Marketing · Team team-04Marketing · Team team-05Marketing · Team team-06Marketing · Team testimonials-01Marketing · Testimonials testimonials-02Marketing · Testimonials testimonials-03Marketing · Testimonials testimonials-04Marketing · Testimonials testimonials-05Marketing · Testimonials testimonials-06Marketing · Testimonials

Dashboard Categories

Sidebar LayoutsDashboard category · 3 blocks Auth PagesDashboard category · 9 blocks Dashboard PagesDashboard category · 21 blocks Sidebar Featured CardsDashboard category · 5 blocks Page HeadersDashboard category · 2 blocks Stat CardsDashboard category · 3 blocks ChartsDashboard category · 6 blocks FiltersDashboard category · 2 blocks Activity & FeedsDashboard category · 5 blocks File UploadDashboard category · 1 blocks Commands & SearchDashboard category · 2 blocks

Dashboard Blocks

AI Categories

Agent LayoutsAI category · 3 blocks BlocksAI category · 4 blocks

AI Blocks

chat-layout-defaultAI · Agent Layouts chat-layout-insetAI · Agent Layouts chat-layout-floatingAI · Agent Layouts chat-messageAI · Blocks chat-inputAI · Blocks chat-historyAI · Blocks chat-page-headerAI · Blocks

↑↓navigate↵select

ESCto close

Chat-message

src/index.ts+6-0

wrangler.toml+3-0

package.json+2-1

Installation