v-20250831
2025-08-31
Model versions:
  • c1/anthropic/claude-sonnet-4/v-20250831
Minimum SDK version:
  • @crayonai/react-ui:“0.8.27”
  • @thesysai/genui-sdk: “0.6.32”

New Features

  • Editable Table - Added support for an inline multi edit component that allows changing multiple records at once. Not included by default, but can be added by using the c1_included_components metadata.
    Editable Table Example
    const runToolResponse = openAIClient?.beta.chat.completions.runTools({
      // ... other options
      metadata: {
        thesys: JSON.stringify({
          c1_included_components: ["EditableTable"],
        }),
      },
    });
    
  • Improved List - We refined the list component by removing unclear interactive behavior, improving visual clarity, and adding support for multiple types: images, icons, and numbers.
    List Example
  • Improved Callout - We updated the callout visually to feel more contextual and natural specifically within conversation-based interfaces, improving clarity and highlighting key information more effectively.
    Callout Example
  • Form validations - Generated forms can optionally have validation rules applied to them.
    Form Example
  • Improved Error Handling - SDK now allows passing an onError prop to the C1Component to handle errors.
    import { C1Component } from "@thesysai/genui-sdk";
    ...
    <C1Component onError={({code: number, c1Response: string}) => {
      console.error(`Generated UI error: ${code}, ${c1Response}`);
    }} />
    

Bug Fixes / Improvements

  • Improved carousel responsiveness to adjust for different screen sizes.
Deprecation Notice: From this version onwards Anthropic Sonnet 3.5 and Sonnet 3.7 will not be supported since Anthropic has announced EOL for these models and actively suggests using Sonnet 4 instead.
v-20250815
2025-08-15

Model versions:
  • c1/anthropic/claude-sonnet-4/v-20250815
  • c1/anthropic/claude-3.7-sonnet/v-20250815
  • c1/anthropic/claude-3.5-sonnet/v-20250815

UI

  • Added support for advance layouting options
    Layout Example
  • Added new mini-card component
    Mini-card Example
  • Advanced layouting options can be disabled by using metadata. Pass c1_excluded_components in the metadata to exclude the component. This might be useful if you are building a copilot or width-constrained agent.
    const runToolResponse = openAIClient?.beta.chat.completions.runTools({
      // ... other options
      metadata: {
        thesys: JSON.stringify({
          c1_excluded_components: ["Layout"],
        }),
      },
    });
    
  • Added optional description for switch, radio and checkbox components - this is helpful for explaining each option to the user before they make a choice. Options Description Example

Bug Fixes / Improvements

  • Fixed a bug where carousels appeared visually cluttered.

v-20250709
2025-07-09

Model versions:
  • c1/anthropic/claude-3.5-sonnet/v-20250709
  • Added new ‘Section’ and ‘Horizontal Stacked Bar Chart’ components
  • Updated graph schema to significantly reduce token usage
  • Various fixes:
    • Improved KaTeX rendering in markdown
    • Fixed chart issues with negative and very large numbers
    • Corrected Y-axis label display in charts
    • Fixed datepicker value saving and submission