I just read the solve here for making an image smaller using CSS
I’m trying to apply as a newbie. Where it says “image” in the code, do I put the image storage URL? I tried that and it didn’t work. Thank you for sharing the step I’m missing!
https://storage.googleapis.com/glide-prod.appspot.com/uploads-…
Are you on the New app or Classic app? If you’re on New, the way to apply it is a bit different, and you must be on a paid plan.
New and paid.
Use the custom AI component for this instead of CSS. Make sure you test for mobile and desktop when you create the component.
Is it a single image or a carousel? I would think that if it’s a single image, it’s easier to use a rich text component and control its width/height. You can also create prompts and reference the image like @nathanaelb said.
For no real good reason, I’m allergic to code. I know that html and css are not real code, and that tweaking with AI really is exactly the same as tweaking with html and css – the AI is simply translating the prompts into html and css settings as needed. But, don’t ask me why, to me fiddling around with html and css feels hacky (and I refuse to engage in that), whereas prompting AI feels acceptable. It seems I’m okay outsourcing the hacky business to the intern or AI, but refuse to do it myself. How hypocritical behavior 
This made me laugh.
And guess what? I’m exactly the opposite. I have no issues resorting to a bit of JavaScript or CSS (even though I’m hopeless with it), but the AI stuff scares the beejebus out of me. For some reason, I have a deep distrust of it. Something to do I think with my advancing age and some of the frustrating experiences I’ve had trying to extract sensible responses from Chat GPT 
I still haven’t touched the AI component. I’m getting left behind…
In my case it has to do with my personality I think. I refuse to do things that I distrust myself to be able to repeat or maintain on the long-term. In the past, every time I tweaked the autoexec.bat or config.sys files in DOS, or built websites on Wordpress with plugins and html and css all over the place, every single time no exception I return to the thing later and wonder how the hell I did what I did, as if someone else had done it. And then I cannot maintain the setup. Basically, I don’t trust myself to not lose my ability to understand my own setups. However, I do trust myself to not totally lose my ability to speak and therefore give commands to AI 
Yeah the custom AI component!
(I still get this often get the feeling with most Glide apps I build: who the hell did this?! To avoid this, I try to keep things oh so simple. “If it needs a manual or documentation, it’s already broken.”)
I guess the solution is in the middle, depending on how you like to code/no code. I’m personally leaning toward no code and AI 
I tried that @Trustin
It just didn’t format correctly.
class name: scale-image
.scale-image {
width: 50%;
margin:0 auto;
}
With the 3-column container setup, as far as I recall you need to add spacers in the left and right columns for the columns to be taken into account. Then set the spacers to “small” and “no line”. But then on mobile the columns will stack, thus adding spacers above and below the components in the center column, it’s not ideal, yada yada yada, it’s hacky.
The following custom AI component to create a simple image is utterly non-optimized and could probably be optimized in one single prompt, but it uses the AI component:
If I recall correctly, using the custom AI component to display images will display the image in higher quality than using the image component.
I’m somewhere in between but I’m leaning more like you.
I guess I don’t like that I can’t control the output of the AI Component to the extent I did with the Code Component. Trying to fiddle around with a system that produces non-determinism results frustrates the hell out of me sometimes, especially when you need it to be determinism for this exact use case.
By determinism, I mean it always produces sort of the same output given the same input.
I’d like a combo option. AI to do a bulk of the work, and then get into the code to tweak it and work out the final bugs.
Recently been getting into the AI component some more and doing some cool and useful things but I keep running into some very simplistic issues that I think I could fix very quickly if I could just get my hands on the code. Instead I end up battling it out with the AI for a couple hours to get it right or close enough.
Still fun to play with though. You know I had to attempt a calculator. 
Even got all of the buttons to map to the keyboard keys so I can can do everything on the keyboard.
@Jeff_Hager March Challenge 
If you like then share how you accomplish that - I’m interested in the manual tweaking. I think it took me five minutes to do the calculator by the AI component but the fine tuning is a more interesting subject
Every challenge is March Challenge! 
Now we’re getting into inside baseball with march challenges… I feel like I’m listening to a bunch of Glide experts and just happy to be in the room.
Thank you for bringing the AI topic up!
Will the Glide AI component ever change over time? I think that once a prompt is fine-tuned then the CSS is ‘locked’ and will not change even if the underlying AI ‘engine’ has changed. And if you re-run the prompt in the future will you lose the previous AI ‘version’ of the component? Their may not be a ‘going back’ if the underlying LLM has changed/been refined.
And that is my paranoia…if I create a good looking component, what happens to it in the future? Is it static CSS/HTML or more dynamic AI generative component that could change without direct instruction to refresh/update?
@Krivo Since @Jessie doesn’t seem to be too annoyed that the topic went off track I’ll post my prompts here.
This is the chat dialog. It’s a bit of back and forth to fine tune it:
This is the component JSON:
{
"kind": "ai-custom-chat-component",
"visibilityFilters": [],
"useAppDescHistory": {
"kind": "switch",
"value": {
"value": true
}
},
"generator": {
"kind": "enum",
"value": "ai-claude-v1"
},
"history": {
"kind": "array",
"value": [
{
"uuid": {
"kind": "string",
"value": "commit::56e8101f-cf41-8414-873a-d4f3cd4d472f"
},
"prompt": {
"kind": "string",
"value": "Fully functional basic calculator that works with keyboard keys. Nothing needs to be saved and there should be no need for linked data or actions."
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": [
{
"name": {
"kind": "string",
"value": "Input"
},
"value": {
"kind": "string",
"value": "5 + 3"
}
},
{
"name": {
"kind": "string",
"value": "Result"
},
"value": {
"kind": "string",
"value": "8"
}
},
{
"name": {
"kind": "string",
"value": "Operation"
},
"value": {
"kind": "string",
"value": "Addition"
}
}
]
},
"actions": {
"kind": "array",
"value": [
{
"title": {
"kind": "string",
"value": "Number"
},
"action": {
"kind": "action",
"value": {
"kind": "plugin-glide-ai-text-to-number"
}
}
},
{
"title": {
"kind": "string",
"value": "Decimal"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast"
}
}
},
{
"title": {
"kind": "string",
"value": "Operation"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast"
}
}
},
{
"title": {
"kind": "string",
"value": "Calculate"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast"
}
}
},
{
"title": {
"kind": "string",
"value": "Backspace"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast"
}
}
},
{
"title": {
"kind": "string",
"value": "Clear"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast"
}
}
}
]
}
},
{
"uuid": {
"kind": "string",
"value": "commit::3ae9f1cf-bea2-cfa0-8068-75d7fb7c7407"
},
"prompt": {
"kind": "string",
"value": "i don't want any buttons to call actions"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": [
{
"name": {
"kind": "string",
"value": "Input"
},
"value": {
"kind": "column",
"value": {
"kind": "default-ctx",
"name": "vipoV"
}
}
},
{
"name": {
"kind": "string",
"value": "Result"
},
"value": {
"kind": "string",
"value": "8"
}
},
{
"name": {
"kind": "string",
"value": "Operation"
},
"value": {
"kind": "string",
"value": "Addition"
}
}
]
},
"actions": {
"kind": "array",
"value": [
{
"title": {
"kind": "string",
"value": "Number"
},
"action": {
"kind": "action",
"value": {
"kind": "plugin-glide-ai-text-to-number",
"param_message": {
"kind": "column",
"value": {
"kind": "default-ctx",
"name": "Name"
}
}
}
}
},
{
"title": {
"kind": "string",
"value": "Decimal"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast",
"message": {
"kind": "string",
"value": ""
},
"icon": {
"kind": "enum",
"value": "success"
}
}
}
},
{
"title": {
"kind": "string",
"value": "Operation"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast",
"message": {
"kind": "string",
"value": ""
},
"icon": {
"kind": "enum",
"value": "success"
}
}
}
},
{
"title": {
"kind": "string",
"value": "Calculate"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast",
"message": {
"kind": "string",
"value": ""
},
"icon": {
"kind": "enum",
"value": "success"
}
}
}
},
{
"title": {
"kind": "string",
"value": "Backspace"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast",
"message": {
"kind": "string",
"value": ""
},
"icon": {
"kind": "enum",
"value": "success"
}
}
}
},
{
"title": {
"kind": "string",
"value": "Clear"
},
"action": {
"kind": "action",
"value": {
"kind": "show-toast",
"message": {
"kind": "string",
"value": ""
},
"icon": {
"kind": "enum",
"value": "success"
}
}
}
}
]
}
},
{
"uuid": {
"kind": "string",
"value": "commit::0f9219d1-5590-e88b-1bfc-6070eca5547b"
},
"prompt": {
"kind": "string",
"value": "Make it better"
},
"type": {
"kind": "enum",
"value": "actionChange"
},
"fields": {
"kind": "array",
"value": [
{
"name": {
"kind": "string",
"value": "Input"
},
"value": {
"kind": "column",
"value": {
"kind": "default-ctx",
"name": "vipoV"
}
}
},
{
"name": {
"kind": "string",
"value": "Result"
},
"value": {
"kind": "string",
"value": "8"
}
},
{
"name": {
"kind": "string",
"value": "Operation"
},
"value": {
"kind": "string",
"value": "Addition"
}
}
]
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::33dc9982-f604-c38a-5bcc-4444b050a620"
},
"prompt": {
"kind": "string",
"value": "I don't want to save or store any data. I just want the calculator to work on it's own"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": [
{
"name": {
"kind": "string",
"value": "Input"
},
"value": {
"kind": "column",
"value": {
"kind": "default-ctx",
"name": "vipoV"
}
}
},
{
"name": {
"kind": "string",
"value": "Result"
},
"value": {
"kind": "string",
"value": "8"
}
},
{
"name": {
"kind": "string",
"value": "Operation"
},
"value": {
"kind": "string",
"value": "Addition"
}
}
]
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::dd0bde08-1390-c3c4-f7bf-ba6deb6cd02d"
},
"prompt": {
"kind": "string",
"value": "Make it better"
},
"type": {
"kind": "enum",
"value": "fieldChange"
}
},
{
"uuid": {
"kind": "string",
"value": "commit::3217f177-d8ce-3dc9-3162-3b919e4bfbc8"
},
"prompt": {
"kind": "string",
"value": "what is the equal button doing when i press it"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::4a2144b6-03ed-9c52-883e-9c6bff87186c"
},
"prompt": {
"kind": "string",
"value": "when calculate() is called, replace input field with result of the calculation.\n\n\n\ncalculate result out to 10 decimals if needed before rounding"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::2add8df6-3a88-0233-41ff-fb8b8c2f70c4"
},
"prompt": {
"kind": "string",
"value": "what is the equal button doing? calculate() is not replacing the input box"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::d6a241ca-25c4-d884-5a6a-8e6873f69a2d"
},
"prompt": {
"kind": "string",
"value": "It's still not working. The result of the calculation is not being shown."
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::f9eedaf7-81a3-eba0-17be-25af6da4355f"
},
"prompt": {
"kind": "string",
"value": "why doesn't this work?"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::1056c53e-ef4b-3e76-7ae1-975f28532dca"
},
"prompt": {
"kind": "string",
"value": "show me the html and javascript"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::a3cb0b13-2d23-18e8-09c2-d3d4b01991e4"
},
"prompt": {
"kind": "string",
"value": "map the buttons to their respective keyboard keys"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::ec46e94d-e1f5-9168-8bf4-b56faf12ec45"
},
"prompt": {
"kind": "string",
"value": "map clear button to the escape key\n\nadd a back button and map to backspace key"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::06ed6267-5bee-38e2-025c-fadd5cc7673e"
},
"prompt": {
"kind": "string",
"value": "clear and back should be at the top. Can be different size buttons. I would like operator buttons to use the same accent color as the equal button"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::bdc8838b-1625-6d0e-3757-b5104d8d4ab6"
},
"prompt": {
"kind": "string",
"value": "move equal and plus buttons to the right. add a decimal point button below the 2 button"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::7974f94a-61da-b5e8-a9ef-98b8a3a87689"
},
"prompt": {
"kind": "string",
"value": "swap plus and equal buttons"
},
"type": {
"kind": "enum",
"value": "text"
}
},
{
"uuid": {
"kind": "string",
"value": "commit::f1c4e09c-7e79-9311-0d36-98db4e1dae19"
},
"prompt": {
"kind": "string",
"value": "add thousands separator, but ignore the commas when doing the calculation"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::6e1c2aa7-58db-0ea0-0dfd-a85aaef65837"
},
"prompt": {
"kind": "string",
"value": "Display a running history of all past calculations"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::e435101c-3463-cb79-7185-fe93fb0b6108"
},
"prompt": {
"kind": "string",
"value": "Move the history below the calculator and sort in decending order"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::c4d8d923-42d8-76e9-715d-2ecfdb5ece84"
},
"prompt": {
"kind": "string",
"value": "add left and right parenthesis to the top row buttons"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::d9aac3fe-8b89-7825-6cf5-fd1fc292b8ee"
},
"prompt": {
"kind": "string",
"value": "swap clear and left parenthesis"
},
"type": {
"kind": "enum",
"value": "text"
}
},
{
"uuid": {
"kind": "string",
"value": "commit::ff4b6862-e63a-77b9-f744-dab5e661454f"
},
"prompt": {
"kind": "string",
"value": "history should be left of the calculator"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::7e0cc86b-7383-99bf-2938-e6ddd4f69e92"
},
"prompt": {
"kind": "string",
"value": "height of history should not exceed height of calculator before enabling scrolling\n\n\n\nenable graybar in history"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::eebb6b4f-1637-c42d-9e34-26e0b58ba7ae"
},
"prompt": {
"kind": "string",
"value": "make history wider"
},
"type": {
"kind": "enum",
"value": "text"
}
},
{
"uuid": {
"kind": "string",
"value": "commit::333b3e2a-8ee0-a69c-f051-30bd6bdae41a"
},
"prompt": {
"kind": "string",
"value": "make results from calculation in history red after the equal sign."
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::6538bf6c-9ef8-f55d-1050-b9774bdbaa58"
},
"prompt": {
"kind": "string",
"value": "allow each history to be deleted individually"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::f9fcf418-5bb0-837d-bd8a-398646d20cee"
},
"prompt": {
"kind": "string",
"value": "If history is clicked, restore result into input"
},
"type": {
"kind": "enum",
"value": "text"
}
},
{
"uuid": {
"kind": "string",
"value": "commit::bee32b61-0e4f-a115-41d5-af66d57f8153"
},
"prompt": {
"kind": "string",
"value": "only the equal character in the history should not be red. anything after it can be red"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::e6ef3f35-957a-d317-cc10-c1b8a1c79d56"
},
"prompt": {
"kind": "string",
"value": "Make it better"
},
"type": {
"kind": "enum",
"value": "fieldChange"
},
"fields": {
"kind": "array",
"value": [
{
"value": {
"kind": "column",
"value": {
"kind": "default-ctx",
"name": "vipoV"
}
},
"name": {
"kind": "string",
"value": "History"
}
}
]
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::f3bddf54-6ee5-008d-94dc-6a4612254665"
},
"prompt": {
"kind": "string",
"value": "Make it better"
},
"type": {
"kind": "enum",
"value": "fieldChange"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::4a307b40-a457-d93a-eb1e-d6c934faa212"
},
"prompt": {
"kind": "string",
"value": "make history title a bit smaller\n\n\n\nmake operator characters in history red"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::36875615-79ef-cffe-0c8c-0578a34250fd"
},
"prompt": {
"kind": "string",
"value": "make parenthesis characters in history blue"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::dc89e5f1-7643-e36e-590c-e608730f0a6d"
},
"prompt": {
"kind": "string",
"value": "Add dropdown to select the default decimal \n\nrounding"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::ab6e6c6a-2ab8-31bf-96e2-ed568e706732"
},
"prompt": {
"kind": "string",
"value": "rounding should only affect the calculated result"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::4b1b81ee-81e9-7f5f-448d-a4037ce7813b"
},
"prompt": {
"kind": "string",
"value": "add options to dropdown to allow up to 12 decimals"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::a9bc142c-56d6-7bfe-fb99-e6eb61af5e13"
},
"prompt": {
"kind": "string",
"value": "result should still truncate trailing zeros after teh decimal"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::c34e1c83-37bd-9bc4-3692-d40753beb6a0"
},
"prompt": {
"kind": "string",
"value": "default dropdown to 5 decimals"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::928d851c-8ff7-1244-2545-39cff07b01b4"
},
"prompt": {
"kind": "string",
"value": "clicking on history should restore the formula instead of the result"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::2431cf55-8ce9-59bc-2e97-a27c6240c9a7"
},
"prompt": {
"kind": "string",
"value": "If there is an error, show the error somewhere, but don't overwrite the input"
},
"type": {
"kind": "enum",
"value": "text"
}
},
{
"uuid": {
"kind": "string",
"value": "commit::d6b62c52-f712-47ec-4c6b-2f629f102784"
},
"prompt": {
"kind": "string",
"value": "don't show thousands separator"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::ae43dd5f-1ea8-946e-6943-ab5c52692fc6"
},
"prompt": {
"kind": "string",
"value": "when calculator reflows for smaller screens, i want the history below the calculator instead of above it"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
},
{
"uuid": {
"kind": "string",
"value": "commit::50d248ce-3863-3bd0-0fab-509d9137e313"
},
"prompt": {
"kind": "string",
"value": "but if the screen size still allows it, still show history on the left"
},
"type": {
"kind": "enum",
"value": "text"
}
},
{
"uuid": {
"kind": "string",
"value": "commit::475e7658-9e20-510d-ac3f-5d95b05eec84"
},
"prompt": {
"kind": "string",
"value": "if history exceeds 8 items, show a More button on the bottom right that is expandable and collapsable"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
}
}
]
},
"prompt": {
"kind": "string",
"value": "only keep the 20 most recent history items"
},
"uuid": {
"kind": "string",
"value": "commit::b96e7736-42f3-13fc-3702-33be1ed386cb"
},
"type": {
"kind": "enum",
"value": "text"
},
"fields": {
"kind": "array",
"value": []
},
"actions": {
"kind": "array",
"value": []
},
"componentID": "free-0-container-1-ai-custom-chat-component-1"
}