workspace home screen and sidebar updates

.gitignore

@@ -114,3 +114,4 @@ budibase-datasource
 *.iml
 .nx
 .claude
+.opencode

packages/backend-core/src/features/features.ts

@@ -235,6 +235,7 @@ export class FlagSet<T extends { [name: string]: boolean }> {
 const featureFlagDefaults: Record<FeatureFlag, boolean> = {
   [FeatureFlag.USE_ZOD_VALIDATOR]: false,
   [FeatureFlag.AI_AGENTS]: false,
+  [FeatureFlag.WORKSPACE_HOME]: false,
   [FeatureFlag.DEBUG_UI]: env.isDev(),
   [FeatureFlag.DEV_USE_CLIENT_FROM_STORAGE]: false,
 }

packages/backend-core/src/users/db.ts

@@ -17,6 +17,7 @@ import * as accountSdk from "../accounts"
 import * as cache from "../cache"
 import { getGlobalDB, getIdentity, getTenantId } from "../context"
 import * as dbUtils from "../db"
+import { getUsersByWorkspaceParams } from "../docIds/params"
 import env from "../environment"
 import { EmailUnavailableError, HTTPError } from "../errors"
 import * as platform from "../platform"
@@ -182,9 +183,14 @@ export class UserDB {
   }
 
   static async countUsersByApp(appId: string) {
-    let response: any = await usersCore.searchGlobalUsersByApp(appId, {})
+    const response = await dbUtils.queryGlobalViewRaw<User>(
+      dbUtils.ViewName.USER_BY_WORKSPACE,
+      getUsersByWorkspaceParams(appId, {
+        include_docs: false,
+      })
+    )
     return {
-      userCount: response.length,
+      userCount: response.rows.length,
     }
   }
 

packages/builder/src/components/common/PublishStatusBadge.svelte

@@ -7,52 +7,35 @@
   const statusDisplayName: Record<PublishResourceState, string> = {
     [PublishResourceState.PUBLISHED]: "Live",
 
-    [PublishResourceState.DISABLED]: "Off",
+    [PublishResourceState.DISABLED]: "Draft",
   }
 </script>
 
-<div
+<span
   class="status"
   class:published={status === PublishResourceState.PUBLISHED}
   class:disabled={status === PublishResourceState.DISABLED}
   class:loading
 >
   {statusDisplayName[status]}
-</div>
+</span>
 
 <style>
   .status {
-    padding: 2px 6px 2px 18px;
-    border-radius: 8px;
     display: inline;
-    color: white;
-    position: relative;
-    text-transform: capitalize;
-    background: var(--color);
-
-    &.published {
-      --color: #004c2e;
-      border: 1px solid #005d39;
-    }
+    font-family: var(--font-sans);
+    font-size: 14px;
+    line-height: 17px;
+    font-weight: 400;
+    color: var(--color);
+  }
 
-    &.disabled {
-      --color: var(--spectrum-global-color-gray-300);
-      border: 1px solid var(--spectrum-global-color-gray-400);
-    }
+  .status.published {
+    --color: #8ca171;
+  }
 
-    &::after {
-      content: " ";
-      display: block;
-      width: 8px;
-      height: 8px;
-      background: var(--color);
-      filter: brightness(3);
-      border-radius: 50%;
-      position: absolute;
-      left: 6px;
-      top: 50%;
-      transform: translateY(-50%);
-    }
+  .status.disabled {
+    --color: var(--spectrum-global-color-gray-600);
   }
   .loading {
     opacity: 0.5;

packages/builder/src/components/common/WorkspaceSelect.svelte

@@ -329,7 +329,7 @@
     display: flex;
     align-items: center;
     background: var(--spectrum-global-color-gray-200);
-    border-radius: 8px;
+    border-radius: 6px;
     justify-content: space-between;
     cursor: pointer;
     transition: background-color 130ms ease-in-out;
@@ -345,7 +345,7 @@
     display: flex;
     gap: var(--spacing-s);
     align-items: center;
-    font-size: var(--font-size-m);
+    font-size: 13px;
     flex: 1 1 0;
     min-width: 0;
     overflow: hidden;
@@ -358,8 +358,13 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .workspace-menu-text :global(i) {
+    font-size: 14px;
+    width: 14px;
+    height: 14px;
+  }
   .workspace-menu-text:hover {
-    border-radius: 8px 0 0 8px;
+    border-radius: 6px 0 0 6px;
   }
   .workspace-menu.disabled .workspace-menu-text:hover {
     border-radius: 0;

packages/builder/src/pages/builder/_components/FavouriteResourceButton.svelte

@@ -1,13 +1,11 @@
 <script lang="ts">
-  import { Icon, TooltipPosition, TooltipType } from "@budibase/bbui"
+  import { Icon } from "@budibase/bbui"
   import { API } from "@/api"
   import { type WorkspaceFavourite } from "@budibase/types"
   import { workspaceFavouriteStore } from "@/stores/builder"
 
   export let favourite: WorkspaceFavourite | undefined = undefined
   export let size: "S" | "XS" | "M" | "L" | "XL" | "XXL" | "XXXL" = "XS"
-  export let position: TooltipPosition = TooltipPosition.Top
-  export let noWrap = false
 
   let waiting = false
 </script>
@@ -17,15 +15,9 @@
     name="star"
     hoverable
     weight={favourite._id ? "fill" : "regular"}
-    color={favourite._id
-      ? "var(--spectrum-global-color-yellow-1000)"
-      : undefined}
-    tooltip={favourite._id ? "Remove from favourites" : "Add to favourites"}
-    tooltipType={TooltipType.Info}
-    tooltipPosition={position}
-    tooltipWrap={noWrap}
+    color={favourite._id ? "var(--spectrum-global-color-gray-600)" : undefined}
     hoverColor={favourite._id
-      ? "var(--spectrum-global-color-yellow-700)"
+      ? "var(--spectrum-global-color-gray-600)"
       : undefined}
     {size}
     on:click={async e => {
@@ -36,7 +28,10 @@
         if (favourite._id && favourite._rev) {
           await API.workspace.delete(favourite._id, favourite._rev)
         } else {
-          await API.workspace.create(favourite)
+          await API.workspace.create({
+            resourceId: favourite.resourceId,
+            resourceType: favourite.resourceType,
+          })
         }
         await workspaceFavouriteStore.sync()
       } catch (e) {