{"containers":[{"uuid":"4754cbfa-b7a5-4266-9c90-b60db1047070","columns":[{"uuid":"eb130cbc-dd7e-4a39-9ff4-0f90c6eeb12c","data":{"properties":{"columnSpan":"col-span-1","gapSize":"sm","border":"border-none"},"styles":{"flexbox":{"align":"start","justify":"start","direction":"vertical"},"backgroundColor":{"value":"","type":"library","name":"","transparency":100},"spaceTop":"pt-0","spaceBottom":"pb-0","spaceLeft":"pl-0","spaceRight":"pr-0","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0","borderCorner":"rounded-md","borderWeight":"border","borderColor":{"value":"#e6e6e6","type":"library","name":"Base darker","transparency":100}},"stylesBreakpoints":{"tablet":{},"mobile":{}}},"components":[{"id":"basic-heading","label":"Heading","description":"A heading component for displaying hierarchical text content with different sizes (h1-h6). Use this for page titles, section headers, article titles, or any other titles.","uuid":"510ef429-ecf5-4cc0-b874-5ce4a2d2bf19","data":{"properties":{"text":"

AI Readiness Assessment

","headerSize":"h1","conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"fontWeight":"font-normal","textAlign":"text-center","fontStyle":"","color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".heading","description":"The class for the heading element."}],"code":""}}},{"id":"basic-text","label":"Text","description":"A simple text component for displaying plain text content. The text can reference a state variable for a dynamic text value.","uuid":"48839327-fea3-491d-8696-0600560c1010","data":{"properties":{"text":"

Get a quick snapshot of how prepared your business is to adopt AI.

","conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"textAlign":"text-center","fontWeight":"font-normal","fontStyle":"","fontSize":"text-base","color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".text","description":"The class for the text component."}],"code":""}}}]}],"data":{"properties":{"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]},"columns":{"num":1,"gap":"gap-0"},"border":"border-none"},"styles":{"spaceTop":"pt-3","spaceBottom":"pb-3","spaceLeft":"pl-3","spaceRight":"pr-3","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0","backgroundColor":{"value":"","type":"library","name":"","transparency":100},"borderCorner":"rounded-none","borderWeight":"border","borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100}},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"code":"","selectors":[]}}},{"uuid":"1520c4be-fd09-4b9f-a6fd-de3be052e4bf","columns":[{"uuid":"db892225-149e-4c13-b9de-759072c0358a","data":{"properties":{"columnSpan":"col-span-1","gapSize":"sm","border":"border-none"},"styles":{"flexbox":{"align":"start","justify":"start","direction":"vertical"},"backgroundColor":{"value":"","type":"library","name":"","transparency":100},"spaceTop":"pt-0","spaceBottom":"pb-0","spaceLeft":"pl-0","spaceRight":"pr-0","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0","borderCorner":"rounded-md","borderWeight":"border","borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100}},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"code":"","selectors":[]}},"components":[{"id":"input-textarea","label":"Long text input","description":"A multi-line text input component for capturing longer text content. Use this for descriptions, comments, feedback, messages, or any text input that requires multiple lines. This component can be used to bind the value to a state variable of type `text`","uuid":"9d3cd742-18a0-49b9-abc6-c1d9ecf4b25d","data":{"properties":{"inputLabel":"What problem would you like AI to solve in your business?","inputHelper":"","inputPlaceholder":"e.g., reduce admin time, improve customer support, automate marketing…","size":"md","border":"border-solid","interactions":{"onInput":{"uuid":"27e421a8-87d4-46dc-977c-2d8687eb4af7","action":"bind-state","data":{"itemUuid":"6b55e6e1-0295-4377-8226-fcb0841aa4c2","value":""},"then":[]}},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-auto","inputLabelColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputHelperColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100},"borderColorOnFocus":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderCorner":"rounded-md","borderWeight":"border","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".input-label","description":"The class for the label of the textarea input."},{"name":".input-helper","description":"The class for the helper text of the textarea input."},{"name":".input-textarea","description":"The class for the input element for the textarea input."},{"name":".input-error-message","description":"The class for the error message container. Inside, there is a list of

s for messages."}],"code":""}}},{"id":"input-radio","label":"Radio input","description":"A single-choice input component that allows users to select exactly one option from a list. Use this for exclusive choices like gender selection, payment methods, subscription plans, or any scenario where only one option can be selected. This component can be used to bind the value to a state variable of type `text`","uuid":"0ba1ab3d-8b1b-400d-8fef-9be3a3b1325e","data":{"properties":{"inputLabel":"How much usable data do you currently have?","inputHelper":"","options":[{"label":"None","value":"None","uuid":"27458e97-b3ec-4b56-b0d0-c740f63fb48c"},{"label":"A small amount","value":"A small amount","uuid":"b7fd1de4-4eb9-4141-9901-d70a785e8b07"},{"label":"A moderate amount","value":"A moderate amount","uuid":"5629e475-00fc-4dee-b583-0d733a2c153a"},{"label":"A large amount","value":"A large amount","uuid":"4cd74d04-6462-44df-a3bd-19b4b8efd495"},{"label":"Not sure","value":"Not sure","uuid":"09005bf6-cff2-4eb9-9024-42e96185f5a2"}],"size":"sm","interactions":{"onInput":{"uuid":"e35e0f82-0041-44c9-a95d-5728d9c1494c","action":"bind-state","data":{"itemUuid":"e19467cd-923d-4c89-aff5-4fb7ec060062","value":""},"then":[]}},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-auto","color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"inputLabelColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputHelperColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputCheckboxColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputCheckboxColorOnChecked":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".input-label","description":"The class for the label of the radio input."},{"name":".input-helper","description":"The class for the helper text of the radio input."},{"name":".input-radio","description":"The class for the input element for the radio input."},{"name":".input-error-message","description":"The class for the error message container. Inside, there is a list of

s for messages."}],"code":""}}},{"id":"input-checkbox","label":"Checkbox","description":"A multiple-choice input component that allows users to select one or more options from a list. Use this for settings toggles, feature selections, consent forms, or any scenario where users need to choose multiple items. Each option can be independently selected or deselected. This component can be used to bind the value to a state variable of type `array`","uuid":"fea7f421-ff2c-4a1f-8708-4bd063164bb6","data":{"properties":{"inputLabel":"Which internal processes feel repetitive or manual today?","inputHelper":"","options":[{"label":"Customer support","value":"Customer support","uuid":"abb7ecfe-2942-4a98-bff4-69b5e1975047"},{"label":"Sales follow-ups","value":"Sales follow-ups","uuid":"8c0885c8-d7dd-4f52-9d31-eafed923b588"},{"label":"Appointment scheduling","value":"Appointment scheduling","uuid":"2160e0d8-f9b3-42ef-b514-db3b157f91e0"},{"label":"Lead qualification","value":"Lead qualification","uuid":"3853428e-5d36-4f92-a722-b86ef0435a0e"},{"label":"Data entry","value":"Data entry","uuid":"3ddcb195-71de-4fa0-85c7-76efd2f698a0"},{"label":"Content creation","value":"Content creation","uuid":"2408bfbb-89f2-490d-88da-af64a3eec22e"},{"label":"Reporting","value":"Reporting","uuid":"f7ecdc7f-99ef-4ecf-8fc7-a89f48397b5e"},{"label":"Other","value":"Other","uuid":"e01a48b4-06ac-4c4a-a345-fbf3987c3e1d"}],"size":"sm","interactions":{"onInput":{"uuid":"d92e5240-7509-4de1-bcfd-b957b23d25e3","action":"bind-state","data":{"itemUuid":"dd988d39-d2d0-4884-9c85-779d10c66b59","value":""},"then":[]}},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"inputLabelColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputHelperColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputCheckboxColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputCheckboxColorOnChecked":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".input-label","description":"The class for the label of the checkbox input."},{"name":".input-helper","description":"The class for the helper text of the checkbox input."},{"name":".input-checkbox","description":"The class for the input element for the checkbox."},{"name":".input-error-message","description":"The class for the error message container. Inside, there is a list of

s for messages."}],"code":""}}},{"id":"input-select","label":"Select","description":"A dropdown selection input component that allows users to choose one option from a collapsible list. Use this for country selection, categories, status options, or any form field with predefined choices. This component can be used to bind the value to a state variable of type `text`","uuid":"a4d643cc-fd74-45c7-ba0e-7155f77f14da","data":{"properties":{"inputLabel":"How tech-savvy is your team?","inputHelper":"","options":[{"label":"Highly technical","value":"Highly technical","uuid":"f8c8ab0b-b493-4fde-bb30-b7fc5547abf3"},{"label":"Moderately technical","value":"Moderately technical","uuid":"c1891cf6-2652-4baa-be13-e9ea18d69405"},{"label":"Not technical","value":"Not technical","uuid":"0e151d3b-550e-43a6-b508-daa1e8a7e059"},{"label":"Mixed skill levels","value":"Mixed skill levels","uuid":"52829d85-5a58-4eb7-a06f-2099298497c0"}],"size":"md","border":"border-solid","interactions":{"onInput":{"uuid":"ca639d31-6de0-4115-bed4-23831dcc0cac","action":"bind-state","data":{"itemUuid":"5272b27f-d8a2-4ded-87ee-490cf5f7407e","value":""},"then":[]}},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-full","inputLabelColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputHelperColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100},"borderColorOnFocus":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderCorner":"rounded-md","borderWeight":"border","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".input-label","description":"The class for the label of the select input."},{"name":".input-helper","description":"The class for the helper text of the select input."},{"name":".input-select","description":"The class for the input element for the select input."},{"name":".input-error-message","description":"The class for the error message container. Inside, there is a list of

s for messages."}],"code":""}}},{"id":"input-textarea","label":"Long text input","description":"A multi-line text input component for capturing longer text content. Use this for descriptions, comments, feedback, messages, or any text input that requires multiple lines. This component can be used to bind the value to a state variable of type `text`","uuid":"5c500706-b71a-4a57-ba55-618ac94d6fca","data":{"properties":{"inputLabel":"What outcome do you want from implementing AI?","inputHelper":"","inputPlaceholder":"e.g., save time, increase revenue, reduce errors, improve customer experience…","size":"md","border":"border-solid","interactions":{"onInput":{"uuid":"42328fc7-9972-447c-a86b-b4b15ba7f4b3","action":"bind-state","data":{"itemUuid":"7f8420b6-fed5-4df8-b381-a28b6cc38213","value":""},"then":[]}},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-auto","inputLabelColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputHelperColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100},"borderColorOnFocus":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderCorner":"rounded-md","borderWeight":"border","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".input-label","description":"The class for the label of the textarea input."},{"name":".input-helper","description":"The class for the helper text of the textarea input."},{"name":".input-textarea","description":"The class for the input element for the textarea input."},{"name":".input-error-message","description":"The class for the error message container. Inside, there is a list of

s for messages."}],"code":""}}},{"id":"input-radio","label":"Radio input","description":"A single-choice input component that allows users to select exactly one option from a list. Use this for exclusive choices like gender selection, payment methods, subscription plans, or any scenario where only one option can be selected. This component can be used to bind the value to a state variable of type `text`","uuid":"25fb9040-b2b0-4b97-b322-554968936269","data":{"properties":{"inputLabel":"What is your estimated budget for AI implementation?","inputHelper":"","options":[{"label":"$0 - $500","value":"$0 - $500","uuid":"0fef14c5-78f7-42e5-b041-41fd54540900"},{"label":"$500 - $2,000","value":"$500 - $2,000","uuid":"81ce684e-57c6-4b3f-a4aa-99a26beff3a4"},{"label":"$2,000 - $10,000","value":"$2,000 - $10,000","uuid":"7e4cf769-8540-452e-b17d-085af729e620"},{"label":"$10,000+","value":"$10,000+","uuid":"fd435a3a-c725-41d3-8f4e-98df88375476"},{"label":"Not sure","value":"Not sure","uuid":"4cc81420-280a-4fdc-bfa2-89b21189a88c"}],"size":"sm","interactions":{"onInput":{"uuid":"b1bf4864-0613-4a6d-9c1d-b11bdbec89b6","action":"bind-state","data":{"itemUuid":"4a119065-d0ac-4427-bac6-78d35eecb759","value":""},"then":[]}},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-auto","color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"inputLabelColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputHelperColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputCheckboxColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputCheckboxColorOnChecked":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".input-label","description":"The class for the label of the radio input."},{"name":".input-helper","description":"The class for the helper text of the radio input."},{"name":".input-radio","description":"The class for the input element for the radio input."},{"name":".input-error-message","description":"The class for the error message container. Inside, there is a list of

s for messages."}],"code":""}}},{"id":"input-radio","label":"Radio input","description":"A single-choice input component that allows users to select exactly one option from a list. Use this for exclusive choices like gender selection, payment methods, subscription plans, or any scenario where only one option can be selected. This component can be used to bind the value to a state variable of type `text`","uuid":"11be1be9-5983-41c5-bd8f-1a22b19d1c6e","data":{"properties":{"inputLabel":"How urgently do you want to implement an AI solution?","inputHelper":"","options":[{"label":"Immediately (0 - 30 days)","value":"Immediately (0 - 30 days)","uuid":"5bb6e49b-7bdf-4339-8493-4e7297cbc4b9"},{"label":"Soon (30 - 90 days)","value":"Soon (30 - 90 days)","uuid":"7182aa2e-7f7e-4e3f-adc4-8cf676da034f"},{"label":"This year","value":"This year","uuid":"69f93cd3-ff86-4031-99c3-2933b4447573"},{"label":"Just exploring","value":"Just exploring","uuid":"4ce805ff-d19a-44ff-b4a1-f77475ca5bc8"}],"size":"sm","interactions":{"onInput":{"uuid":"43885d1c-0fe2-406b-8848-9e9a1bd2800d","action":"bind-state","data":{"itemUuid":"f0de2b7b-ad7d-49ee-a684-34a852bceb39","value":""},"then":[]}},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-auto","color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"inputLabelColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputHelperColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputCheckboxColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputCheckboxColorOnChecked":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".input-label","description":"The class for the label of the radio input."},{"name":".input-helper","description":"The class for the helper text of the radio input."},{"name":".input-radio","description":"The class for the input element for the radio input."},{"name":".input-error-message","description":"The class for the error message container. Inside, there is a list of

s for messages."}],"code":""}}},{"id":"input-text","label":"Text input","description":"A single-line text input component for capturing user text input. Use this for names, titles, search queries, or any short text data entry. This component can be used to bind the value to a state variable of type `text`","uuid":"0352e110-6fe2-4edc-bcc2-f61a3931efc8","data":{"properties":{"inputLabel":"

Full name

","inputHelper":"","inputPlaceholder":"","size":"md","border":"border-solid","interactions":{"onInput":{"uuid":"dc94ee67-daaf-45bf-bda9-eb03ab8c6e99","action":"bind-state","data":{"itemUuid":"d00cb70f-183b-4651-866f-9995f0cb58f5","value":""},"then":[]}},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-auto","inputLabelColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputHelperColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100},"borderColorOnFocus":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderCorner":"rounded-md","borderWeight":"border","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".input-label","description":"The class for the label of the text input."},{"name":".input-helper","description":"The class for the helper text of the text input."},{"name":".input-text","description":"The class for the input element for the text input."},{"name":".input-error-message","description":"The class for the error message container. Inside, there is a list of

s for messages."}],"code":""}}},{"id":"input-email","label":"Email input","description":"A specialized text input component designed for email address. This component can be used to bind the value to a state variable of type `text`","uuid":"7dbec8c2-c1c9-4866-a32f-8b2e8ded16b5","data":{"properties":{"inputLabel":"Email address","inputHelper":"","inputPlaceholder":"example@email.com","size":"md","border":"border-solid","interactions":{"onInput":{"uuid":"8fed62d4-b352-4806-9ed2-acc8d4f1e1a6","action":"bind-state","data":{"itemUuid":"6539f4db-0737-4e48-adbc-35aba77c83da","value":""},"then":[]}},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-auto","color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"inputLabelColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"inputHelperColor":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100},"borderColorOnFocus":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderCorner":"rounded-md","borderWeight":"border","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".input-label","description":"The class for the label of the text input."},{"name":".input-helper","description":"The class for the helper text of the text input."},{"name":".input-email","description":"The class for the input element for the email."},{"name":".input-error-message","description":"The class for the error message container. Inside, there is a list of

s for messages."}],"code":""}}},{"id":"basic-button","label":"Button","description":"A clickable button component that triggers actions when pressed. Essential for user interactions like form submissions, navigation, or executing any action. Can include an optional icon and supports various interaction types.","uuid":"f97f16a7-bcee-43d9-b9aa-f0f9c951f0da","data":{"properties":{"text":"Generate report","interactions":{"onClick":{"action":"trigger-action","data":{"itemUuid":"94d3a982-f586-4d5d-8365-48982797f7a8","value":{"params":{"inputs":{"f0035046-e658-46b4-87b2-48dfe3683383":{"type":"state","value":"6b55e6e1-0295-4377-8226-fcb0841aa4c2"},"ea40755d-81e7-4f45-bc3c-954fd0444373":{"type":"state","value":"e19467cd-923d-4c89-aff5-4fb7ec060062"},"00873fb9-0c4c-4620-b3e5-14e65179f1d6":{"type":"state","value":""},"a12b82b9-6078-44eb-a69e-cd6a1baa263f":{"type":"state","value":"5272b27f-d8a2-4ded-87ee-490cf5f7407e"},"d154f842-6046-4dbf-8871-65b0a922ded1":{"type":"state","value":"7f8420b6-fed5-4df8-b381-a28b6cc38213"},"dade8c3e-aa1f-46af-8948-c36da27888fa":{"type":"state","value":"4a119065-d0ac-4427-bac6-78d35eecb759"},"7749a97d-0b07-44a1-9575-4adb94f2f35a":{"type":"state","value":"f0de2b7b-ad7d-49ee-a684-34a852bceb39"},"e2a5b60d-a308-4da9-8e7e-3e774aeabb79":{"type":"state","value":"d00cb70f-183b-4651-866f-9995f0cb58f5"},"b14b76ac-f4e1-4837-9974-4a5dd113cf49":{"type":"state","value":"6539f4db-0737-4e48-adbc-35aba77c83da"},"06433b7d-e27b-414f-a5c9-7c21770f57a8":{"type":"state","value":"dd988d39-d2d0-4884-9c85-779d10c66b59"}},"output":{"9c138758-7faf-4b80-8ca7-c1000288cda6":{"type":"state","value":"9ce5566a-1e9e-4467-82d0-24f898002627"}}},"await":true}},"then":[]}},"size":"md","border":"border-none","icon":{"type":"url","value":"","position":"left","size":"xs"},"disableIf":{"enable":false,"state":"show","boolops":"and","rules":[]},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-auto","height":"h-auto","textAlign":"text-center","color":{"value":"#ffffff","type":"library","name":"Primary content","transparency":100},"colorOnHover":{"value":"#ffffff","type":"library","name":"Primary content","transparency":100},"backgroundColor":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"backgroundColorOnHover":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderColor":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderColorOnHover":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderCorner":"rounded-md","borderWeight":"border","icon":{"color":{"value":"#ffffff","type":"library","name":"Primary content","transparency":100}},"marginTop":"mt-3","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".button-wrapper","description":"The class for the wrapper of the button component."},{"name":".button","description":"The class for the button element."},{"name":".loading","description":"The class for the loading icon when it is in loading state."},{"name":".button-content","description":"The class for the wrapper of the button icon and text."},{"name":".button-content .icon","description":"The class for the icon of the button."}],"code":""}}}]}],"data":{"properties":{"conditionalRendering":{"enable":true,"state":"show","boolops":"and","rules":[{"uuid":"5fa0984e-db22-4b8e-bfbc-ff3efe3f35a3","stateUuid":"9ce5566a-1e9e-4467-82d0-24f898002627","operator":"empty","value":{"type":"state","value":""}}]},"columns":{"num":1,"gap":"gap-0"},"border":"border-solid"},"styles":{"backgroundColor":{"name":"","value":"","type":"library","transparency":100},"spaceTop":"pt-3","spaceBottom":"pb-3","spaceLeft":"pl-3","spaceRight":"pr-3","marginTop":"mt-3.5","marginBottom":"mb-3.5","marginLeft":"ml-0","marginRight":"mr-0","borderWeight":"border","borderCorner":"rounded-md","borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100}},"stylesBreakpoints":{"tablet":{"backgroundColor":{"name":"","value":"","type":"library","transparency":100},"spaceTop":"pt-3","spaceBottom":"pb-3","spaceLeft":"pl-3","spaceRight":"pr-3","marginTop":"mt-3.5","marginBottom":"mb-3.5","marginLeft":"ml-0","marginRight":"mr-0","borderWeight":"border","borderCorner":"rounded-md","borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100}},"mobile":{"backgroundColor":{"name":"","value":"","type":"library","transparency":100},"spaceTop":"pt-3","spaceBottom":"pb-3","spaceLeft":"pl-3","spaceRight":"pr-3","marginTop":"mt-3.5","marginBottom":"mb-3.5","marginLeft":"ml-0","marginRight":"mr-0","borderWeight":"border","borderCorner":"rounded-md","borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100}}},"css":{"code":"","selectors":[]}}},{"uuid":"d9149d64-345e-41ef-91ce-c9061b866e91","columns":[{"uuid":"d0d85be5-2c57-45a5-93b0-45134e2b4767","data":{"properties":{"columnSpan":"col-span-1","gapSize":"sm","border":"border-none"},"styles":{"flexbox":{"align":"start","justify":"start","direction":"vertical"},"backgroundColor":{"value":"","type":"library","name":"","transparency":100},"spaceTop":"pt-0","spaceBottom":"pb-0","spaceLeft":"pl-0","spaceRight":"pr-0","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0","borderCorner":"rounded-md","borderWeight":"border","borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100}},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"code":"","selectors":[]}},"components":[{"id":"ai-response-text","label":"AI response text","description":"A text display component specifically designed for showing AI-generated text responses. Use this to display content generated by AI models, or any text that comes from AI. This component will automatically handles all Markdown formats.","uuid":"a37c44a4-3663-48b5-95fd-757b44aee119","data":{"properties":{"inputValue":{"type":"state","value":"9ce5566a-1e9e-4467-82d0-24f898002627"},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"color":{"value":"#181a2a","type":"library","name":"Base content","transparency":100},"backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"borderColor":{"value":"#e6e6e6","type":"library","name":"Base darker","transparency":100},"borderCorner":"rounded-md","borderWeight":"border","marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{}}},{"id":"basic-button","label":"Button","description":"A clickable button component that triggers actions when pressed. Essential for user interactions like form submissions, navigation, or executing any action. Can include an optional icon and supports various interaction types.","uuid":"2b09086b-aafb-4c90-855c-7c318bec9009","data":{"properties":{"text":"Download PDF","interactions":{"onClick":{"action":"export-to-pdf","data":{"value":{"content":{"type":"state","value":"9ce5566a-1e9e-4467-82d0-24f898002627"},"filename":{"type":"free","value":"report.pdf"},"hasLogoHeader":false,"logoUrl":"","logoHeaderPosition":"center"}},"then":[]}},"size":"md","border":"border-none","icon":{"type":"url","value":"","position":"left","size":"xs"},"disableIf":{"enable":false,"state":"show","boolops":"and","rules":[]},"conditionalRendering":{"enable":false,"state":"show","boolops":"and","rules":[]}},"styles":{"width":"w-auto","height":"h-auto","textAlign":"text-center","color":{"value":"#ffffff","type":"library","name":"Primary content","transparency":100},"colorOnHover":{"value":"#ffffff","type":"library","name":"Primary content","transparency":100},"backgroundColor":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"backgroundColorOnHover":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderColor":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderColorOnHover":{"value":"#4d6eff","type":"library","name":"Primary","transparency":100},"borderCorner":"rounded-md","borderWeight":"border","icon":{"color":{"value":"#ffffff","type":"library","name":"Primary content","transparency":100}},"marginTop":"mt-0","marginBottom":"mb-0","marginLeft":"ml-0","marginRight":"mr-0"},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"selectors":[{"name":".button-wrapper","description":"The class for the wrapper of the button component."},{"name":".button","description":"The class for the button element."},{"name":".loading","description":"The class for the loading icon when it is in loading state."},{"name":".button-content","description":"The class for the wrapper of the button icon and text."},{"name":".button-content .icon","description":"The class for the icon of the button."}],"code":""}}}]}],"data":{"properties":{"conditionalRendering":{"enable":true,"state":"show","boolops":"and","rules":[{"uuid":"8734b3c4-b8df-4a2b-af14-f2e4258c6fb8","stateUuid":"9ce5566a-1e9e-4467-82d0-24f898002627","operator":"not_empty","value":{"type":"state","value":""}}]},"columns":{"num":1,"gap":"gap-0"},"border":"border-solid"},"styles":{"spaceTop":"pt-3","spaceBottom":"pb-3","spaceLeft":"pl-3","spaceRight":"pr-3","marginTop":"mt-3.5","marginBottom":"mb-3.5","marginLeft":"ml-0","marginRight":"mr-0","backgroundColor":{"value":"","type":"library","name":"","transparency":100},"borderCorner":"rounded-md","borderWeight":"border","borderColor":{"value":"#d1d1d1","type":"library","name":"Base darker","transparency":100}},"stylesBreakpoints":{"tablet":{},"mobile":{}},"css":{"code":"","selectors":[]}}}],"states":[{"name":"problem","uuid":"6b55e6e1-0295-4377-8226-fcb0841aa4c2","type":"text","value":"","meta":{}},{"name":"numberOfUsableData","uuid":"e19467cd-923d-4c89-aff5-4fb7ec060062","type":"text","value":"","meta":{}},{"name":"internalProcesses","uuid":"dd988d39-d2d0-4884-9c85-779d10c66b59","type":"array","value":"","meta":{}},{"name":"teamTechSavvy","uuid":"5272b27f-d8a2-4ded-87ee-490cf5f7407e","type":"text","value":"","meta":{}},{"name":"aiOutcome","uuid":"7f8420b6-fed5-4df8-b381-a28b6cc38213","type":"text","value":"","meta":{}},{"name":"budgetEstimate","uuid":"4a119065-d0ac-4427-bac6-78d35eecb759","type":"text","value":"","meta":{}},{"name":"urgency","uuid":"f0de2b7b-ad7d-49ee-a684-34a852bceb39","type":"text","value":"","meta":{}},{"name":"report","uuid":"9ce5566a-1e9e-4467-82d0-24f898002627","type":"text","value":"","meta":{}},{"name":"name","uuid":"d00cb70f-183b-4651-866f-9995f0cb58f5","type":"text","value":"","meta":{}},{"name":"email","uuid":"6539f4db-0737-4e48-adbc-35aba77c83da","type":"email","value":"","meta":{}}],"properties":{"title":"Welcome!","subtitle":"How can I help you today?","inputPlaceholder":"Message here","starterMessages":[],"aiModelId":"","agentId":"","agentMode":true,"dataTableId":"","aiLoadingType":"dots","buttonIcon":{"type":"svg","value":"","position":"left","size":"sm"}},"styles":{"fontSize":"md","backgroundColor":{"value":"#ffffff","type":"library","name":"Base","transparency":100},"foregroundColor":{"value":"#1f2937","type":"library","name":"Base content","transparency":100}}}