basic ui naming change

src/components/Navigation.tsx

@@ -161,7 +161,7 @@ export const ContextSwitcher: Component<{
 
     const label = () => {
         const c = ctx();
-        return c === 'mine' ? "My Workspace" : c.name;
+        return c === 'mine' ? "My Bucket" : c.name;
     };
 
     const handleSwitch = (id: string, name: string, type: 'mine' | 'user' | 'bucket' = 'mine') => {
@@ -229,15 +229,15 @@ export const ContextSwitcher: Component<{
                             <div class="w-4 h-4 rounded-full bg-primary/20 flex items-center justify-center">
                                 <div class="w-2 h-2 rounded-full bg-primary" />
                             </div>
-                            My Workspace
+                            My Bucket
                         </button>
                         <Show when={store.subscribedBuckets.length > 0}>
                             <div class="py-1">
                                 <div class="h-px bg-border/50" />
                             </div>
                             <div class="px-2 py-1 text-[0.625rem] font-bold uppercase text-muted-foreground tracking-wider flex items-center gap-2">
-                                <span>Buckets</span>
-                                <span class="ml-auto bg-muted px-1.5 rounded text-[0.5625rem]">{store.subscribedBuckets.length}</span>
+                                <span>Pinned Global Buckets</span>
+                                <span class="ml-auto bg-muted px-1.5 rounded text-[0.5625rem]">{store.buckets.filter(b => store.subscribedBuckets.includes(b.id)).length}</span>
                             </div>
                             <For each={store.buckets.filter(b => store.subscribedBuckets.includes(b.id))}>
                                 {(bucket) => (
@@ -265,7 +265,7 @@ export const ContextSwitcher: Component<{
                                 <div class="h-px bg-border/50" />
                             </div>
                             <div class="px-2 py-1 text-[0.625rem] font-bold uppercase text-muted-foreground tracking-wider flex items-center gap-2">
-                                <span>Oversight</span>
+                                <span>Shared User Buckets</span>
                                 <span class="ml-auto bg-muted px-1.5 rounded text-[0.5625rem]">{oversightUsers()?.length}</span>
                             </div>
                             <For each={oversightUsers()}>