feat: add "show org-scoped assets" toggle in Browse

- Introduced a toggle to show or hide organization-scoped assets in `Browse`, with state persisted in `localStorage`.
- Added related tests to ensure correct behavior and persistence of settings.
- Updated path generation logic to prepend `@` for org names across `

Author: JasonPaff

src/__tests__/lib/download-service.test.ts

@@ -28,7 +28,7 @@ function buildUrl(
 ): string {
   const typeDir = `${type}s`;
   const parts = ['assets', typeDir];
-  if (org) parts.push(encodeURIComponent(org));
+  if (org) parts.push(`@${encodeURIComponent(org)}`);
   parts.push(encodeURIComponent(name), encodeURIComponent(version), path);
   return `https://api.github.com/repos/EmergentSoftware/agentic-toolkit-registry/contents/${parts.join('/')}`;
 }

src/__tests__/lib/registry-client.test.ts

@@ -156,7 +156,7 @@ describe('registry-client (Octokit-backed)', () => {
       expect(result.name).toBe('validate');
       expect(spy).toHaveBeenCalledWith(
         expect.objectContaining({
-          path: 'assets/agents/agentic-toolkit/validate/1.1.0/manifest.json',
+          path: 'assets/agents/@agentic-toolkit/validate/1.1.0/manifest.json',
         }),
       );
     });
@@ -198,7 +198,7 @@ describe('registry-client (Octokit-backed)', () => {
       expect(result).toBe(markdown);
       expect(spy).toHaveBeenCalledWith(
         expect.objectContaining({
-          path: 'assets/agents/agentic-toolkit/validate/1.1.0/README.md',
+          path: 'assets/agents/@agentic-toolkit/validate/1.1.0/README.md',
         }),
       );
     });

src/__tests__/routes/Browse.test.tsx

@@ -81,6 +81,7 @@ function renderBrowse() {
 describe('BrowseRoute', () => {
   beforeEach(() => {
     window.localStorage.clear();
+    window.localStorage.setItem('atk.browse.showOrgScoped', 'true');
   });
 
   afterEach(() => {
@@ -234,6 +235,47 @@ describe('BrowseRoute', () => {
     expect(screen.getByTestId('asset-route')).toBeInTheDocument();
   });
 
+  it('hides org-scoped assets by default', () => {
+    window.localStorage.removeItem('atk.browse.showOrgScoped');
+    mockUseRegistry({ data: loadFixtureRegistry(), isSuccess: true });
+    renderBrowse();
+
+    expect(screen.queryByTestId('browse-row-validate')).not.toBeInTheDocument();
+    expect(screen.getByTestId('browse-row-dev-commands-rule')).toBeInTheDocument();
+  });
+
+  it('shows org-scoped assets when the toggle is enabled', async () => {
+    window.localStorage.removeItem('atk.browse.showOrgScoped');
+    mockUseRegistry({ data: loadFixtureRegistry(), isSuccess: true });
+    renderBrowse();
+
+    fireEvent.click(screen.getByTestId('toggle-show-org-scoped'));
+
+    await waitFor(() => {
+      expect(screen.getByTestId('browse-row-validate')).toBeInTheDocument();
+    });
+  });
+
+  it('persists the show-org-scoped toggle to localStorage', async () => {
+    window.localStorage.removeItem('atk.browse.showOrgScoped');
+    mockUseRegistry({ data: loadFixtureRegistry(), isSuccess: true });
+    renderBrowse();
+
+    fireEvent.click(screen.getByTestId('toggle-show-org-scoped'));
+
+    await waitFor(() => {
+      expect(window.localStorage.getItem('atk.browse.showOrgScoped')).toBe('true');
+    });
+  });
+
+  it('restores the show-org-scoped toggle from localStorage', () => {
+    window.localStorage.setItem('atk.browse.showOrgScoped', 'true');
+    mockUseRegistry({ data: loadFixtureRegistry(), isSuccess: true });
+    renderBrowse();
+
+    expect(screen.getByTestId('browse-row-validate')).toBeInTheDocument();
+  });
+
   it('persists column visibility to localStorage', async () => {
     mockUseRegistry({ data: loadFixtureRegistry(), isSuccess: true });
     renderBrowse();

src/lib/download-service.ts

@@ -152,7 +152,7 @@ function buildFileUrl(ref: AssetRef, relativePath: string, options: DownloadAsse
   const repo = options.repo ?? DEFAULT_REPO;
   const typeDir = `${ref.type}s`;
   const parts = ['assets', typeDir];
-  if (ref.org) parts.push(encodePathSegment(ref.org));
+  if (ref.org) parts.push(encodePathSegment(`@${ref.org}`));
   parts.push(encodePathSegment(ref.name), encodePathSegment(ref.version));
   for (const segment of relativePath.split('/')) parts.push(encodePathSegment(segment));
   const base = `${GITHUB_API}/repos/${encodePathSegment(owner)}/${encodePathSegment(repo)}/contents/${parts.join('/')}`;

src/lib/registry-client.ts

@@ -82,7 +82,7 @@ export async function fetchRegistry(options: RegistryClientOptions): Promise<Reg
 function buildAssetManifestPath(ref: AssetManifestRef): string {
   const typeDir = `${ref.type}s`;
   const parts = ['assets', typeDir];
-  if (ref.org) parts.push(ref.org);
+  if (ref.org) parts.push(`@${ref.org}`);
   parts.push(ref.name, ref.version, 'manifest.json');
   return parts.join('/');
 }

src/routes/Browse.tsx

@@ -47,6 +47,7 @@ const ALL_COLUMN_IDS = ['name', 'type', 'description', 'version', 'tags', 'tools
 type ColumnId = (typeof ALL_COLUMN_IDS)[number];
 
 const COLUMN_VISIBILITY_STORAGE_KEY = 'atk.browse.columnVisibility';
+const SHOW_ORG_SCOPED_STORAGE_KEY = 'atk.browse.showOrgScoped';
 
 interface BrowseCardListProps {
   isDownloading: (ref: { name: string; org?: string; type: AssetType; version: string }) => boolean;
@@ -95,6 +96,15 @@ export function BrowseRoute() {
     }
   }, [columnVisibility]);
 
+  const [showOrgScoped, setShowOrgScoped] = useState<boolean>(loadShowOrgScoped);
+  useEffect(() => {
+    try {
+      window.localStorage.setItem(SHOW_ORG_SCOPED_STORAGE_KEY, JSON.stringify(showOrgScoped));
+    } catch {
+      /* ignore persistence errors */
+    }
+  }, [showOrgScoped]);
+
   const assets = useMemo<RegistryAsset[]>(() => data?.assets ?? [], [data]);
 
   const { allOrgs, allTags, allTools } = useMemo(() => {
@@ -116,6 +126,7 @@ export function BrowseRoute() {
 
   const rows = useMemo<BrowseRow[]>(() => {
     const filtered = assets.filter((asset) => {
+      if (!showOrgScoped && orgFilter.size === 0 && asset.org) return false;
       if (typeFilter.size > 0 && !typeFilter.has(asset.type)) return false;
       if (tagFilter.size > 0 && !asset.tags.some((t) => tagFilter.has(t))) return false;
       const latest = asset.versions[asset.latest];
@@ -135,7 +146,7 @@ export function BrowseRoute() {
     }
 
     return ordered.map(toRow);
-  }, [assets, typeFilter, tagFilter, toolFilter, orgFilter, search]);
+  }, [assets, typeFilter, tagFilter, toolFilter, orgFilter, search, showOrgScoped]);
 
   const columns = useMemo<ColumnDef<BrowseRow>[]>(
     () => [
@@ -322,6 +333,18 @@ export function BrowseRoute() {
             options={allOrgs}
             selected={orgFilter}
           />
+          <label
+            className='flex cursor-pointer items-center gap-2 rounded-md border border-input bg-transparent px-3 py-1.5 text-sm text-foreground hover:border-primary/60 hover:bg-accent'
+            htmlFor='toggle-show-org-scoped'
+          >
+            <Checkbox
+              checked={showOrgScoped}
+              data-testid='toggle-show-org-scoped'
+              id='toggle-show-org-scoped'
+              onChange={(event) => setShowOrgScoped(event.target.checked)}
+            />
+            <span>Show org-scoped assets</span>
+          </label>
           {hasActiveFilters ? (
             <Button
               className='ml-auto'
@@ -647,6 +670,18 @@ function loadColumnVisibility(): VisibilityState {
   }
 }
 
+function loadShowOrgScoped(): boolean {
+  if (typeof window === 'undefined') return false;
+  try {
+    const raw = window.localStorage.getItem(SHOW_ORG_SCOPED_STORAGE_KEY);
+    if (raw === null) return false;
+    const parsed: unknown = JSON.parse(raw);
+    return typeof parsed === 'boolean' ? parsed : false;
+  } catch {
+    return false;
+  }
+}
+
 function parseSort(value: string): SortingState {
   if (!value) return [];
   const [id, dir] = value.split(':');