wip: zen

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

@@ -310,16 +310,18 @@ export function MemberSection() {
             </tr>
           </thead>
           <tbody>
-            <For each={data()?.members || []}>
-              {(member) => (
-                <MemberRow
-                  member={member}
-                  workspaceID={params.id}
-                  actorID={data()!.actorID}
-                  actorRole={data()!.actorRole}
-                />
-              )}
-            </For>
+            <Show when={data() && data()!.members.length > 0}>
+              <For each={data()!.members}>
+                {(member) => (
+                  <MemberRow
+                    member={member}
+                    workspaceID={params.id}
+                    actorID={data()!.actorID}
+                    actorRole={data()!.actorRole}
+                  />
+                )}
+              </For>
+            </Show>
           </tbody>
         </table>
       </div>

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

@@ -109,14 +109,4 @@
       }
     }
   }
-}
-
-
-[data-component="empty-state"] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 3rem;
-  color: var(--color-text-secondary);
-  font-size: 0.875rem;
 }

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

@@ -46,14 +46,7 @@ export function ModelSection() {
         <p>Manage models for your workspace.</p>
       </div>
       <div data-slot="models-list">
-        <Show
-          when={modelsInfo()}
-          fallback={
-            <div data-component="empty-state">
-              <p>Loading models...</p>
-            </div>
-          }
-        >
+        <Show when={modelsInfo()}>
           <div data-slot="models-table">
             <table data-slot="models-table-element">
               <thead>