From a816b16c93d7669982cdfedd55f1c55242f0e8f4 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Thu, 21 Aug 2025 10:20:05 +0100
Subject: [PATCH 1/3] Rounded canvas preview

---
 app/components/ascii-preview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/ascii-preview.tsx b/app/components/ascii-preview.tsx
index 7df79ed..33ab591 100644
--- a/app/components/ascii-preview.tsx
+++ b/app/components/ascii-preview.tsx
@@ -331,7 +331,7 @@ export function AsciiPreview({
           </div>
         )}
         <div
-          className="duration-50 relative transform-gpu transition-transform ease-out"
+          className="duration-50 relative transform-gpu overflow-hidden rounded-[1%] transition-transform ease-out"
           style={{
             transform: isExporting
               ? 'none'

From 0aca9529a14611c589dc42e9950714d26b464339 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Thu, 21 Aug 2025 10:21:37 +0100
Subject: [PATCH 2/3] Flip text/bg order

---
 app/components/export-options.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/components/export-options.tsx b/app/components/export-options.tsx
index 5500afe..1f3ce50 100644
--- a/app/components/export-options.tsx
+++ b/app/components/export-options.tsx
@@ -112,21 +112,20 @@ export function ExportOptions({ settings, updateSettings }: ExportOptionsProps)
       <div className="dedent">
         <div className="flex gap-2">
           <InputText
-            value={flipped ? settings.backgroundColor : settings.textColor}
+            value={flipped ? settings.textColor : settings.backgroundColor}
             onChange={(val) =>
-              handleCustomColorSetChange(flipped ? 'backgroundColor' : 'textColor', val)
+              handleCustomColorSetChange(flipped ? 'textColor' : 'backgroundColor', val)
             }
           >
-            {flipped ? 'BG color' : 'Text color'}
+            {flipped ? 'Text color' : 'BG color'}
           </InputText>
-
           <InputText
-            value={flipped ? settings.textColor : settings.backgroundColor}
+            value={flipped ? settings.backgroundColor : settings.textColor}
             onChange={(val) =>
-              handleCustomColorSetChange(flipped ? 'textColor' : 'backgroundColor', val)
+              handleCustomColorSetChange(flipped ? 'backgroundColor' : 'textColor', val)
             }
           >
-            {flipped ? 'Text color' : 'BG color'}
+            {flipped ? 'BG color' : 'Text color'}
           </InputText>
         </div>
         <InputSwitch checked={flipped} onChange={handleFlipColors}>

From 0700544f2bcb3cf2d4b25f1ac1b150849c4f0291 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Thu, 21 Aug 2025 10:22:54 +0100
Subject: [PATCH 3/3] Tweak default script animation settings

---
 app/templates.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/templates.ts b/app/templates.ts
index f23ff23..decf84f 100644
--- a/app/templates.ts
+++ b/app/templates.ts
@@ -56,8 +56,8 @@ export const TEMPLATES = {
     meta: { name: 'Sin' },
     source: { data: null, code: sin },
     animation: {
-      animationLength: 900,
-      frameRate: 15,
+      animationLength: 100,
+      frameRate: 30,
     },
   },
   custom: { ...DEFAULT_SETTINGS, meta: { name: 'Custom Project' } },