@webmcp-auto-ui/agent 2.5.25 → 2.5.27

package/src/recipes/widgets/stat.md

@@ -1,35 +0,0 @@
----
-widget: stat
-description: Key statistic (KPI, counter, total)
-group: simple
-schema:
-  type: object
-  required:
-    - label
-    - value
-  properties:
-    label:
-      type: string
-    value:
-      type: string
-    trend:
-      type: string
-    trendDir:
-      type: string
-      enum:
-        - up
-        - down
-        - neutral
----
-
-## When to use
-Display a single key figure — KPI, counter, total, score. Ideal when the user asks "how many…" or requests a numerical summary.
-
-## How to use
-1. Fetch the data via the appropriate MCP tool (e.g. SQL query, API call)
-2. Call `autoui_webmcp_widget_display('stat', { label: 'Active users', value: '1,247' })`
-3. Optional: add `trend` (e.g. '+12%') and `trendDir` ('up'/'down'/'neutral') to show the trend
-
-## Common mistakes
-- Passing `value` as a number instead of a string — always convert to string
-- Forgetting to format the number (thousand separators, units)

package/src/recipes/widgets/tags.md

@@ -1,30 +0,0 @@
----
-widget: tags
-description: Group of tags/badges
-group: simple
-schema:
-  type: object
-  required:
-    - tags
-  properties:
-    label:
-      type: string
-    tags:
-      type: array
-      items:
-        type: object
-        required:
-          - text
-        properties:
-          text:
-            type: string
-          active:
-            type: boolean
----
-
-## When to use
-Display categories, labels, filters, or badges. Useful for showing tags associated with an item or presenting visual filters.
-
-## How to use
-1. Fetch the tags or categories from MCP
-2. Call `autoui_webmcp_widget_display('tags', { label: 'Categories', tags: [{ text: 'Finance', active: true }, { text: 'Tech' }] })`

package/src/recipes/widgets/text.md

@@ -1,19 +0,0 @@
----
-widget: text
-description: Free-form text paragraph
-group: simple
-schema:
-  type: object
-  required:
-    - content
-  properties:
-    content:
-      type: string
----
-
-## When to use
-Display an explanatory paragraph, a summary, or a long description. Prefer `stat` for a single figure, `kv` for structured pairs.
-
-## How to use
-1. Write or fetch the text to display
-2. Call `autoui_webmcp_widget_display('text', { content: 'Here is the summary of the analysis...' })`

package/src/recipes/widgets/timeline.md

@@ -1,38 +0,0 @@
----
-widget: timeline
-description: Event timeline with status
-group: rich
-schema:
-  type: object
-  required:
-    - events
-  properties:
-    title:
-      type: string
-    events:
-      type: array
-      items:
-        type: object
-        required:
-          - title
-        properties:
-          date:
-            type: string
-          title:
-            type: string
-          description:
-            type: string
-          status:
-            type: string
-            enum:
-              - done
-              - active
-              - pending
----
-
-## When to use
-Display a sequence of chronological events — history, process steps, activity log. Each event can have a status (done/active/pending).
-
-## How to use
-1. Fetch events via MCP, sort them chronologically
-2. Call `autoui_webmcp_widget_display('timeline', { title: 'Order History', events: [{ date: '2024-01-15', title: 'Order placed', status: 'done' }, { date: '2024-01-16', title: 'Shipped', status: 'active' }] })`

package/src/recipes/widgets/trombinoscope.md

@@ -1,39 +0,0 @@
----
-widget: trombinoscope
-description: People grid with badges
-group: rich
-schema:
-  type: object
-  required:
-    - people
-  properties:
-    title:
-      type: string
-    people:
-      type: array
-      items:
-        type: object
-        required:
-          - name
-        properties:
-          name:
-            type: string
-          subtitle:
-            type: string
-          badge:
-            type: string
-          color:
-            type: string
-    columns:
-      type: number
----
-
-## When to use
-Display a grid of people — team, group members, participants. Each person can have a badge and a distinctive color.
-
-## How to use
-1. Retrieve the list of people via MCP
-2. Call `autoui_webmcp_widget_display('trombinoscope', { title: 'Dev Team', people: [{ name: 'Alice', subtitle: 'Lead', badge: 'PM', color: '#4CAF50' }], columns: 3 })`
-
-## Common mistakes
-- NEVER fabricate image URLs for the `avatar` field. Use ONLY the URLs returned by MCP tools. If no URL is available, do not include an avatar field — the widget will display initials automatically.