From b3e5b1de8aaf9b90cb02e25d0a95ea7105002eb4 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Mon, 28 Apr 2025 14:14:42 +0200
Subject: [PATCH 1/3] Chore(app): re-enable classname linting to be an error

---
 pkgs/webview-ui/app/eslint.config.mjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pkgs/webview-ui/app/eslint.config.mjs b/pkgs/webview-ui/app/eslint.config.mjs
index df02ea988..858cc8fec 100644
--- a/pkgs/webview-ui/app/eslint.config.mjs
+++ b/pkgs/webview-ui/app/eslint.config.mjs
@@ -18,7 +18,7 @@ export default tseslint.config(
         },
       ],
       "tailwindcss/no-custom-classname": [
-        "warn",
+        "error",
         {
           callees: ["cx"],
           whitelist: ["material-icons"],

From 05c172466fe3425c53535d04d3fc2bfec5d88766 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Mon, 28 Apr 2025 14:15:02 +0200
Subject: [PATCH 2/3] Fix(app/sidebar): remove duplicate marker

---
 pkgs/webview-ui/app/src/components/Sidebar/css/sidebar.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/pkgs/webview-ui/app/src/components/Sidebar/css/sidebar.css b/pkgs/webview-ui/app/src/components/Sidebar/css/sidebar.css
index bc4396831..33d0423fa 100644
--- a/pkgs/webview-ui/app/src/components/Sidebar/css/sidebar.css
+++ b/pkgs/webview-ui/app/src/components/Sidebar/css/sidebar.css
@@ -23,4 +23,8 @@
   /* background-color: rgba(var(--clr-bg-inv-3) / 0.9); */
   @apply bg-primary-800/90;
   border-radius: theme(borderRadius.md);
+
+  ::marker {
+    content: "";
+  }
 }

From a6f97b0a04f29efe019c6ccb775c92f59bd4ed41 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Mon, 28 Apr 2025 14:25:29 +0200
Subject: [PATCH 3/3] Fix(app/machine/create): fix css styling inconsistencies,
 remove ability to set tags

---
 .../app/src/routes/machines/avatar.tsx        |  4 +--
 .../app/src/routes/machines/create.tsx        | 30 ++-----------------
 2 files changed, 5 insertions(+), 29 deletions(-)

diff --git a/pkgs/webview-ui/app/src/routes/machines/avatar.tsx b/pkgs/webview-ui/app/src/routes/machines/avatar.tsx
index c0746489c..4e353a77d 100644
--- a/pkgs/webview-ui/app/src/routes/machines/avatar.tsx
+++ b/pkgs/webview-ui/app/src/routes/machines/avatar.tsx
@@ -10,11 +10,11 @@ export const MachineAvatar = (props: AvatarProps) => {
       <div class="">
         <div
           class={cx(
-            "rounded-lg border p-2 bg-def-1 border-def-3 size-36",
+            "rounded-lg border p-2 bg-def-1 border-def-3 h-fit",
             props.class,
           )}
         >
-          <RndThumbnail name={props.name || ""} />
+          <RndThumbnail name={props.name || ""} height={120} width={220} />
         </div>
       </div>
     </figure>
diff --git a/pkgs/webview-ui/app/src/routes/machines/create.tsx b/pkgs/webview-ui/app/src/routes/machines/create.tsx
index d3e636cf6..1bda5b558 100644
--- a/pkgs/webview-ui/app/src/routes/machines/create.tsx
+++ b/pkgs/webview-ui/app/src/routes/machines/create.tsx
@@ -73,16 +73,17 @@ export function CreateMachine() {
       <Header title="Create Machine" />
       <div class="flex w-full p-4">
         <div class="mt-4 w-full self-stretch px-2">
-          <Form onSubmit={handleSubmit} class="">
+          <Form onSubmit={handleSubmit} class="gap-2 flex flex-col">
             <Field
               name="opts.machine.name"
               validate={[required("This field is required")]}
             >
               {(field, props) => (
                 <>
-                  <div class="flex justify-center">
+                  <div class="flex justify-center mb-4 pb-4 border-b">
                     <MachineAvatar name={field.value} />
                   </div>
+
                   <TextInput
                     inputProps={props}
                     value={`${field.value}`}
@@ -105,31 +106,6 @@ export function CreateMachine() {
                 />
               )}
             </Field>
-            <Field name="opts.machine.tags" type="string[]">
-              {(field, props) => (
-                <div class="p-2">
-                  <DynForm
-                    initialValues={{ tags: ["all"] }}
-                    components={{
-                      before: <div>Tags</div>,
-                    }}
-                    schema={{
-                      type: "object",
-                      properties: {
-                        tags: {
-                          type: "array",
-                          items: {
-                            title: "Tag",
-                            type: "string",
-                          },
-                          uniqueItems: true,
-                        },
-                      },
-                    }}
-                  />
-                </div>
-              )}
-            </Field>
             <div class=" " tabindex="0">
               <input type="checkbox" />
               <div class="  font-medium ">Deployment Settings</div>