wip: zen

packages/console/app/src/routes/workspace/[id]/model-section.module.css

@@ -34,6 +34,12 @@
       color: var(--color-text);
       font-family: var(--font-mono);
       font-weight: 500;
+
+      div {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
     }
 
     &[data-slot="training-data"] {
@@ -89,7 +95,7 @@
 
       /* Checked state - track */
       input:checked + span {
-        background-color: #21AD0E;
+        background-color: #21ad0e;
         border-color: #148605;
 
         /* Checked state - handle */
@@ -142,7 +148,6 @@
 
 @media (max-width: 40rem) {
   [data-slot="models-table-element"] {
-
     th,
     td {
       padding: var(--space-2) var(--space-3);
@@ -152,8 +157,7 @@
     th {
       &:nth-child(2)
 
-      /* Training Data */
-        {
+      /* Training Data */ {
         display: none;
       }
     }
@@ -161,8 +165,7 @@
     td {
       &:nth-child(2)
 
-      /* Training Data */
-        {
+      /* Training Data */ {
         display: none;
       }
     }

packages/console/app/src/routes/workspace/[id]/model-section.tsx

@@ -77,7 +77,6 @@ export function ModelSection() {
             <table data-slot="models-table-element">
               <thead>
                 <tr>
-                  <th></th>
                   <th>Model</th>
                   <th></th>
                   <th>Enabled</th>
@@ -89,7 +88,8 @@ export function ModelSection() {
                     const isEnabled = createMemo(() => !modelsInfo()!.disabled.includes(id))
                     return (
                       <tr data-slot="model-row" data-disabled={!isEnabled()}>
-                        <td data-slot="model-icon">
+                        <td data-slot="model-name">
+                          <div>
                             {(() => {
                               switch (lab) {
                                 case "OpenAI":
@@ -108,8 +108,9 @@ export function ModelSection() {
                                   return <IconStealth width={16} height={16} />
                               }
                             })()}
+                            <span>{name}</span>
+                          </div>
                         </td>
-                        <td data-slot="model-name">{name}</td>
                         <td data-slot="model-lab">{lab}</td>
                         <td data-slot="model-toggle">
                           <form action={updateModel} method="post">