diff --git a/.changeset/easy-nails-wish.md b/.changeset/easy-nails-wish.md
new file mode 100644
index 00000000..5615218c
--- /dev/null
+++ b/.changeset/easy-nails-wish.md
@@ -0,0 +1,6 @@
+---
+"create-hypergraph": patch
+---
+
+improve templates (use Projects instead of Address, show space IDs, show Project IDs)
+  
\ No newline at end of file
diff --git a/apps/create-hypergraph/template-nextjs/Components/Space/PrivateSpace.tsx b/apps/create-hypergraph/template-nextjs/Components/Space/PrivateSpace.tsx
index 18c3b8a6..fce0a27d 100644
--- a/apps/create-hypergraph/template-nextjs/Components/Space/PrivateSpace.tsx
+++ b/apps/create-hypergraph/template-nextjs/Components/Space/PrivateSpace.tsx
@@ -12,7 +12,7 @@ import {
 } from '@graphprotocol/hypergraph-react';
 import { useState } from 'react';
 
-import { Address } from '@/app/schema';
+import { Project } from '@/app/schema';
 import { Button } from '../ui/button';
 
 export function PrivateSpaceWrapper({ spaceid }: Readonly<{ spaceid: string }>) {
@@ -24,12 +24,13 @@ export function PrivateSpaceWrapper({ spaceid }: Readonly<{ spaceid: string }>)
 }
 
 function PrivateSpace() {
-  const { name, ready } = useSpace({ mode: 'private' });
-  const { data: addresses } = useQuery(Address, { mode: 'private' });
+  const { name, ready, id: spaceId } = useSpace({ mode: 'private' });
+  const { data: projects } = useQuery(Project, { mode: 'private' });
   const { data: publicSpaces } = useSpaces({ mode: 'public' });
   const [selectedSpace, setSelectedSpace] = useState<string>('');
-  const createAddress = useCreateEntity(Address);
-  const [addressName, setAddressName] = useState('');
+  const createProject = useCreateEntity(Project);
+  const [projectName, setProjectName] = useState('');
+  const [projectDescription, setProjectDescription] = useState('');
   const { getSmartSessionClient } = useHypergraphApp();
 
   if (!ready) {
@@ -45,17 +46,18 @@ function PrivateSpace() {
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
-    createAddress({ name: addressName, description: 'Beautiful address' });
-    setAddressName('');
+    createProject({ name: projectName, description: projectDescription });
+    setProjectName('');
+    setProjectDescription('');
   };
 
-  const publishToPublicSpace = async (address: Address) => {
+  const publishToPublicSpace = async (project: Project) => {
     if (!selectedSpace) {
       alert('No space selected');
       return;
     }
     try {
-      const { ops } = await preparePublish({ entity: address, publicSpace: selectedSpace });
+      const { ops } = await preparePublish({ entity: project, publicSpace: selectedSpace });
       const smartSessionClient = await getSmartSessionClient();
       if (!smartSessionClient) {
         throw new Error('Missing smartSessionClient');
@@ -63,14 +65,14 @@ function PrivateSpace() {
       const publishResult = await publishOps({
         ops,
         space: selectedSpace,
-        name: 'Publish Address',
+        name: 'Publish Project',
         walletClient: smartSessionClient,
       });
       console.log(publishResult, ops);
-      alert('Address published to public space');
+      alert('Project published to public space');
     } catch (error) {
       console.error(error);
-      alert('Error publishing address to public space');
+      alert('Error publishing project to public space');
     }
   };
 
@@ -79,32 +81,47 @@ function PrivateSpace() {
       <div className="container mx-auto px-4 py-8 max-w-4xl">
         {/* Header */}
         <div className="mb-8">
-          <h1 className="text-3xl font-bold text-foreground mb-2">{name}</h1>
-          <p className="text-muted-foreground">Manage your private addresses and publish them to public spaces</p>
+          <p className="text-slate-600 mt-1 text-sm">Private Space</p>
+          <h1 className="text-3xl font-bold text-slate-900">{name}</h1>
+          <p className="text-slate-600 mt-1 text-sm">ID: {spaceId}</p>
+          <p className="text-muted-foreground mt-6">Manage your private projects and publish them to public spaces</p>
         </div>
 
         <div className="grid gap-8 lg:grid-cols-2">
-          {/* Create Address Form */}
+          {/* Create Project Form */}
           <div className="space-y-6">
             <div className="bg-card border rounded-lg p-6 shadow-sm">
-              <h2 className="text-xl font-semibold text-card-foreground mb-4">Create New Address</h2>
+              <h2 className="text-xl font-semibold text-card-foreground mb-4">Create New Project</h2>
               <form onSubmit={handleSubmit} className="space-y-4">
                 <div className="space-y-2">
-                  <label htmlFor="address-name" className="text-sm font-medium text-card-foreground">
-                    Address Name
+                  <label htmlFor="project-name" className="text-sm font-medium text-card-foreground">
+                    Project Name
                   </label>
                   <input
-                    id="address-name"
+                    id="project-name"
                     type="text"
-                    value={addressName}
-                    onChange={(e) => setAddressName(e.target.value)}
-                    placeholder="Enter address name..."
+                    value={projectName}
+                    onChange={(e) => setProjectName(e.target.value)}
+                    placeholder="Enter project name..."
                     className="w-full px-3 py-2 border border-input bg-background rounded-md text-sm transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent"
                     required
                   />
                 </div>
-                <Button type="submit" className="w-full" disabled={!addressName.trim()}>
-                  Create Address
+                <div className="space-y-2">
+                  <label htmlFor="project-description" className="text-sm font-medium text-card-foreground">
+                    Project Description
+                  </label>
+                  <input
+                    id="project-description"
+                    type="text"
+                    value={projectDescription}
+                    onChange={(e) => setProjectDescription(e.target.value)}
+                    placeholder="Enter project description..."
+                    className="w-full px-3 py-2 border border-input bg-background rounded-md text-sm transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent"
+                  />
+                </div>
+                <Button type="submit" className="w-full" disabled={!projectName.trim()}>
+                  Create Project
                 </Button>
               </form>
             </div>
@@ -114,18 +131,23 @@ function PrivateSpace() {
           <div className="space-y-6">
             <div className="bg-card border rounded-lg p-6 shadow-sm">
               <h2 className="text-xl font-semibold text-card-foreground mb-4">
-                Your Addresses ({addresses?.length || 0})
+                Your Projects ({projects?.length || 0})
               </h2>
 
-              {addresses && addresses.length > 0 ? (
+              {projects && projects.length > 0 ? (
                 <div className="space-y-4">
-                  {addresses.map((address) => (
-                    <div key={address.id} className="border border-border rounded-lg p-4 bg-background">
+                  {projects.map((project) => (
+                    <div key={project.id} className="border border-border rounded-lg p-4 bg-background">
+                      <div className="flex items-center justify-between mb-3">
+                        <h3 className="font-medium text-foreground">{project.name}</h3>
+                      </div>
+
+                      <div className="flex items-center justify-between mb-3">
+                        <p className="text-xs text-muted-foreground">ID: {project.id}</p>
+                      </div>
+
                       <div className="flex items-center justify-between mb-3">
-                        <h3 className="font-medium text-foreground">{address.name}</h3>
-                        <span className="text-xs text-muted-foreground bg-muted px-2 py-1 rounded">
-                          ID: {address.id.slice(0, 8)}...
-                        </span>
+                        <p className="text-sm text-muted-foreground">{project.description}</p>
                       </div>
 
                       <div className="space-y-3">
@@ -149,7 +171,7 @@ function PrivateSpace() {
                         </div>
 
                         <Button
-                          onClick={() => publishToPublicSpace(address)}
+                          onClick={() => publishToPublicSpace(project)}
                           disabled={!selectedSpace}
                           variant="outline"
                           size="sm"
@@ -178,8 +200,8 @@ function PrivateSpace() {
                       />
                     </svg>
                   </div>
-                  <p className="text-muted-foreground">No addresses created yet</p>
-                  <p className="text-sm text-muted-foreground mt-1">Create your first address using the form</p>
+                  <p className="text-muted-foreground">No projects created yet</p>
+                  <p className="text-sm text-muted-foreground mt-1">Create your first project using the form</p>
                 </div>
               )}
             </div>
diff --git a/apps/create-hypergraph/template-nextjs/Components/Space/PublicSpace.tsx b/apps/create-hypergraph/template-nextjs/Components/Space/PublicSpace.tsx
index c4ff9c9b..48378643 100644
--- a/apps/create-hypergraph/template-nextjs/Components/Space/PublicSpace.tsx
+++ b/apps/create-hypergraph/template-nextjs/Components/Space/PublicSpace.tsx
@@ -2,7 +2,7 @@
 
 import { HypergraphSpaceProvider, useQuery, useSpace } from '@graphprotocol/hypergraph-react';
 
-import { Address } from '@/app/schema';
+import { Project } from '@/app/schema';
 
 export function PublicSpaceWrapper({ spaceid }: Readonly<{ spaceid: string }>) {
   return (
@@ -13,8 +13,8 @@ export function PublicSpaceWrapper({ spaceid }: Readonly<{ spaceid: string }>) {
 }
 
 function PublicSpace() {
-  const { ready, name } = useSpace({ mode: 'public' });
-  const { data: addresses } = useQuery(Address, { mode: 'public' });
+  const { ready, name, id: spaceId } = useSpace({ mode: 'public' });
+  const { data: projects, isPending } = useQuery(Project, { mode: 'public' });
 
   if (!ready) {
     return (
@@ -33,85 +33,85 @@ function PublicSpace() {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
         <div className="flex items-center justify-between">
           <div>
+            <p className="text-slate-600 mt-1 text-sm">Public Space</p>
             <h1 className="text-3xl font-bold text-slate-900">{name}</h1>
-            <p className="text-slate-600 mt-1">Public Space</p>
+            <p className="text-slate-600 mt-1 text-sm">ID: {spaceId}</p>
           </div>
         </div>
       </div>
 
+      {isPending && <div className="text-center py-16">Loading…</div>}
+
       {/* Main Content */}
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-        <div className="bg-white rounded-lg shadow-sm border border-slate-200">
-          <div className="px-6 py-4 border-b border-slate-200">
-            <h2 className="text-xl font-semibold text-slate-900">Addresses</h2>
-            <p className="text-slate-600 text-sm mt-1">
-              {addresses ? `${addresses.length} addresses found` : 'Loading addresses...'}
-            </p>
-          </div>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+          {projects.map((project) => (
+            <div
+              key={project.id}
+              className="group relative bg-white rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 overflow-hidden border border-gray-100 hover:border-blue-200 transform hover:-translate-y-1 z-10"
+            >
+              {/* Gradient overlay */}
+              <div className="absolute inset-0 bg-gradient-to-br from-blue-50 to-purple-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
 
-          <div className="p-6">
-            {!addresses ? (
-              <div className="space-y-3">
-                {[...Array(3)].map((_, i) => (
-                  <div key={i} className="animate-pulse">
-                    <div className="h-4 bg-slate-200 rounded w-3/4" />
-                  </div>
-                ))}
-              </div>
-            ) : addresses.length > 0 ? (
-              <div className="grid gap-3">
-                {addresses.map((address) => (
-                  <div
-                    key={address.id}
-                    className="group p-4 rounded-lg border border-slate-200 hover:border-slate-300 hover:shadow-sm transition-all duration-200 bg-slate-50 hover:bg-white"
-                  >
-                    <div className="flex items-center justify-between">
-                      <div className="flex items-center space-x-3">
-                        <div className="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
-                          <span className="text-blue-600 font-medium text-sm">
-                            {address.name.charAt(0).toUpperCase()}
-                          </span>
-                        </div>
-                        <div>
-                          <h3 className="font-medium text-slate-900 group-hover:text-blue-600 transition-colors">
-                            {address.name}
-                          </h3>
-                          <p className="text-sm text-slate-500">Address ID: {address.id}</p>
-                        </div>
-                      </div>
-                      <div className="opacity-0 group-hover:opacity-100 transition-opacity">
-                        <svg className="w-5 h-5 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            ) : (
-              <div className="text-center py-12">
-                <div className="w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center mx-auto mb-4">
-                  <svg className="w-8 h-8 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
-                    />
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
-                    />
-                  </svg>
+              {/* Content */}
+              <div className="relative p-6">
+                {/* Project icon/avatar */}
+                <div className="w-12 h-12 bg-gradient-to-br from-blue-500 to-purple-600 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300 overflow-hidden">
+                  <span className="text-white font-bold text-lg">{project.name.charAt(0).toUpperCase()}</span>
                 </div>
-                <h3 className="text-lg font-medium text-slate-900 mb-2">No addresses found</h3>
-                <p className="text-slate-600">This space doesn&apos;t have any addresses yet.</p>
+
+                {/* Project name */}
+                <h3 className="text-xl font-bold text-gray-900 mb-2 group-hover:text-blue-600 transition-colors duration-300">
+                  {project.name}
+                </h3>
+
+                {/* Project ID */}
+                <p className="text-[10px] text-gray-500 mb-2 font-mono">{project.id}</p>
+
+                {/* Project description */}
+                {project.description && (
+                  <p className="text-sm text-gray-600 mb-2 line-clamp-2">{project.description}</p>
+                )}
+
+                {/* Project xUrl */}
+                {project.xUrl && (
+                  <a
+                    href={project.xUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-sm text-blue-600 hover:text-blue-800 transition-colors duration-200 flex items-center gap-1"
+                  >
+                    <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+                      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+                    </svg>
+                    View on X
+                  </a>
+                )}
               </div>
-            )}
-          </div>
+
+              {/* Decorative corner accent */}
+              <div className="absolute top-0 right-0 w-16 h-16 bg-gradient-to-br from-blue-400 to-purple-500 opacity-10 group-hover:opacity-20 transition-opacity duration-300 transform rotate-45 translate-x-8 -translate-y-8" />
+            </div>
+          ))}
         </div>
+
+        {/* Empty state */}
+        {isPending === false && projects.length === 0 && (
+          <div className="text-center py-16">
+            <div className="w-24 h-24 bg-gradient-to-br from-blue-100 to-purple-100 rounded-full flex items-center justify-center mx-auto mb-6">
+              <svg className="w-12 h-12 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
+                />
+              </svg>
+            </div>
+            <h3 className="text-xl font-semibold text-gray-900 mb-2">No Projects Found</h3>
+            <p className="text-gray-500">There are currently no public projects available to explore.</p>
+          </div>
+        )}
       </div>
     </div>
   );
diff --git a/apps/create-hypergraph/template-nextjs/app/explore-public-knowledge/layout.tsx b/apps/create-hypergraph/template-nextjs/app/explore-public-knowledge/layout.tsx
index 7309eb92..2856565d 100644
--- a/apps/create-hypergraph/template-nextjs/app/explore-public-knowledge/layout.tsx
+++ b/apps/create-hypergraph/template-nextjs/app/explore-public-knowledge/layout.tsx
@@ -3,12 +3,20 @@ import { ExploreTabs } from '../../Components/explore-tabs';
 export default function ExplorePublicKnowledgeLayout({ children }: { children: React.ReactNode }) {
   return (
     <div className="container mx-auto px-4 py-8">
-      <div className="text-center mb-12">
+      <div className="text-center mb-6">
         <h1 className="text-4xl font-bold mb-4 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
           Explore Public Knowledge
         </h1>
         <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
-          This page demonstrates how to query public data from a space. No authentication is required.
+          This page demonstrates how to query public data from the public space{' '}
+          <span className="inline-flex items-center rounded-full border bg-accent/60 text-accent-foreground px-2 py-0.5 text-sm align-middle">
+            Crypto
+          </span>{' '}
+          with the ID{' '}
+          <span className="inline-flex items-center rounded-full border bg-accent/60 text-accent-foreground px-2 py-0.5 text-xs font-mono align-middle">
+            b2565802-3118-47be-91f2-e59170735bac
+          </span>
+          . No authentication is required.
         </p>
       </div>
 
diff --git a/apps/create-hypergraph/template-nextjs/app/mapping.ts b/apps/create-hypergraph/template-nextjs/app/mapping.ts
index 1ae2c37a..4c98dfab 100644
--- a/apps/create-hypergraph/template-nextjs/app/mapping.ts
+++ b/apps/create-hypergraph/template-nextjs/app/mapping.ts
@@ -2,13 +2,6 @@ import type { Mapping } from '@graphprotocol/hypergraph';
 import { Id } from '@graphprotocol/hypergraph';
 
 export const mapping: Mapping.Mapping = {
-  Address: {
-    typeIds: [Id('5c6e72fb-8340-47c0-8281-8be159ecd495')],
-    properties: {
-      name: Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
-      description: Id('9b1f76ff-9711-404c-861e-59dc3fa7d037'),
-    },
-  },
   Image: {
     typeIds: [Id('ba4e4146-0010-499d-a0a3-caaa7f579d0e')],
     properties: {
diff --git a/apps/create-hypergraph/template-nextjs/app/schema.ts b/apps/create-hypergraph/template-nextjs/app/schema.ts
index aee4444f..eee14ce1 100644
--- a/apps/create-hypergraph/template-nextjs/app/schema.ts
+++ b/apps/create-hypergraph/template-nextjs/app/schema.ts
@@ -1,10 +1,5 @@
 import { Entity, Type } from '@graphprotocol/hypergraph';
 
-export class Address extends Entity.Class<Address>('Address')({
-  name: Type.String,
-  description: Type.String,
-}) {}
-
 export class Image extends Entity.Class<Image>('Image')({
   url: Type.String,
 }) {}
diff --git a/apps/create-hypergraph/template-vite-react/src/mapping.ts b/apps/create-hypergraph/template-vite-react/src/mapping.ts
index 1ae2c37a..66aee2e1 100644
--- a/apps/create-hypergraph/template-vite-react/src/mapping.ts
+++ b/apps/create-hypergraph/template-vite-react/src/mapping.ts
@@ -2,13 +2,6 @@ import type { Mapping } from '@graphprotocol/hypergraph';
 import { Id } from '@graphprotocol/hypergraph';
 
 export const mapping: Mapping.Mapping = {
-  Address: {
-    typeIds: [Id('5c6e72fb-8340-47c0-8281-8be159ecd495')],
-    properties: {
-      name: Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
-      description: Id('9b1f76ff-9711-404c-861e-59dc3fa7d037'),
-    },
-  },
   Image: {
     typeIds: [Id('ba4e4146-0010-499d-a0a3-caaa7f579d0e')],
     properties: {
@@ -20,7 +13,7 @@ export const mapping: Mapping.Mapping = {
     properties: {
       name: Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
       description: Id('9b1f76ff-9711-404c-861e-59dc3fa7d037'),
-      xUrl: Id('0d625978-4b3c-4b57-a86f-de45c997c73c'),
+      x: Id('0d625978-4b3c-4b57-a86f-de45c997c73c'),
     },
     relations: {
       avatar: Id('1155beff-fad5-49b7-a2e0-da4777b8792c'),
@@ -31,8 +24,8 @@ export const mapping: Mapping.Mapping = {
     properties: {
       name: Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
       description: Id('9b1f76ff-9711-404c-861e-59dc3fa7d037'),
-      xUrl: Id('0d625978-4b3c-4b57-a86f-de45c997c73c'),
-      githubUrl: Id('9eedefa8-60ae-4ac1-9a04-805054a4b094'),
+      x: Id('0d625978-4b3c-4b57-a86f-de45c997c73c'),
+      github: Id('9eedefa8-60ae-4ac1-9a04-805054a4b094'),
     },
     relations: {
       avatar: Id('1155beff-fad5-49b7-a2e0-da4777b8792c'),
diff --git a/apps/create-hypergraph/template-vite-react/src/routeTree.gen.ts b/apps/create-hypergraph/template-vite-react/src/routeTree.gen.ts
index 78413e5a..61c0f85a 100644
--- a/apps/create-hypergraph/template-vite-react/src/routeTree.gen.ts
+++ b/apps/create-hypergraph/template-vite-react/src/routeTree.gen.ts
@@ -8,116 +8,121 @@
 // You should NOT make any changes in this file as it will be overwritten.
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
-import { Route as rootRouteImport } from './routes/__root';
-import { Route as LoginRouteImport } from './routes/login';
-import { Route as ExplorePublicKnowledgeRouteImport } from './routes/explore-public-knowledge';
-import { Route as AuthenticateSuccessRouteImport } from './routes/authenticate-success';
-import { Route as IndexRouteImport } from './routes/index';
-import { Route as ExplorePublicKnowledgeIndexRouteImport } from './routes/explore-public-knowledge/index';
-import { Route as PublicSpaceSpaceIdRouteImport } from './routes/public-space/$space-id';
-import { Route as PrivateSpaceSpaceIdRouteImport } from './routes/private-space/$space-id';
-import { Route as ExplorePublicKnowledgeProjectsRouteImport } from './routes/explore-public-knowledge/projects';
-import { Route as ExplorePublicKnowledgeInvestmentRoundsRouteImport } from './routes/explore-public-knowledge/investment-rounds';
-import { Route as ExplorePublicKnowledgeDappsRouteImport } from './routes/explore-public-knowledge/dapps';
-import { Route as ExplorePublicKnowledgeAssetsRouteImport } from './routes/explore-public-knowledge/assets';
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as LoginRouteImport } from './routes/login'
+import { Route as ExplorePublicKnowledgeRouteImport } from './routes/explore-public-knowledge'
+import { Route as AuthenticateSuccessRouteImport } from './routes/authenticate-success'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as ExplorePublicKnowledgeIndexRouteImport } from './routes/explore-public-knowledge/index'
+import { Route as PublicSpaceSpaceIdRouteImport } from './routes/public-space/$space-id'
+import { Route as PrivateSpaceSpaceIdRouteImport } from './routes/private-space/$space-id'
+import { Route as ExplorePublicKnowledgeProjectsRouteImport } from './routes/explore-public-knowledge/projects'
+import { Route as ExplorePublicKnowledgeInvestmentRoundsRouteImport } from './routes/explore-public-knowledge/investment-rounds'
+import { Route as ExplorePublicKnowledgeDappsRouteImport } from './routes/explore-public-knowledge/dapps'
+import { Route as ExplorePublicKnowledgeAssetsRouteImport } from './routes/explore-public-knowledge/assets'
 
 const LoginRoute = LoginRouteImport.update({
   id: '/login',
   path: '/login',
   getParentRoute: () => rootRouteImport,
-} as any);
+} as any)
 const ExplorePublicKnowledgeRoute = ExplorePublicKnowledgeRouteImport.update({
   id: '/explore-public-knowledge',
   path: '/explore-public-knowledge',
   getParentRoute: () => rootRouteImport,
-} as any);
+} as any)
 const AuthenticateSuccessRoute = AuthenticateSuccessRouteImport.update({
   id: '/authenticate-success',
   path: '/authenticate-success',
   getParentRoute: () => rootRouteImport,
-} as any);
+} as any)
 const IndexRoute = IndexRouteImport.update({
   id: '/',
   path: '/',
   getParentRoute: () => rootRouteImport,
-} as any);
-const ExplorePublicKnowledgeIndexRoute = ExplorePublicKnowledgeIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => ExplorePublicKnowledgeRoute,
-} as any);
+} as any)
+const ExplorePublicKnowledgeIndexRoute =
+  ExplorePublicKnowledgeIndexRouteImport.update({
+    id: '/',
+    path: '/',
+    getParentRoute: () => ExplorePublicKnowledgeRoute,
+  } as any)
 const PublicSpaceSpaceIdRoute = PublicSpaceSpaceIdRouteImport.update({
   id: '/public-space/$space-id',
   path: '/public-space/$space-id',
   getParentRoute: () => rootRouteImport,
-} as any);
+} as any)
 const PrivateSpaceSpaceIdRoute = PrivateSpaceSpaceIdRouteImport.update({
   id: '/private-space/$space-id',
   path: '/private-space/$space-id',
   getParentRoute: () => rootRouteImport,
-} as any);
-const ExplorePublicKnowledgeProjectsRoute = ExplorePublicKnowledgeProjectsRouteImport.update({
-  id: '/projects',
-  path: '/projects',
-  getParentRoute: () => ExplorePublicKnowledgeRoute,
-} as any);
-const ExplorePublicKnowledgeInvestmentRoundsRoute = ExplorePublicKnowledgeInvestmentRoundsRouteImport.update({
-  id: '/investment-rounds',
-  path: '/investment-rounds',
-  getParentRoute: () => ExplorePublicKnowledgeRoute,
-} as any);
-const ExplorePublicKnowledgeDappsRoute = ExplorePublicKnowledgeDappsRouteImport.update({
-  id: '/dapps',
-  path: '/dapps',
-  getParentRoute: () => ExplorePublicKnowledgeRoute,
-} as any);
-const ExplorePublicKnowledgeAssetsRoute = ExplorePublicKnowledgeAssetsRouteImport.update({
-  id: '/assets',
-  path: '/assets',
-  getParentRoute: () => ExplorePublicKnowledgeRoute,
-} as any);
+} as any)
+const ExplorePublicKnowledgeProjectsRoute =
+  ExplorePublicKnowledgeProjectsRouteImport.update({
+    id: '/projects',
+    path: '/projects',
+    getParentRoute: () => ExplorePublicKnowledgeRoute,
+  } as any)
+const ExplorePublicKnowledgeInvestmentRoundsRoute =
+  ExplorePublicKnowledgeInvestmentRoundsRouteImport.update({
+    id: '/investment-rounds',
+    path: '/investment-rounds',
+    getParentRoute: () => ExplorePublicKnowledgeRoute,
+  } as any)
+const ExplorePublicKnowledgeDappsRoute =
+  ExplorePublicKnowledgeDappsRouteImport.update({
+    id: '/dapps',
+    path: '/dapps',
+    getParentRoute: () => ExplorePublicKnowledgeRoute,
+  } as any)
+const ExplorePublicKnowledgeAssetsRoute =
+  ExplorePublicKnowledgeAssetsRouteImport.update({
+    id: '/assets',
+    path: '/assets',
+    getParentRoute: () => ExplorePublicKnowledgeRoute,
+  } as any)
 
 export interface FileRoutesByFullPath {
-  '/': typeof IndexRoute;
-  '/authenticate-success': typeof AuthenticateSuccessRoute;
-  '/explore-public-knowledge': typeof ExplorePublicKnowledgeRouteWithChildren;
-  '/login': typeof LoginRoute;
-  '/explore-public-knowledge/assets': typeof ExplorePublicKnowledgeAssetsRoute;
-  '/explore-public-knowledge/dapps': typeof ExplorePublicKnowledgeDappsRoute;
-  '/explore-public-knowledge/investment-rounds': typeof ExplorePublicKnowledgeInvestmentRoundsRoute;
-  '/explore-public-knowledge/projects': typeof ExplorePublicKnowledgeProjectsRoute;
-  '/private-space/$space-id': typeof PrivateSpaceSpaceIdRoute;
-  '/public-space/$space-id': typeof PublicSpaceSpaceIdRoute;
-  '/explore-public-knowledge/': typeof ExplorePublicKnowledgeIndexRoute;
+  '/': typeof IndexRoute
+  '/authenticate-success': typeof AuthenticateSuccessRoute
+  '/explore-public-knowledge': typeof ExplorePublicKnowledgeRouteWithChildren
+  '/login': typeof LoginRoute
+  '/explore-public-knowledge/assets': typeof ExplorePublicKnowledgeAssetsRoute
+  '/explore-public-knowledge/dapps': typeof ExplorePublicKnowledgeDappsRoute
+  '/explore-public-knowledge/investment-rounds': typeof ExplorePublicKnowledgeInvestmentRoundsRoute
+  '/explore-public-knowledge/projects': typeof ExplorePublicKnowledgeProjectsRoute
+  '/private-space/$space-id': typeof PrivateSpaceSpaceIdRoute
+  '/public-space/$space-id': typeof PublicSpaceSpaceIdRoute
+  '/explore-public-knowledge/': typeof ExplorePublicKnowledgeIndexRoute
 }
 export interface FileRoutesByTo {
-  '/': typeof IndexRoute;
-  '/authenticate-success': typeof AuthenticateSuccessRoute;
-  '/login': typeof LoginRoute;
-  '/explore-public-knowledge/assets': typeof ExplorePublicKnowledgeAssetsRoute;
-  '/explore-public-knowledge/dapps': typeof ExplorePublicKnowledgeDappsRoute;
-  '/explore-public-knowledge/investment-rounds': typeof ExplorePublicKnowledgeInvestmentRoundsRoute;
-  '/explore-public-knowledge/projects': typeof ExplorePublicKnowledgeProjectsRoute;
-  '/private-space/$space-id': typeof PrivateSpaceSpaceIdRoute;
-  '/public-space/$space-id': typeof PublicSpaceSpaceIdRoute;
-  '/explore-public-knowledge': typeof ExplorePublicKnowledgeIndexRoute;
+  '/': typeof IndexRoute
+  '/authenticate-success': typeof AuthenticateSuccessRoute
+  '/login': typeof LoginRoute
+  '/explore-public-knowledge/assets': typeof ExplorePublicKnowledgeAssetsRoute
+  '/explore-public-knowledge/dapps': typeof ExplorePublicKnowledgeDappsRoute
+  '/explore-public-knowledge/investment-rounds': typeof ExplorePublicKnowledgeInvestmentRoundsRoute
+  '/explore-public-knowledge/projects': typeof ExplorePublicKnowledgeProjectsRoute
+  '/private-space/$space-id': typeof PrivateSpaceSpaceIdRoute
+  '/public-space/$space-id': typeof PublicSpaceSpaceIdRoute
+  '/explore-public-knowledge': typeof ExplorePublicKnowledgeIndexRoute
 }
 export interface FileRoutesById {
-  __root__: typeof rootRouteImport;
-  '/': typeof IndexRoute;
-  '/authenticate-success': typeof AuthenticateSuccessRoute;
-  '/explore-public-knowledge': typeof ExplorePublicKnowledgeRouteWithChildren;
-  '/login': typeof LoginRoute;
-  '/explore-public-knowledge/assets': typeof ExplorePublicKnowledgeAssetsRoute;
-  '/explore-public-knowledge/dapps': typeof ExplorePublicKnowledgeDappsRoute;
-  '/explore-public-knowledge/investment-rounds': typeof ExplorePublicKnowledgeInvestmentRoundsRoute;
-  '/explore-public-knowledge/projects': typeof ExplorePublicKnowledgeProjectsRoute;
-  '/private-space/$space-id': typeof PrivateSpaceSpaceIdRoute;
-  '/public-space/$space-id': typeof PublicSpaceSpaceIdRoute;
-  '/explore-public-knowledge/': typeof ExplorePublicKnowledgeIndexRoute;
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+  '/authenticate-success': typeof AuthenticateSuccessRoute
+  '/explore-public-knowledge': typeof ExplorePublicKnowledgeRouteWithChildren
+  '/login': typeof LoginRoute
+  '/explore-public-knowledge/assets': typeof ExplorePublicKnowledgeAssetsRoute
+  '/explore-public-knowledge/dapps': typeof ExplorePublicKnowledgeDappsRoute
+  '/explore-public-knowledge/investment-rounds': typeof ExplorePublicKnowledgeInvestmentRoundsRoute
+  '/explore-public-knowledge/projects': typeof ExplorePublicKnowledgeProjectsRoute
+  '/private-space/$space-id': typeof PrivateSpaceSpaceIdRoute
+  '/public-space/$space-id': typeof PublicSpaceSpaceIdRoute
+  '/explore-public-knowledge/': typeof ExplorePublicKnowledgeIndexRoute
 }
 export interface FileRouteTypes {
-  fileRoutesByFullPath: FileRoutesByFullPath;
+  fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths:
     | '/'
     | '/authenticate-success'
@@ -129,8 +134,8 @@ export interface FileRouteTypes {
     | '/explore-public-knowledge/projects'
     | '/private-space/$space-id'
     | '/public-space/$space-id'
-    | '/explore-public-knowledge/';
-  fileRoutesByTo: FileRoutesByTo;
+    | '/explore-public-knowledge/'
+  fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
     | '/authenticate-success'
@@ -141,7 +146,7 @@ export interface FileRouteTypes {
     | '/explore-public-knowledge/projects'
     | '/private-space/$space-id'
     | '/public-space/$space-id'
-    | '/explore-public-knowledge';
+    | '/explore-public-knowledge'
   id:
     | '__root__'
     | '/'
@@ -154,119 +159,122 @@ export interface FileRouteTypes {
     | '/explore-public-knowledge/projects'
     | '/private-space/$space-id'
     | '/public-space/$space-id'
-    | '/explore-public-knowledge/';
-  fileRoutesById: FileRoutesById;
+    | '/explore-public-knowledge/'
+  fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
-  IndexRoute: typeof IndexRoute;
-  AuthenticateSuccessRoute: typeof AuthenticateSuccessRoute;
-  ExplorePublicKnowledgeRoute: typeof ExplorePublicKnowledgeRouteWithChildren;
-  LoginRoute: typeof LoginRoute;
-  PrivateSpaceSpaceIdRoute: typeof PrivateSpaceSpaceIdRoute;
-  PublicSpaceSpaceIdRoute: typeof PublicSpaceSpaceIdRoute;
+  IndexRoute: typeof IndexRoute
+  AuthenticateSuccessRoute: typeof AuthenticateSuccessRoute
+  ExplorePublicKnowledgeRoute: typeof ExplorePublicKnowledgeRouteWithChildren
+  LoginRoute: typeof LoginRoute
+  PrivateSpaceSpaceIdRoute: typeof PrivateSpaceSpaceIdRoute
+  PublicSpaceSpaceIdRoute: typeof PublicSpaceSpaceIdRoute
 }
 
 declare module '@tanstack/react-router' {
   interface FileRoutesByPath {
     '/login': {
-      id: '/login';
-      path: '/login';
-      fullPath: '/login';
-      preLoaderRoute: typeof LoginRouteImport;
-      parentRoute: typeof rootRouteImport;
-    };
+      id: '/login'
+      path: '/login'
+      fullPath: '/login'
+      preLoaderRoute: typeof LoginRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/explore-public-knowledge': {
-      id: '/explore-public-knowledge';
-      path: '/explore-public-knowledge';
-      fullPath: '/explore-public-knowledge';
-      preLoaderRoute: typeof ExplorePublicKnowledgeRouteImport;
-      parentRoute: typeof rootRouteImport;
-    };
+      id: '/explore-public-knowledge'
+      path: '/explore-public-knowledge'
+      fullPath: '/explore-public-knowledge'
+      preLoaderRoute: typeof ExplorePublicKnowledgeRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/authenticate-success': {
-      id: '/authenticate-success';
-      path: '/authenticate-success';
-      fullPath: '/authenticate-success';
-      preLoaderRoute: typeof AuthenticateSuccessRouteImport;
-      parentRoute: typeof rootRouteImport;
-    };
+      id: '/authenticate-success'
+      path: '/authenticate-success'
+      fullPath: '/authenticate-success'
+      preLoaderRoute: typeof AuthenticateSuccessRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/': {
-      id: '/';
-      path: '/';
-      fullPath: '/';
-      preLoaderRoute: typeof IndexRouteImport;
-      parentRoute: typeof rootRouteImport;
-    };
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/explore-public-knowledge/': {
-      id: '/explore-public-knowledge/';
-      path: '/';
-      fullPath: '/explore-public-knowledge/';
-      preLoaderRoute: typeof ExplorePublicKnowledgeIndexRouteImport;
-      parentRoute: typeof ExplorePublicKnowledgeRoute;
-    };
+      id: '/explore-public-knowledge/'
+      path: '/'
+      fullPath: '/explore-public-knowledge/'
+      preLoaderRoute: typeof ExplorePublicKnowledgeIndexRouteImport
+      parentRoute: typeof ExplorePublicKnowledgeRoute
+    }
     '/public-space/$space-id': {
-      id: '/public-space/$space-id';
-      path: '/public-space/$space-id';
-      fullPath: '/public-space/$space-id';
-      preLoaderRoute: typeof PublicSpaceSpaceIdRouteImport;
-      parentRoute: typeof rootRouteImport;
-    };
+      id: '/public-space/$space-id'
+      path: '/public-space/$space-id'
+      fullPath: '/public-space/$space-id'
+      preLoaderRoute: typeof PublicSpaceSpaceIdRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/private-space/$space-id': {
-      id: '/private-space/$space-id';
-      path: '/private-space/$space-id';
-      fullPath: '/private-space/$space-id';
-      preLoaderRoute: typeof PrivateSpaceSpaceIdRouteImport;
-      parentRoute: typeof rootRouteImport;
-    };
+      id: '/private-space/$space-id'
+      path: '/private-space/$space-id'
+      fullPath: '/private-space/$space-id'
+      preLoaderRoute: typeof PrivateSpaceSpaceIdRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/explore-public-knowledge/projects': {
-      id: '/explore-public-knowledge/projects';
-      path: '/projects';
-      fullPath: '/explore-public-knowledge/projects';
-      preLoaderRoute: typeof ExplorePublicKnowledgeProjectsRouteImport;
-      parentRoute: typeof ExplorePublicKnowledgeRoute;
-    };
+      id: '/explore-public-knowledge/projects'
+      path: '/projects'
+      fullPath: '/explore-public-knowledge/projects'
+      preLoaderRoute: typeof ExplorePublicKnowledgeProjectsRouteImport
+      parentRoute: typeof ExplorePublicKnowledgeRoute
+    }
     '/explore-public-knowledge/investment-rounds': {
-      id: '/explore-public-knowledge/investment-rounds';
-      path: '/investment-rounds';
-      fullPath: '/explore-public-knowledge/investment-rounds';
-      preLoaderRoute: typeof ExplorePublicKnowledgeInvestmentRoundsRouteImport;
-      parentRoute: typeof ExplorePublicKnowledgeRoute;
-    };
+      id: '/explore-public-knowledge/investment-rounds'
+      path: '/investment-rounds'
+      fullPath: '/explore-public-knowledge/investment-rounds'
+      preLoaderRoute: typeof ExplorePublicKnowledgeInvestmentRoundsRouteImport
+      parentRoute: typeof ExplorePublicKnowledgeRoute
+    }
     '/explore-public-knowledge/dapps': {
-      id: '/explore-public-knowledge/dapps';
-      path: '/dapps';
-      fullPath: '/explore-public-knowledge/dapps';
-      preLoaderRoute: typeof ExplorePublicKnowledgeDappsRouteImport;
-      parentRoute: typeof ExplorePublicKnowledgeRoute;
-    };
+      id: '/explore-public-knowledge/dapps'
+      path: '/dapps'
+      fullPath: '/explore-public-knowledge/dapps'
+      preLoaderRoute: typeof ExplorePublicKnowledgeDappsRouteImport
+      parentRoute: typeof ExplorePublicKnowledgeRoute
+    }
     '/explore-public-knowledge/assets': {
-      id: '/explore-public-knowledge/assets';
-      path: '/assets';
-      fullPath: '/explore-public-knowledge/assets';
-      preLoaderRoute: typeof ExplorePublicKnowledgeAssetsRouteImport;
-      parentRoute: typeof ExplorePublicKnowledgeRoute;
-    };
+      id: '/explore-public-knowledge/assets'
+      path: '/assets'
+      fullPath: '/explore-public-knowledge/assets'
+      preLoaderRoute: typeof ExplorePublicKnowledgeAssetsRouteImport
+      parentRoute: typeof ExplorePublicKnowledgeRoute
+    }
   }
 }
 
 interface ExplorePublicKnowledgeRouteChildren {
-  ExplorePublicKnowledgeAssetsRoute: typeof ExplorePublicKnowledgeAssetsRoute;
-  ExplorePublicKnowledgeDappsRoute: typeof ExplorePublicKnowledgeDappsRoute;
-  ExplorePublicKnowledgeInvestmentRoundsRoute: typeof ExplorePublicKnowledgeInvestmentRoundsRoute;
-  ExplorePublicKnowledgeProjectsRoute: typeof ExplorePublicKnowledgeProjectsRoute;
-  ExplorePublicKnowledgeIndexRoute: typeof ExplorePublicKnowledgeIndexRoute;
+  ExplorePublicKnowledgeAssetsRoute: typeof ExplorePublicKnowledgeAssetsRoute
+  ExplorePublicKnowledgeDappsRoute: typeof ExplorePublicKnowledgeDappsRoute
+  ExplorePublicKnowledgeInvestmentRoundsRoute: typeof ExplorePublicKnowledgeInvestmentRoundsRoute
+  ExplorePublicKnowledgeProjectsRoute: typeof ExplorePublicKnowledgeProjectsRoute
+  ExplorePublicKnowledgeIndexRoute: typeof ExplorePublicKnowledgeIndexRoute
 }
 
-const ExplorePublicKnowledgeRouteChildren: ExplorePublicKnowledgeRouteChildren = {
-  ExplorePublicKnowledgeAssetsRoute: ExplorePublicKnowledgeAssetsRoute,
-  ExplorePublicKnowledgeDappsRoute: ExplorePublicKnowledgeDappsRoute,
-  ExplorePublicKnowledgeInvestmentRoundsRoute: ExplorePublicKnowledgeInvestmentRoundsRoute,
-  ExplorePublicKnowledgeProjectsRoute: ExplorePublicKnowledgeProjectsRoute,
-  ExplorePublicKnowledgeIndexRoute: ExplorePublicKnowledgeIndexRoute,
-};
+const ExplorePublicKnowledgeRouteChildren: ExplorePublicKnowledgeRouteChildren =
+  {
+    ExplorePublicKnowledgeAssetsRoute: ExplorePublicKnowledgeAssetsRoute,
+    ExplorePublicKnowledgeDappsRoute: ExplorePublicKnowledgeDappsRoute,
+    ExplorePublicKnowledgeInvestmentRoundsRoute:
+      ExplorePublicKnowledgeInvestmentRoundsRoute,
+    ExplorePublicKnowledgeProjectsRoute: ExplorePublicKnowledgeProjectsRoute,
+    ExplorePublicKnowledgeIndexRoute: ExplorePublicKnowledgeIndexRoute,
+  }
 
-const ExplorePublicKnowledgeRouteWithChildren = ExplorePublicKnowledgeRoute._addFileChildren(
-  ExplorePublicKnowledgeRouteChildren,
-);
+const ExplorePublicKnowledgeRouteWithChildren =
+  ExplorePublicKnowledgeRoute._addFileChildren(
+    ExplorePublicKnowledgeRouteChildren,
+  )
 
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
@@ -275,5 +283,7 @@ const rootRouteChildren: RootRouteChildren = {
   LoginRoute: LoginRoute,
   PrivateSpaceSpaceIdRoute: PrivateSpaceSpaceIdRoute,
   PublicSpaceSpaceIdRoute: PublicSpaceSpaceIdRoute,
-};
-export const routeTree = rootRouteImport._addFileChildren(rootRouteChildren)._addFileTypes<FileRouteTypes>();
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()
diff --git a/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge.tsx b/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge.tsx
index c4d02867..8bec2966 100644
--- a/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge.tsx
+++ b/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge.tsx
@@ -13,7 +13,15 @@ function ExploreLayout() {
           Explore Public Knowledge
         </h1>
         <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
-          This page demonstrates how to query public data from a space. No authentication is required.
+          This page demonstrates how to query public data from the public space{' '}
+          <span className="inline-flex items-center rounded-full border bg-accent/60 text-accent-foreground px-2 py-0.5 text-sm align-middle">
+            Crypto
+          </span>{' '}
+          with the ID{' '}
+          <span className="inline-flex items-center rounded-full border bg-accent/60 text-accent-foreground px-2 py-0.5 text-xs font-mono align-middle">
+            b2565802-3118-47be-91f2-e59170735bac
+          </span>
+          . No authentication is required.
         </p>
       </div>
 
diff --git a/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/dapps.tsx b/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/dapps.tsx
index 0072898e..c7acb126 100644
--- a/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/dapps.tsx
+++ b/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/dapps.tsx
@@ -60,10 +60,10 @@ function Dapps() {
               {/* Dapp description */}
               {dapp.description && <p className="text-sm text-gray-600 mb-2 line-clamp-2">{dapp.description}</p>}
 
-              {/* Dapp xUrl */}
-              {dapp.xUrl && (
+              {/* Dapp x */}
+              {dapp.x && (
                 <a
-                  href={dapp.xUrl}
+                  href={dapp.x}
                   target="_blank"
                   rel="noopener noreferrer"
                   className="text-sm text-blue-600 hover:text-blue-800 transition-colors duration-200 flex items-center gap-1"
@@ -75,10 +75,10 @@ function Dapps() {
                 </a>
               )}
 
-              {/* Dapp githubUrl */}
-              {dapp.githubUrl && (
+              {/* Dapp github */}
+              {dapp.github && (
                 <a
-                  href={dapp.githubUrl}
+                  href={dapp.github}
                   target="_blank"
                   rel="noopener noreferrer"
                   className="text-sm text-blue-600 hover:text-blue-800 transition-colors duration-200 flex items-center gap-1"
diff --git a/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/projects.tsx b/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/projects.tsx
index 3b9ff688..ab2735e1 100644
--- a/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/projects.tsx
+++ b/apps/create-hypergraph/template-vite-react/src/routes/explore-public-knowledge/projects.tsx
@@ -92,10 +92,10 @@ function ExplorePublicKnowledgeProjects() {
               {/* Project description */}
               {project.description && <p className="text-sm text-gray-600 mb-2 line-clamp-2">{project.description}</p>}
 
-              {/* Project xUrl */}
-              {project.xUrl && (
+              {/* Project x */}
+              {project.x && (
                 <a
-                  href={project.xUrl}
+                  href={project.x}
                   target="_blank"
                   rel="noopener noreferrer"
                   className="text-sm text-blue-600 hover:text-blue-800 transition-colors duration-200 flex items-center gap-1"
diff --git a/apps/create-hypergraph/template-vite-react/src/routes/private-space/$space-id.tsx b/apps/create-hypergraph/template-vite-react/src/routes/private-space/$space-id.tsx
index 7e8cdb35..35208ecf 100644
--- a/apps/create-hypergraph/template-vite-react/src/routes/private-space/$space-id.tsx
+++ b/apps/create-hypergraph/template-vite-react/src/routes/private-space/$space-id.tsx
@@ -1,12 +1,12 @@
 import { Button } from '@/components/ui/button';
-import { Address } from '@/schema';
+import { Project } from '@/schema';
 import {
   HypergraphSpaceProvider,
   useCreateEntity,
+  usePublishToPublicSpace,
   useQuery,
   useSpace,
   useSpaces,
-  usePublishToPublicSpace,
 } from '@graphprotocol/hypergraph-react';
 import { createFileRoute } from '@tanstack/react-router';
 import { useState } from 'react';
@@ -26,15 +26,16 @@ function RouteComponent() {
 }
 
 function PrivateSpace() {
-  const { name, ready } = useSpace({ mode: 'private' });
-  const { data: addresses } = useQuery(Address, { mode: 'private' });
+  const { name, ready, id: spaceId } = useSpace({ mode: 'private' });
+  const { data: projects } = useQuery(Project, { mode: 'private' });
   const { data: publicSpaces } = useSpaces({ mode: 'public' });
   const [selectedSpace, setSelectedSpace] = useState<string>('');
-  const createAddress = useCreateEntity(Address);
-  const [addressName, setAddressName] = useState('');
+  const createProject = useCreateEntity(Project);
+  const [projectName, setProjectName] = useState('');
+  const [projectDescription, setProjectDescription] = useState('');
   const { mutate: publishToPublicSpace, isPending } = usePublishToPublicSpace({
-    onSuccess: () => alert('Address published to public space'),
-    onError: () => alert('Error publishing address to public space'),
+    onSuccess: () => alert('Project published to your public space'),
+    onError: () => alert('Error publishing project to your public space'),
   });
 
   if (!ready) {
@@ -50,8 +51,9 @@ function PrivateSpace() {
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
-    createAddress({ name: addressName, description: 'Beautiful address' });
-    setAddressName('');
+    createProject({ name: projectName, description: projectDescription });
+    setProjectName('');
+    setProjectDescription('');
   };
 
   return (
@@ -59,53 +61,73 @@ function PrivateSpace() {
       <div className="container mx-auto px-4 py-8 max-w-4xl">
         {/* Header */}
         <div className="mb-8">
-          <h1 className="text-3xl font-bold text-foreground mb-2">{name}</h1>
-          <p className="text-muted-foreground">Manage your private addresses and publish them to public spaces</p>
+          <p className="text-slate-600 mt-1 text-sm">Private Space</p>
+          <h1 className="text-3xl font-bold text-slate-900">{name}</h1>
+          <p className="text-slate-600 mt-1 text-sm">ID: {spaceId}</p>
+          <p className="text-muted-foreground mt-6">Manage your private projects and publish them to public spaces</p>
         </div>
 
         <div className="grid gap-8 lg:grid-cols-2">
-          {/* Create Address Form */}
+          {/* Create Project Form */}
           <div className="space-y-6">
             <div className="bg-card border rounded-lg p-6 shadow-sm">
-              <h2 className="text-xl font-semibold text-card-foreground mb-4">Create New Address</h2>
+              <h2 className="text-xl font-semibold text-card-foreground mb-4">Create New Project</h2>
               <form onSubmit={handleSubmit} className="space-y-4">
                 <div className="space-y-2">
-                  <label htmlFor="address-name" className="text-sm font-medium text-card-foreground">
-                    Address Name
+                  <label htmlFor="project-name" className="text-sm font-medium text-card-foreground">
+                    Project Name
                   </label>
                   <input
-                    id="address-name"
+                    id="project-name"
                     type="text"
-                    value={addressName}
-                    onChange={(e) => setAddressName(e.target.value)}
-                    placeholder="Enter address name..."
+                    value={projectName}
+                    onChange={(e) => setProjectName(e.target.value)}
+                    placeholder="Enter project name..."
                     className="w-full px-3 py-2 border border-input bg-background rounded-md text-sm transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent"
                     required
                   />
                 </div>
-                <Button type="submit" className="w-full" disabled={!addressName.trim()}>
-                  Create Address
+                <div className="space-y-2">
+                  <label htmlFor="project-description" className="text-sm font-medium text-card-foreground">
+                    Project Description
+                  </label>
+                  <input
+                    id="project-description"
+                    type="text"
+                    value={projectDescription}
+                    onChange={(e) => setProjectDescription(e.target.value)}
+                    placeholder="Enter project description..."
+                    className="w-full px-3 py-2 border border-input bg-background rounded-md text-sm transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent"
+                  />
+                </div>
+                <Button type="submit" className="w-full" disabled={!projectName.trim()}>
+                  Create Project
                 </Button>
               </form>
             </div>
           </div>
 
-          {/* Addresses List */}
+          {/* Projects List */}
           <div className="space-y-6">
             <div className="bg-card border rounded-lg p-6 shadow-sm">
               <h2 className="text-xl font-semibold text-card-foreground mb-4">
-                Your Addresses ({addresses?.length || 0})
+                Your Projects ({projects?.length || 0})
               </h2>
 
-              {addresses && addresses.length > 0 ? (
+              {projects && projects.length > 0 ? (
                 <div className="space-y-4">
-                  {addresses.map((address) => (
-                    <div key={address.id} className="border border-border rounded-lg p-4 bg-background">
+                  {projects.map((project) => (
+                    <div key={project.id} className="border border-border rounded-lg p-4 bg-background">
+                      <div className="flex items-center justify-between mb-3">
+                        <h3 className="font-medium text-foreground">{project.name}</h3>
+                      </div>
+
+                      <div className="flex items-center justify-between mb-3">
+                        <p className="text-xs text-muted-foreground">ID: {project.id}</p>
+                      </div>
+
                       <div className="flex items-center justify-between mb-3">
-                        <h3 className="font-medium text-foreground">{address.name}</h3>
-                        <span className="text-xs text-muted-foreground bg-muted px-2 py-1 rounded">
-                          ID: {address.id.slice(0, 8)}...
-                        </span>
+                        <p className="text-sm text-muted-foreground">{project.description}</p>
                       </div>
 
                       <div className="space-y-3">
@@ -129,7 +151,7 @@ function PrivateSpace() {
                         </div>
 
                         <Button
-                          onClick={() => publishToPublicSpace({ entity: address, spaceId: selectedSpace })}
+                          onClick={() => publishToPublicSpace({ entity: project, spaceId: selectedSpace })}
                           disabled={!selectedSpace || isPending}
                           variant="outline"
                           size="sm"
@@ -158,8 +180,8 @@ function PrivateSpace() {
                       />
                     </svg>
                   </div>
-                  <p className="text-muted-foreground">No addresses created yet</p>
-                  <p className="text-sm text-muted-foreground mt-1">Create your first address using the form</p>
+                  <p className="text-muted-foreground">No projects created yet</p>
+                  <p className="text-sm text-muted-foreground mt-1">Create your first project using the form</p>
                 </div>
               )}
             </div>
diff --git a/apps/create-hypergraph/template-vite-react/src/routes/public-space/$space-id.tsx b/apps/create-hypergraph/template-vite-react/src/routes/public-space/$space-id.tsx
index 2a83a651..9a53c08b 100644
--- a/apps/create-hypergraph/template-vite-react/src/routes/public-space/$space-id.tsx
+++ b/apps/create-hypergraph/template-vite-react/src/routes/public-space/$space-id.tsx
@@ -1,4 +1,4 @@
-import { Address } from '@/schema';
+import { Project } from '@/schema';
 import { HypergraphSpaceProvider, useQuery, useSpace } from '@graphprotocol/hypergraph-react';
 import { createFileRoute } from '@tanstack/react-router';
 
@@ -17,8 +17,8 @@ function RouteComponent() {
 }
 
 function PublicSpace() {
-  const { ready, name } = useSpace({ mode: 'public' });
-  const { data: addresses } = useQuery(Address, { mode: 'public' });
+  const { ready, name, id: spaceId } = useSpace({ mode: 'public' });
+  const { data: projects, isPending } = useQuery(Project, { mode: 'public' });
 
   if (!ready) {
     return (
@@ -37,85 +37,85 @@ function PublicSpace() {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
         <div className="flex items-center justify-between">
           <div>
+            <p className="text-slate-600 mt-1 text-sm">Public Space</p>
             <h1 className="text-3xl font-bold text-slate-900">{name}</h1>
-            <p className="text-slate-600 mt-1">Public Space</p>
+            <p className="text-slate-600 mt-1 text-sm">ID: {spaceId}</p>
           </div>
         </div>
       </div>
 
+      {isPending && <div className="text-center py-16">Loading…</div>}
+
       {/* Main Content */}
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-        <div className="bg-white rounded-lg shadow-sm border border-slate-200">
-          <div className="px-6 py-4 border-b border-slate-200">
-            <h2 className="text-xl font-semibold text-slate-900">Addresses</h2>
-            <p className="text-slate-600 text-sm mt-1">
-              {addresses ? `${addresses.length} addresses found` : 'Loading addresses...'}
-            </p>
-          </div>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+          {projects.map((project) => (
+            <div
+              key={project.id}
+              className="group relative bg-white rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 overflow-hidden border border-gray-100 hover:border-blue-200 transform hover:-translate-y-1 z-10"
+            >
+              {/* Gradient overlay */}
+              <div className="absolute inset-0 bg-gradient-to-br from-blue-50 to-purple-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
 
-          <div className="p-6">
-            {!addresses ? (
-              <div className="space-y-3">
-                {[...Array(3)].map((_, i) => (
-                  <div key={i} className="animate-pulse">
-                    <div className="h-4 bg-slate-200 rounded w-3/4" />
-                  </div>
-                ))}
-              </div>
-            ) : addresses.length > 0 ? (
-              <div className="grid gap-3">
-                {addresses.map((address) => (
-                  <div
-                    key={address.id}
-                    className="group p-4 rounded-lg border border-slate-200 hover:border-slate-300 hover:shadow-sm transition-all duration-200 bg-slate-50 hover:bg-white"
-                  >
-                    <div className="flex items-center justify-between">
-                      <div className="flex items-center space-x-3">
-                        <div className="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
-                          <span className="text-blue-600 font-medium text-sm">
-                            {address.name.charAt(0).toUpperCase()}
-                          </span>
-                        </div>
-                        <div>
-                          <h3 className="font-medium text-slate-900 group-hover:text-blue-600 transition-colors">
-                            {address.name}
-                          </h3>
-                          <p className="text-sm text-slate-500">Address ID: {address.id}</p>
-                        </div>
-                      </div>
-                      <div className="opacity-0 group-hover:opacity-100 transition-opacity">
-                        <svg className="w-5 h-5 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            ) : (
-              <div className="text-center py-12">
-                <div className="w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center mx-auto mb-4">
-                  <svg className="w-8 h-8 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
-                    />
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
-                    />
-                  </svg>
+              {/* Content */}
+              <div className="relative p-6">
+                {/* Project icon/avatar */}
+                <div className="w-12 h-12 bg-gradient-to-br from-blue-500 to-purple-600 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300 overflow-hidden">
+                  <span className="text-white font-bold text-lg">{project.name.charAt(0).toUpperCase()}</span>
                 </div>
-                <h3 className="text-lg font-medium text-slate-900 mb-2">No addresses found</h3>
-                <p className="text-slate-600">This space doesn't have any addresses yet.</p>
+
+                {/* Project name */}
+                <h3 className="text-xl font-bold text-gray-900 mb-2 group-hover:text-blue-600 transition-colors duration-300">
+                  {project.name}
+                </h3>
+
+                {/* Project ID */}
+                <p className="text-[10px] text-gray-500 mb-2 font-mono">{project.id}</p>
+
+                {/* Project description */}
+                {project.description && (
+                  <p className="text-sm text-gray-600 mb-2 line-clamp-2">{project.description}</p>
+                )}
+
+                {/* Project x */}
+                {project.x && (
+                  <a
+                    href={project.x}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-sm text-blue-600 hover:text-blue-800 transition-colors duration-200 flex items-center gap-1"
+                  >
+                    <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+                      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+                    </svg>
+                    View on X
+                  </a>
+                )}
               </div>
-            )}
-          </div>
+
+              {/* Decorative corner accent */}
+              <div className="absolute top-0 right-0 w-16 h-16 bg-gradient-to-br from-blue-400 to-purple-500 opacity-10 group-hover:opacity-20 transition-opacity duration-300 transform rotate-45 translate-x-8 -translate-y-8" />
+            </div>
+          ))}
         </div>
+
+        {/* Empty state */}
+        {isPending === false && projects.length === 0 && (
+          <div className="text-center py-16">
+            <div className="w-24 h-24 bg-gradient-to-br from-blue-100 to-purple-100 rounded-full flex items-center justify-center mx-auto mb-6">
+              <svg className="w-12 h-12 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
+                />
+              </svg>
+            </div>
+            <h3 className="text-xl font-semibold text-gray-900 mb-2">No Projects Found</h3>
+            <p className="text-gray-500">There are currently no public projects available to explore.</p>
+          </div>
+        )}
       </div>
     </div>
   );
diff --git a/apps/create-hypergraph/template-vite-react/src/schema.ts b/apps/create-hypergraph/template-vite-react/src/schema.ts
index aee4444f..d893c800 100644
--- a/apps/create-hypergraph/template-vite-react/src/schema.ts
+++ b/apps/create-hypergraph/template-vite-react/src/schema.ts
@@ -1,10 +1,5 @@
 import { Entity, Type } from '@graphprotocol/hypergraph';
 
-export class Address extends Entity.Class<Address>('Address')({
-  name: Type.String,
-  description: Type.String,
-}) {}
-
 export class Image extends Entity.Class<Image>('Image')({
   url: Type.String,
 }) {}
@@ -12,15 +7,15 @@ export class Image extends Entity.Class<Image>('Image')({
 export class Project extends Entity.Class<Project>('Project')({
   name: Type.String,
   description: Type.optional(Type.String),
-  xUrl: Type.optional(Type.String),
+  x: Type.optional(Type.String),
   avatar: Type.Relation(Image),
 }) {}
 
 export class Dapp extends Entity.Class<Dapp>('Dapp')({
   name: Type.String,
   description: Type.optional(Type.String),
-  xUrl: Type.optional(Type.String),
-  githubUrl: Type.optional(Type.String),
+  x: Type.optional(Type.String),
+  github: Type.optional(Type.String),
   avatar: Type.Relation(Image),
 }) {}