2. Verify model compatibility with your dependencies
Refer to the Compatibility Matrix to confirm that your chosen model is compatible with your versions of the Crayon and GenUI SDKs. In general, if your SDK versions meet or exceed the minimum requirements listed, you are good to go. Any backwards-incompatible changes will be noted separately on that page.
3. Customize C1 with your brand colors and components (optional)
C1 is highly flexible and can be customized to match your brand colors and components before deployment.
Learn how to customize C1 with your brand colors in the UI Customizations guide.If you are using C1Chat, you may also want to add custom components, such as a sidebar or composer. See the Integrating Custom Components guide for details.To add a footer with share or feedback buttons below each agent response, refer to the Integrating a Response Footer guide.
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Thesys Documentation","colors":{"primary":"#8B5CF6","light":"#8B5CF6","dark":"#8B5CF6"},"logo":{"light":"https://mintcdn.com/thesys/Ix1JbpbB1tWCO3US/logo/light.svg?fit=max\u0026auto=format\u0026n=Ix1JbpbB1tWCO3US\u0026q=85\u0026s=b402e9b4308b19551e2db284d332d42e","dark":"https://mintcdn.com/thesys/Ix1JbpbB1tWCO3US/logo/dark.svg?fit=max\u0026auto=format\u0026n=Ix1JbpbB1tWCO3US\u0026q=85\u0026s=1ef66089195e3e1d00dbe6cee8707418"},"favicon":"https://mintcdn.com/thesys/C1mGp0p_ygBsZ7UI/favicon.svg?fit=max\u0026auto=format\u0026n=C1mGp0p_ygBsZ7UI\u0026q=85\u0026s=5fe35350b85f0947e9a3c66a440ddbcb","api":{"playground":{"display":"simple"}},"navbar":{"links":[{"href":"https://www.openui.com/docs","label":"OpenUI Docs"},{"href":"https://zcal.co/zahle/30min","label":"Ask our Dev"}],"primary":{"type":"button","label":"Get API Key","href":"https://console.thesys.dev"}},"footer":{"socials":{"x":"https://x.com/thesysdev","github":"https://github.com/thesysdev","linkedin":"https://linkedin.com/company/thesysdev","youtube":"https://www.youtube.com/@thesysdev","discord":"https://discord.gg/Pbv5PsqUSv"}},"seo":{"metatags":{"canonical":"https://docs.thesys.dev/legacy"}},"banner":{"content":"You are reading the archived C1 by Thesys docs. New projects should use [the OpenUI docs](https://www.openui.com/docs).","dismissible":false},"contextual":{"options":["copy","view","chatgpt","claude"],"display":"header"},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"OpenUI Docs","icon":"arrow-right","href":"https://www.openui.com/docs"},{"anchor":"Developer Tools","icon":"wrench","href":"https://docs.thesys.dev/legacy/developer-tools"},{"anchor":"AI Coding IDE Setup","icon":"code","href":"https://docs.thesys.dev/legacy/guides/ide-setup"},{"anchor":"Discord","icon":"discord","href":"https://discord.gg/Pbv5PsqUSv"},{"anchor":"Get Support","icon":"headset","href":"mailto:support@thesys.dev"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"thesys","hasAudioNarration":false,"actualSubdomain":"thesys","customDomains":["docs.thesys.dev"],"gitSource":{"type":"github","owner":"thesysdev","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a9d12e6f1ca91b02fd9bbbc","collectionId":"371c475d-464d-460d-a945-ec4d3972902d","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6a9d12e6f1ca91b02fd9bbbc"},"feedback":{"thumbs":true},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6a9d12e6f1ca91b02fd9bbbc","clientVersion":"0.0.3908","searchFilterCounts":[{"language":"default","tag":"Guide","count":67},{"language":"default","tag":"Reference","count":14},{"language":"default","tag":"Artifacts","count":13},{"language":"default","tag":"Ecosystem","count":13},{"language":"default","tag":"Advanced","count":12},{"language":"default","tag":"API","count":10},{"language":"default","tag":"legacy/Frameworks","count":10},{"language":"default","tag":"Agent Builder","count":9},{"language":"default","tag":"Conversational UI","count":9},{"language":"default","tag":"Library","count":9}]},"assistantConfig":{"enableStarterQuestions":false},"hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-branches-v2-autocommit","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-branches-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"teamspace","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"client-snapshot-docs-config","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":false},"customCss":[{"filePath":"styles/deprecated-models.css","content":".deprecated-models{text-decoration:line-through;color:#f86956!important}"},{"filePath":"styles/models-pricing.css","content":".model-details [data-component-part=update-tag]{color:#2c8568}.dark .model-details [data-component-part=update-tag]{color:#06c589}"}],"page":{"pagePath":"legacy/support/production-checklist","slug":"/legacy/support/production-checklist","pageMetadata":{"title":"Productionizing","description":"Use this checklist to ensure your C1 application is production-ready.","href":"/legacy/support/production-checklist"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Use this checklist to ensure your C1 application is production-ready.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,p:`p`,..._provideComponents(),...props.components},{Heading,Tip}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`3`,id:`1-use-a-stable-model`,children:`1. Use a stable model`}),`\n`,_jsxs(_components.p,{children:[`Always use one of the latest stable models listed on the `,_jsx(_components.a,{href:`/legacy/api-reference/models-and-compatibility`,children:`Models \u0026 Pricing`}),` page. Avoid using deprecated models.`]}),`\n`,_jsx(Heading,{level:`3`,id:`2-verify-model-compatibility-with-your-dependencies`,children:`2. Verify model compatibility with your dependencies`}),`\n`,_jsxs(_components.p,{children:[`Refer to the `,_jsx(_components.a,{href:`/legacy/api-reference/models-and-compatibility`,children:`Compatibility Matrix`}),` to confirm that your chosen model is compatible with your versions of the Crayon and GenUI SDKs. In general, if your SDK versions meet or exceed the minimum requirements listed, you are good to go. Any backwards-incompatible changes will be noted separately on that page.`]}),`\n`,_jsx(Heading,{level:`3`,id:`3-customize-c1-with-your-brand-colors-and-components-optional`,children:`3. Customize C1 with your brand colors and components (optional)`}),`\n`,_jsx(_components.p,{children:`C1 is highly flexible and can be customized to match your brand colors and components before deployment.`}),`\n`,_jsxs(Tip,{children:[_jsxs(_components.p,{children:[`Learn how to customize C1 with your brand colors in the `,_jsx(_components.a,{href:`/legacy/guides/styling`,children:`UI Customizations`}),` guide.`]}),_jsxs(_components.p,{children:[`If you are using `,_jsx(_components.code,{children:`C1Chat`}),`, you may also want to add custom components, such as a sidebar or composer. See the `,_jsx(_components.a,{href:`/legacy/guides/custom-components`,children:`Integrating Custom Components`}),` guide for details.`]}),_jsxs(_components.p,{children:[`To add a footer with share or feedback buttons below each agent response, refer to the `,_jsx(_components.a,{href:`/legacy/guides/response-footer`,children:`Integrating a Response Footer`}),` guide.`]})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Productionizing","description":"Use this checklist to ensure your C1 application is production-ready.","href":"/legacy/support/production-checklist"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"1. Use a stable model","slug":"1-use-a-stable-model","depth":3,"children":[]},{"title":"2. Verify model compatibility with your dependencies","slug":"2-verify-model-compatibility-with-your-dependencies","depth":3,"children":[]},{"title":"3. Customize C1 with your brand colors and components (optional)","slug":"3-customize-c1-with-your-brand-colors-and-components-optional","depth":3,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/thesys/c59d88e29a375e54/tracking.js"],"subdomain":"thesys","siteName":"Thesys Documentation","title":"Productionizing - Thesys Documentation","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-06T07:04:59.766Z","originalFileLocation":"legacy/support/production-checklist.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Use this checklist to ensure your C1 application is production-ready.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Thesys Documentation\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Productionizing - Thesys Documentation\">\u003cmeta data-mint-head property=\"og:description\" content=\"Use this checklist to ensure your C1 application is production-ready.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Thesys Documentation\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.thesys.dev/legacy/legacy/support/production-checklist\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Productionizing - Thesys Documentation\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Use this checklist to ensure your C1 application is production-ready.\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/thesys/xeMc67sqrKsQ_4dX/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Thesys Documentation\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#8B5CF6\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.thesys.dev/legacy/legacy/support/production-checklist\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/legacy/support/production-checklist.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.thesys.dev/#organization\",\"name\":\"Thesys Documentation\",\"url\":\"https://docs.thesys.dev\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/thesys/Ix1JbpbB1tWCO3US/logo/light.svg?fit=max\u0026auto=format\u0026n=Ix1JbpbB1tWCO3US\u0026q=85\u0026s=b402e9b4308b19551e2db284d332d42e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.thesys.dev/legacy#website\",\"name\":\"Thesys Documentation\",\"url\":\"https://docs.thesys.dev/legacy\",\"publisher\":{\"@id\":\"https://docs.thesys.dev/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.thesys.dev/legacy/legacy/support/production-checklist#webpage\",\"url\":\"https://docs.thesys.dev/legacy/legacy/support/production-checklist\",\"name\":\"Productionizing\",\"description\":\"Use this checklist to ensure your C1 application is production-ready.\",\"dateModified\":\"2026-09-06T07:04:59.766Z\",\"isPartOf\":{\"@id\":\"https://docs.thesys.dev/legacy#website\"},\"breadcrumb\":{\"@id\":\"https://docs.thesys.dev/legacy/legacy/support/production-checklist#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.thesys.dev/legacy/legacy/support/production-checklist#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ecosystem\",\"item\":\"https://docs.thesys.dev/legacy/legacy/guides/frameworks/index\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"legacy/Support\",\"item\":\"https://docs.thesys.dev/legacy/legacy/support/community\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Productionizing\",\"item\":\"https://docs.thesys.dev/legacy/legacy/support/production-checklist\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.thesys.dev/legacy/legacy/support/production-checklist#article\",\"headline\":\"Productionizing\",\"name\":\"Productionizing\",\"description\":\"Use this checklist to ensure your C1 application is production-ready.\",\"url\":\"https://docs.thesys.dev/legacy/legacy/support/production-checklist\",\"mainEntityOfPage\":{\"@id\":\"https://docs.thesys.dev/legacy/legacy/support/production-checklist#webpage\"},\"dateModified\":\"2026-09-06T07:04:59.766Z\",\"publisher\":{\"@id\":\"https://docs.thesys.dev/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.thesys.dev/legacy#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Thesys Documentation\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Thesys Documentation","nav":{"global":{"anchors":[{"anchor":"OpenUI Docs","icon":"arrow-right","href":"https://www.openui.com/docs"},{"anchor":"Developer Tools","icon":"wrench","href":"https://docs.thesys.dev/legacy/developer-tools"},{"anchor":"AI Coding IDE Setup","icon":"code","href":"https://docs.thesys.dev/legacy/guides/ide-setup"},{"anchor":"Discord","icon":"discord","href":"https://discord.gg/Pbv5PsqUSv"},{"anchor":"Get Support","icon":"headset","href":"mailto:support@thesys.dev"}]},"tabs":[{"tab":"Guide","groups":[{"group":"Archive","pages":[{"title":"C1 by Thesys documentation (archive)","sidebarTitle":"Archive home","href":"/legacy"}]},{"group":"Getting Started","pages":[{"title":"What is C1 by Thesys?","href":"/legacy/guides/what-is-thesys-c1"},{"title":"How C1 Works","href":"/legacy/guides/how-c1-works"},{"title":"Quickstart","href":"/legacy/guides/setup"},{"title":"AI Coding IDE Setup","href":"/legacy/guides/ide-setup"}]},{"group":"Basics","pages":[{"title":"Overview","href":"/legacy/guides/basics"},{"title":"Integrating C1 in your backend","href":"/legacy/guides/implementing-api"},{"title":"Rendering C1 Responses into live UI","sidebarTitle":"Rendering UI","href":"/legacy/guides/rendering-ui"},{"title":"Streaming (Optional)","sidebarTitle":"Streaming","href":"/legacy/guides/streaming"},{"title":"Guiding UI generations","href":"/legacy/guides/guiding-outputs"},{"title":"Integrate data via Tool Calling","sidebarTitle":"Integrating data","href":"/legacy/guides/integrate-data/tool-calling"},{"title":"Error Handling","href":"/legacy/guides/error-handling"}]},{"group":"Interactivity","pages":[{"title":"Interactivity","sidebarTitle":"Overview","href":"/legacy/guides/interactivity/index"},{"title":"Managing State","sidebarTitle":"State","href":"/legacy/guides/interactivity/state"},{"title":"Actions","href":"/legacy/guides/interactivity/actions"},{"title":"Forms \u0026 Inputs","href":"/legacy/guides/interactivity/forms"},{"title":"Building Multi-Step Flows","href":"/legacy/guides/interactivity/multi-step-flows"}]},{"group":"Styling","pages":[{"title":"Styling","sidebarTitle":"Overview","href":"/legacy/guides/styling/index"},{"title":"Theming","href":"/legacy/guides/styling/theming"},{"title":"Customizing Charts","href":"/legacy/guides/styling/charts"},{"title":"Overriding Styles with CSS","href":"/legacy/guides/styling/css-overrides"}]},{"group":"Conversational UI","pages":[{"title":"Conversational UI","sidebarTitle":"Overview","href":"/legacy/guides/conversational/index"},{"title":"Conversational UI Concepts","sidebarTitle":"Concepts","href":"/legacy/guides/conversational/concepts"},{"title":"Getting Started with \u003cC1Chat>","sidebarTitle":"Getting Started","href":"/legacy/guides/conversational/getting-started"},{"title":"UI state management","href":"/legacy/guides/conversational/state-management"},{"title":"Customising C1Chat","sidebarTitle":"Customising C1Chat","href":"/legacy/guides/conversational/customizing/c1chat"},{"title":"Conversational API","href":"/legacy/guides/conversational/backend-api"},{"title":"Conversation persistence","href":"/legacy/guides/conversational/persistence"},{"group":"legacy/Sharing","pages":[{"title":"Sharing an Entire Thread","href":"/legacy/guides/conversational/sharing/thread"},{"title":"Sharing a Single Message","href":"/legacy/guides/conversational/sharing/message"}]}]},{"group":"Artifacts","pages":[{"title":"Artifacts","sidebarTitle":"Overview","href":"/legacy/guides/artifacts/index"},{"title":"Generating Artifacts","href":"/legacy/guides/artifacts/generating"},{"title":"Rendering \u0026 Streaming Artifacts","href":"/legacy/guides/artifacts/rendering"},{"group":"legacy/Editing","pages":[{"title":"Editing Artifacts","sidebarTitle":"Overview","href":"/legacy/guides/artifacts/editing/index"},{"title":"Prompt-Based Editing","href":"/legacy/guides/artifacts/editing/prompt-based"},{"title":"Manual Editing","href":"/legacy/guides/artifacts/editing/manual"}]},{"title":"Exporting Artifacts to PDF","href":"/legacy/guides/artifacts/pdf-export"},{"title":"Exporting Slides to PPTX","href":"/legacy/guides/artifacts/pptx-export"},{"group":"legacy/Artifacts in Chat","pages":[{"title":"Artifacts in Chat","sidebarTitle":"Overview","href":"/legacy/guides/artifacts/artifacts-in-chat/index"},{"title":"Generating an Artifact in a Conversation","sidebarTitle":"Generating","href":"/legacy/guides/artifacts/artifacts-in-chat/generating"},{"title":"Editing an Artifact in a Conversation","sidebarTitle":"Editing","href":"/legacy/guides/artifacts/artifacts-in-chat/editing"}]},{"group":"legacy/Slide Templates","pages":[{"title":"Slide Templates (v-20260130)","sidebarTitle":"v-20260130","href":"/legacy/guides/artifacts/slides/slide-templates/v-20260130/index"},{"title":"Slide Templates (v-20251230)","sidebarTitle":"v-20251230","href":"/legacy/guides/artifacts/slides/slide-templates/v-20251230"}]}]},{"group":"Advanced","pages":[{"title":"Thinking States","href":"/legacy/guides/thinking-states"},{"title":"Custom Markdown Responses","href":"/legacy/guides/custom-markdown-responses"},{"title":"Implementing Custom Actions (Buttons)","sidebarTitle":"Custom Actions (Buttons)","href":"/legacy/guides/custom-actions"},{"title":"Implementing Custom Components","sidebarTitle":"Custom Components","href":"/legacy/guides/custom-components"},{"title":"Response Footer","href":"/legacy/guides/response-footer"},{"group":"legacy/Integration Patterns","pages":[{"title":"Integration Patterns","sidebarTitle":"Integration Patterns","href":"/legacy/guides/integration-patterns"},{"title":"Two-Step Visualize Pattern","sidebarTitle":"Two-Step Visualize","href":"/legacy/guides/integration-pattern/visualize"}]},{"title":"Migrating to Generative UI","href":"/legacy/guides/migrate-to-genui"},{"group":"legacy/Deployment","pages":[{"title":"Introduction","href":"/legacy/guides/deployment/introduction"},{"title":"Deploying with Vercel","href":"/legacy/guides/deployment/vercel"},{"title":"Deploying with Render","href":"/legacy/guides/deployment/render"}]}]},{"group":"Ecosystem","pages":[{"group":"legacy/Frameworks","pages":[{"title":"Frameworks","sidebarTitle":"Overview","href":"/legacy/guides/frameworks/index"},{"title":"Model Context Protocol (MCP)","href":"/legacy/guides/integrate-data/mcp"},{"title":"Google ADK Integration","href":"/legacy/guides/frameworks/google-adk"},{"title":"LangChain Integration","href":"/legacy/guides/frameworks/langchain"},{"title":"Integrating C1 with Vercel AI SDK","sidebarTitle":"Vercel AI SDK","href":"/legacy/guides/frameworks/vercel-ai-sdk"},{"title":"Building AI powered data apps in Python with Streamlit","sidebarTitle":"Streamlit","href":"/legacy/guides/frameworks/streamlit"},{"title":"Integrating C1 with CopilotKit","sidebarTitle":"CopilotKit","href":"/legacy/guides/frameworks/copilotkit"},{"title":"Integrating CrewAI with Thesys","sidebarTitle":"CrewAI","href":"/legacy/guides/frameworks/crewai"},{"title":"Integrating Autogen with Thesys","sidebarTitle":"Autogen","href":"/legacy/guides/frameworks/autogen"},{"title":"Integrating Mastra with Thesys","sidebarTitle":"Mastra","href":"/legacy/guides/frameworks/mastra"}]},{"group":"legacy/Support","pages":[{"title":"Community","href":"/legacy/support/community"},{"title":"Troubleshooting","description":"Commonly encountered errors and their solutions","href":"/legacy/support/troubleshooting"},{"title":"Productionizing","href":"/legacy/support/production-checklist"}]}]}]},{"tab":"Examples","pages":[{"title":"Examples","href":"/legacy/examples"}]},{"tab":"Reference","pages":[{"title":"Reference","href":"/legacy/api-reference/getting-started"}]},{"tab":"Agent Builder","pages":[{"title":"Agent Builder","href":"/legacy/agent-builder/introduction"}]},{"tab":"Library","pages":[{"title":"Library","href":"/legacy/library"}]}]},"title":"Productionizing - Thesys Documentation","buildId":"dpl_CUnGQP1HgFUzoxatVC37y4zP83Vx","deploymentId":"dpl_CUnGQP1HgFUzoxatVC37y4zP83Vx","dynamics":["10e4515597"],"chunks":["BannerMarkdown-D8Bv1Qka.js","dist-C1mdUKmc.js","lib-DnkIZQB2.js","lib-q-9GBWeW.js","clsx-D_lcEXjg.js","html-void-elements-mCSPHezU.js","katex-Cnv50rb0.js","marked.esm-BKo0Hl1x.js"]}