diff --git a/.DS_Store b/.DS_Store
index e700711..eaafb26 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/Modules/.DS_Store b/Modules/.DS_Store
new file mode 100644
index 0000000..decb605
Binary files /dev/null and b/Modules/.DS_Store differ
diff --git a/Modules/CircleApps/App/Services/CircleAppsMenuServices.php b/Modules/CircleApps/App/Services/CircleAppsMenuServices.php
index 7892f4c..c196c76 100644
--- a/Modules/CircleApps/App/Services/CircleAppsMenuServices.php
+++ b/Modules/CircleApps/App/Services/CircleAppsMenuServices.php
@@ -4,7 +4,7 @@
 
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
-use Modules\CircleApps\App\Facades\CircleApps;
+use Modules\CircleApps\App\Facades\CircleXo;
 use Spatie\Permission\Models\Role;
 use TomatoPHP\TomatoAdmin\Facade\TomatoMenu as TomatoMenuFacade;
 use TomatoPHP\TomatoAdmin\Services\Contracts\Menu;
diff --git a/Modules/CircleApps/App/Services/CircleAppsServices.php b/Modules/CircleApps/App/Services/CircleAppsServices.php
index 9d30db3..355c5ab 100644
--- a/Modules/CircleApps/App/Services/CircleAppsServices.php
+++ b/Modules/CircleApps/App/Services/CircleAppsServices.php
@@ -4,8 +4,9 @@
 
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
-use Modules\CircleApps\App\Facades\CircleApps;
 use Modules\CircleApps\App\Facades\CircleAppsMenu;
+use Modules\CircleApps\App\Facades\CircleXo;
+use Modules\CircleApps\App\Facades\CircleXoSlots;
 use Spatie\Permission\Models\Role;
 use TomatoPHP\TomatoAdmin\Facade\TomatoMenu as TomatoMenuFacade;
 use TomatoPHP\TomatoAdmin\Services\Contracts\Menu;
diff --git a/Modules/CircleApps/resources/views/show.blade.php b/Modules/CircleApps/resources/views/show.blade.php
index 33a1df0..851b0fd 100644
--- a/Modules/CircleApps/resources/views/show.blade.php
+++ b/Modules/CircleApps/resources/views/show.blade.php
@@ -68,8 +68,8 @@
                     </div>
                 </div>
             </div>
-            <div class="grid grid-cols-12 w-full gap-4 my-4">
-                <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-4 col-span-9">
+            <div class="grid grid-cols-1 md:grid-cols-12 w-full gap-4 my-4">
+                <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-4 col-span-1 lg:col-span-9">
                     <div style="background-image: url('{{$app->getMedia('cover')->first()?->getUrl()}}')" class="bg-cover bg-center w-full h-80 rounded-lg">
 
                     </div>
@@ -78,7 +78,7 @@
                         <x-tomato-markdown-viewer :content="$app->readme" />
                     @endif
                 </div>
-                <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-6 col-span-3 flex flex-col gap-2 justify-start">
+                <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-6 col-span-1 lg:col-span-3 flex flex-col gap-2 justify-start">
                     @if($app->homepage)
                        <div>
                            <h1>{{__('Website')}}</h1>
diff --git a/Modules/CircleContacts/App/Providers/CircleContactsServiceProvider.php b/Modules/CircleContacts/App/Providers/CircleContactsServiceProvider.php
index 7e96ea6..4a05f7c 100644
--- a/Modules/CircleContacts/App/Providers/CircleContactsServiceProvider.php
+++ b/Modules/CircleContacts/App/Providers/CircleContactsServiceProvider.php
@@ -5,6 +5,7 @@
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\ServiceProvider;
 use Modules\CircleApps\App\Facades\CircleAppsMenu;
+use Modules\CircleApps\App\Facades\CircleXoSlots;
 use Modules\CircleContacts\App\Console\CircleContactsInstall;
 use Modules\CircleContacts\App\Console\CircleInovicesInstall;
 use TomatoPHP\TomatoAdmin\Services\Contracts\Menu;
diff --git a/Modules/CircleDocs/.github/FUNDING.yml b/Modules/CircleDocs/.github/FUNDING.yml
new file mode 100644
index 0000000..892ba05
--- /dev/null
+++ b/Modules/CircleDocs/.github/FUNDING.yml
@@ -0,0 +1 @@
+github: [3x1io]
diff --git a/Modules/CircleDocs/App/Console/.gitkeep b/Modules/CircleDocs/App/Console/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Console/CircleDocsInstall.php b/Modules/CircleDocs/App/Console/CircleDocsInstall.php
new file mode 100644
index 0000000..812b8e8
--- /dev/null
+++ b/Modules/CircleDocs/App/Console/CircleDocsInstall.php
@@ -0,0 +1,63 @@
+<?php
+
+namespace Modules\CircleDocs\App\Console;
+
+use Illuminate\Console\Command;
+use Modules\CircleApps\App\Models\App;
+use TomatoPHP\ConsoleHelpers\Traits\RunCommand;
+
+class CircleDocsInstall extends Command
+{
+    use RunCommand;
+
+    /**
+     * The name and signature of the console command.
+     *
+     * @var string
+     */
+    protected $name = 'circle-docs:install';
+
+    /**
+     * The console command description.
+     *
+     * @var string
+     */
+    protected $description = 'install package and publish assets';
+
+    public function __construct()
+    {
+        parent::__construct();
+    }
+
+
+    /**
+     * Execute the console command.
+     *
+     * @return mixed
+     */
+    public function handle()
+    {
+        $this->info('Install App');
+        $app = App::where('key', 'circle-docs')->first();
+        if(!$app){
+            $app = new App();
+            $app->key = 'circle-docs';
+            $app->name = 'Circle Docs';
+            $app->description = 'Create and share, search in your docs using markdown editor and GitHub integration';
+            $app->is_active = true;
+            $app->is_free = true;
+            $app->status = "active";
+            $app->homepage = "https://www.github.com/tomatophp/circle-docs";
+            $app->github = "https://www.github.com/tomatophp/circle-docs";
+            $app->docs = "https://www.github.com/tomatophp/circle-docs";
+            $app->privacy = "https://www.github.com/tomatophp/circle-docs";
+            $app->faq = "https://www.github.com/tomatophp/circle-docs";
+            $app->email = "info@3x1.io";
+            $app->save();
+        }
+        $this->callSilent('optimize:clear');
+        $this->artisanCommand(["migrate"]);
+        $this->artisanCommand(["optimize:clear"]);
+        $this->info('Circle Contacts App installed successfully.');
+    }
+}
diff --git a/Modules/CircleDocs/App/Forms/.gitkeep b/Modules/CircleDocs/App/Forms/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Http/Controllers/.gitkeep b/Modules/CircleDocs/App/Http/Controllers/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Http/Controllers/CircleDocsController.php b/Modules/CircleDocs/App/Http/Controllers/CircleDocsController.php
new file mode 100644
index 0000000..581ebd0
--- /dev/null
+++ b/Modules/CircleDocs/App/Http/Controllers/CircleDocsController.php
@@ -0,0 +1,81 @@
+<?php
+
+namespace Modules\CircleDocs\App\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use App\Models\Account;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Modules\CircleDocs\App\Models\CircleXoDoc;
+
+class CircleDocsController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index(Request $request)
+    {
+        $query = CircleXoDoc::query();
+        $query->where('is_public', true);
+        if($request->has('search') && $request->input('search') != ''){
+            $query->where('name', 'like', '%'.$request->input('search').'%')->orWhere('package', 'like', '%'.$request->input('search').'%');
+        }
+        $query->where('is_public', true);
+        $query = $query->paginate(12);
+
+        return view('circle-docs::index', [
+            'docs' => $query
+        ]);
+    }
+
+    public function profile($username)
+    {
+        $account = Account::where('username', $username)->firstOrFail();
+        if($account){
+            $query = CircleXoDoc::query();
+            $query->where('account_id', $account->id);
+            $query->where('is_public', true);
+            $query = $query->paginate(12);
+
+            return view('circle-docs::profile', [
+                'docs' => $query,
+                'account' => $account
+            ]);
+        }
+    }
+
+    /**
+     * Show the specified resource.
+     */
+    public function show($username, $slug)
+    {
+        $account = Account::where('username', $username)->firstOrFail();
+        if($account){
+            $doc = CircleXoDoc::where('package', $slug)->where('account_id', $account->id)->firstOrFail();
+            return view('circle-docs::show', [
+                'doc' => $doc,
+                'account' => $account
+            ]);
+        }
+    }
+
+    /**
+     * Show the specified resource.
+     */
+    public function page($username, $slug, $page)
+    {
+        $account = Account::where('username', $username)->firstOrFail();
+        if($account){
+            $doc = CircleXoDoc::where('package', $slug)->where('account_id', $account->id)->firstOrFail();
+            if($doc){
+                $page = $doc->pages()->where('slug', $page)->firstOrFail();
+                return view('circle-docs::show', [
+                    'doc' => $doc,
+                    'currentPage' => $page,
+                    'account' => $account
+                ]);
+            }
+        }
+    }
+}
diff --git a/Modules/CircleDocs/App/Http/Controllers/CircleXoDocController.php b/Modules/CircleDocs/App/Http/Controllers/CircleXoDocController.php
new file mode 100644
index 0000000..e36669f
--- /dev/null
+++ b/Modules/CircleDocs/App/Http/Controllers/CircleXoDocController.php
@@ -0,0 +1,207 @@
+<?php
+
+namespace Modules\CircleDocs\App\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+use ProtoneMedia\Splade\Facades\Toast;
+use TomatoPHP\TomatoAdmin\Facade\Tomato;
+
+class CircleXoDocController extends Controller
+{
+    public string $model;
+
+    public function __construct()
+    {
+        $this->model = \Modules\CircleDocs\App\Models\CircleXoDoc::class;
+    }
+
+    public function like(Request $request)
+    {
+        $request->validate([
+            "type"=> "required|in:page,doc"
+        ]);
+
+
+        if($request->get('type') === 'page')
+        {
+            $request->validate([
+                "id" => "required|exists:circle_xo_docs_pages,id",
+            ]);
+        }
+        else if($request->get('type') === 'doc')
+        {
+            $request->validate([
+                "id" => "required|exists:circle_xo_docs,id",
+            ]);
+        }
+
+        $model = $request->get('type') === 'doc' ? \Modules\CircleDocs\App\Models\CircleXoDoc::find($request->id) : \Modules\CircleDocs\App\Models\CircleXoDocsPage::find($request->id);
+        auth('accounts')->user()->hasLiked($model) ? auth('accounts')->user()->unlike($model) : auth('accounts')->user()->like($model);
+
+        $request->get('type') === 'doc' ? $account = $model->account : $account = $model->doc->account;
+        if($account->id !== auth('accounts')->user()->id) {
+            $account->notifyDB(
+                message: __(auth('accounts')->user()->username . " " . __('is like your docs page') . ' ' . $request->get('type') === 'doc' ? $model->name : $model->title),
+                title: __('New Like'),
+                url: url(auth('accounts')->user()->username)
+            );
+        }
+
+        Toast::success(__('Liked successfully'))->autoDismiss(2);
+        return back();
+
+    }
+
+    /**
+     * @param Request $request
+     * @return View|JsonResponse
+     */
+    public function index(Request $request): View|JsonResponse
+    {
+        return Tomato::index(
+            request: $request,
+            model: $this->model,
+            view: 'circle-docs::docs.index',
+            table: \Modules\CircleDocs\App\Tables\CircleXoDocTable::class
+        );
+    }
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function api(Request $request): JsonResponse
+    {
+        return Tomato::json(
+            request: $request,
+            model: \Modules\CircleDocs\App\Models\CircleXoDoc::class,
+        );
+    }
+
+    /**
+     * @return View
+     */
+    public function create(): View
+    {
+        return Tomato::create(
+            view: 'circle-docs::docs.create',
+        );
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Http\Requests\CircleXoDoc\CircleXoDocStoreRequest $request
+     * @return RedirectResponse|JsonResponse
+     */
+    public function store(\Modules\CircleDocs\App\Http\Requests\CircleXoDoc\CircleXoDocStoreRequest $request): RedirectResponse|JsonResponse
+    {
+        $request->merge([
+           'account_id' => auth('accounts')->user()->id,
+        ]);
+
+        $response = Tomato::store(
+            request: $request,
+            model: \Modules\CircleDocs\App\Models\CircleXoDoc::class,
+            message: __('Doc saved successfully'),
+            redirect: 'profile.docs.index',
+            hasMedia: true,
+            collection: [
+                'icon' => false,
+                'cover' => false,
+            ]
+        );
+
+        if($response instanceof JsonResponse){
+            return $response;
+        }
+
+        return $response->redirect;
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Models\CircleXoDoc $model
+     * @return View|JsonResponse|RedirectResponse
+     */
+    public function show(\Modules\CircleDocs\App\Models\CircleXoDoc $model, Request $request): View|JsonResponse|RedirectResponse
+    {
+        return Tomato::get(
+            model: $model,
+            view: 'circle-docs::docs.show',
+            hasMedia: true,
+            collection: [
+                'icon' => false,
+                'cover' => false,
+            ]
+        );
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Models\CircleXoDoc $model
+     * @return View
+     */
+    public function edit(\Modules\CircleDocs\App\Models\CircleXoDoc $model): View
+    {
+        return Tomato::get(
+            model: $model,
+            view: 'circle-docs::docs.edit',
+            hasMedia: true,
+            collection: [
+                'icon' => false,
+                'cover' => false,
+            ]
+        );
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Http\Requests\CircleXoDoc\CircleXoDocUpdateRequest $request
+     * @param \Modules\CircleDocs\App\Models\CircleXoDoc $model
+     * @return RedirectResponse|JsonResponse
+     */
+    public function update(\Modules\CircleDocs\App\Http\Requests\CircleXoDoc\CircleXoDocUpdateRequest $request, \Modules\CircleDocs\App\Models\CircleXoDoc $model): RedirectResponse|JsonResponse
+    {
+        $response = Tomato::update(
+            request: $request,
+            model: $model,
+            message: __('Doc updated successfully'),
+            redirect: 'profile.docs.index',
+            hasMedia: true,
+            collection: [
+                'icon' => false,
+                'cover' => false,
+            ]
+        );
+
+         if($response instanceof JsonResponse){
+             return $response;
+         }
+
+         return $response->redirect;
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Models\CircleXoDoc $model
+     * @return RedirectResponse|JsonResponse
+     */
+    public function destroy(\Modules\CircleDocs\App\Models\CircleXoDoc $model): RedirectResponse|JsonResponse
+    {
+        $response = Tomato::destroy(
+            model: $model,
+            message: __('Doc deleted successfully'),
+            redirect: 'profile.docs.index',
+            hasMedia: true,
+            collection: [
+                'icon' => false,
+                'cover' => false,
+            ]
+        );
+
+        if($response instanceof JsonResponse){
+            return $response;
+        }
+
+        return $response->redirect;
+    }
+}
diff --git a/Modules/CircleDocs/App/Http/Controllers/CircleXoDocsPageController.php b/Modules/CircleDocs/App/Http/Controllers/CircleXoDocsPageController.php
new file mode 100644
index 0000000..c62817a
--- /dev/null
+++ b/Modules/CircleDocs/App/Http/Controllers/CircleXoDocsPageController.php
@@ -0,0 +1,180 @@
+<?php
+
+namespace Modules\CircleDocs\App\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+use Modules\CircleDocs\App\Models\CircleXoDoc;
+use TomatoPHP\TomatoAdmin\Facade\Tomato;
+
+class CircleXoDocsPageController extends Controller
+{
+    public string $model;
+
+    public function __construct()
+    {
+        $this->model = \Modules\CircleDocs\App\Models\CircleXoDocsPage::class;
+    }
+
+    /**
+     * @param Request $request
+     * @return View|JsonResponse
+     */
+    public function index(Request $request): View|JsonResponse
+    {
+        return Tomato::index(
+            request: $request,
+            model: $this->model,
+            view: 'circle-docs::docs-pages.index',
+            table: \Modules\CircleDocs\App\Tables\CircleXoDocsPageTable::class
+        );
+    }
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function api(Request $request): JsonResponse
+    {
+        return Tomato::json(
+            request: $request,
+            model: \Modules\CircleDocs\App\Models\CircleXoDocsPage::class,
+        );
+    }
+
+    /**
+     * @return View
+     */
+    public function create(Request $request): View
+    {
+        $request->validate([
+           "doc_id" => [ "required",function ($attribute, $value, $fail) use ($request) {
+               $exists = CircleXoDoc::query()
+                   ->where('account_id', auth('accounts')->user()->id)
+                   ->where('id', $request->get('doc_id'))
+                   ->first();
+
+               if(!$exists){
+                   $fail('The '.$attribute.' is not exists or it is not yours.');
+               }
+           }],
+        ]);
+
+        $doc = CircleXoDoc::find($request->get('doc_id'));
+
+        return Tomato::create(
+            view: 'circle-docs::docs-pages.create',
+            data: [
+                'doc' => $doc,
+            ]
+        );
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Http\Requests\CircleXoDocsPage\CircleXoDocsPageStoreRequest $request
+     * @return RedirectResponse|JsonResponse
+     */
+    public function store(\Modules\CircleDocs\App\Http\Requests\CircleXoDocsPage\CircleXoDocsPageStoreRequest $request): RedirectResponse|JsonResponse
+    {
+        $response = Tomato::store(
+            request: $request,
+            model: \Modules\CircleDocs\App\Models\CircleXoDocsPage::class,
+            message: __('CircleXoDocsPage updated successfully'),
+            redirect: 'profile.docs-pages.index',
+            hasMedia: true,
+            collection: [
+                'cover' => false
+            ]
+        );
+
+        if($response instanceof JsonResponse){
+            return $response;
+        }
+
+        return redirect()->route('profile.docs-pages.show', $response->record->id);
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Models\CircleXoDocsPage $model
+     * @return View|JsonResponse
+     */
+    public function show(\Modules\CircleDocs\App\Models\CircleXoDocsPage $model): View|JsonResponse
+    {
+        return Tomato::get(
+            model: $model,
+            view: 'circle-docs::docs-pages.show',
+            hasMedia: true,
+            collection: [
+                'cover' => false
+            ]
+        );
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Models\CircleXoDocsPage $model
+     * @return View
+     */
+    public function edit(\Modules\CircleDocs\App\Models\CircleXoDocsPage $model): View
+    {
+        return Tomato::get(
+            model: $model,
+            view: 'circle-docs::docs-pages.edit',
+            hasMedia: true,
+            collection: [
+                'cover' => false
+            ]
+        );
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Http\Requests\CircleXoDocsPage\CircleXoDocsPageUpdateRequest $request
+     * @param \Modules\CircleDocs\App\Models\CircleXoDocsPage $model
+     * @return RedirectResponse|JsonResponse
+     */
+    public function update(\Modules\CircleDocs\App\Http\Requests\CircleXoDocsPage\CircleXoDocsPageUpdateRequest $request, \Modules\CircleDocs\App\Models\CircleXoDocsPage $model): RedirectResponse|JsonResponse
+    {
+        $response = Tomato::update(
+            request: $request,
+            model: $model,
+            message: __('CircleXoDocsPage updated successfully'),
+            redirect: 'profile.docs-pages.index',
+            hasMedia: true,
+            collection: [
+                'cover' => false
+            ]
+        );
+
+         if($response instanceof JsonResponse){
+             return $response;
+         }
+
+         return redirect()->route('profile.docs-pages.show', $response->record->id);
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Models\CircleXoDocsPage $model
+     * @return RedirectResponse|JsonResponse
+     */
+    public function destroy(\Modules\CircleDocs\App\Models\CircleXoDocsPage $model): RedirectResponse|JsonResponse
+    {
+        $doc = $model->doc->id;
+        $response = Tomato::destroy(
+            model: $model,
+            message: __('CircleXoDocsPage deleted successfully'),
+            redirect: 'profile.docs-pages.index',
+            hasMedia: true,
+            collection: [
+                'cover' => false
+            ]
+        );
+
+        if($response instanceof JsonResponse){
+            return $response;
+        }
+
+        return redirect()->route('profile.docs.show', $doc->id);
+    }
+}
diff --git a/Modules/CircleDocs/App/Http/Controllers/CircleXoDocsPagesMetaController.php b/Modules/CircleDocs/App/Http/Controllers/CircleXoDocsPagesMetaController.php
new file mode 100644
index 0000000..8f95869
--- /dev/null
+++ b/Modules/CircleDocs/App/Http/Controllers/CircleXoDocsPagesMetaController.php
@@ -0,0 +1,152 @@
+<?php
+
+namespace Modules\CircleDocs\App\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+use TomatoPHP\TomatoAdmin\Facade\Tomato;
+
+class CircleXoDocsPagesMetaController extends Controller
+{
+    public string $model;
+
+    public function __construct()
+    {
+        $this->model = \Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta::class;
+    }
+
+    /**
+     * @param Request $request
+     * @return View|JsonResponse
+     */
+    public function index(Request $request): View|JsonResponse
+    {
+        return Tomato::index(
+            request: $request,
+            model: $this->model,
+            view: 'circledocs::circle-xo-docs-pages-metas.index',
+            table: \Modules\CircleDocs\App\Tables\CircleXoDocsPagesMetaTable::class
+        );
+    }
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function api(Request $request): JsonResponse
+    {
+        return Tomato::json(
+            request: $request,
+            model: \Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta::class,
+        );
+    }
+
+    /**
+     * @return View
+     */
+    public function create(): View
+    {
+        return Tomato::create(
+            view: 'circledocs::circle-xo-docs-pages-metas.create',
+        );
+    }
+
+    /**
+     * @param Request $request
+     * @return RedirectResponse|JsonResponse
+     */
+    public function store(Request $request): RedirectResponse|JsonResponse
+    {
+        $response = Tomato::store(
+            request: $request,
+            model: \Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta::class,
+            validation: [
+                            'key' => 'required|max:255|string',
+            'value' => 'nullable',
+            'type' => 'nullable|max:255|string',
+            'docs_page_id' => 'required|exists:circle_xo_docs_pages,id'
+            ],
+            message: __('CircleXoDocsPagesMeta updated successfully'),
+            redirect: 'admin.circle-xo-docs-pages-metas.index',
+        );
+
+        if($response instanceof JsonResponse){
+            return $response;
+        }
+
+        return $response->redirect;
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta $model
+     * @return View|JsonResponse
+     */
+    public function show(\Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta $model): View|JsonResponse
+    {
+        return Tomato::get(
+            model: $model,
+            view: 'circledocs::circle-xo-docs-pages-metas.show',
+        );
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta $model
+     * @return View
+     */
+    public function edit(\Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta $model): View
+    {
+        return Tomato::get(
+            model: $model,
+            view: 'circledocs::circle-xo-docs-pages-metas.edit',
+        );
+    }
+
+    /**
+     * @param Request $request
+     * @param \Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta $model
+     * @return RedirectResponse|JsonResponse
+     */
+    public function update(Request $request, \Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta $model): RedirectResponse|JsonResponse
+    {
+        $response = Tomato::update(
+            request: $request,
+            model: $model,
+            validation: [
+                            'key' => 'sometimes|max:255|string',
+            'value' => 'nullable',
+            'type' => 'nullable|max:255|string',
+            'docs_page_id' => 'sometimes|exists:circle_xo_docs_pages,id'
+            ],
+            message: __('CircleXoDocsPagesMeta updated successfully'),
+            redirect: 'admin.circle-xo-docs-pages-metas.index',
+        );
+
+         if($response instanceof JsonResponse){
+             return $response;
+         }
+
+         return $response->redirect;
+    }
+
+    /**
+     * @param \Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta $model
+     * @return RedirectResponse|JsonResponse
+     */
+    public function destroy(\Modules\CircleDocs\App\Models\CircleXoDocsPagesMeta $model): RedirectResponse|JsonResponse
+    {
+        $response = Tomato::destroy(
+            model: $model,
+            message: __('CircleXoDocsPagesMeta deleted successfully'),
+            redirect: 'admin.circle-xo-docs-pages-metas.index',
+        );
+
+        if($response instanceof JsonResponse){
+            return $response;
+        }
+
+        return $response->redirect;
+    }
+}
diff --git a/Modules/CircleDocs/App/Http/Requests/.gitkeep b/Modules/CircleDocs/App/Http/Requests/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Http/Requests/CircleXoDoc/.gitkeep b/Modules/CircleDocs/App/Http/Requests/CircleXoDoc/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Http/Requests/CircleXoDoc/CircleXoDocStoreRequest.php b/Modules/CircleDocs/App/Http/Requests/CircleXoDoc/CircleXoDocStoreRequest.php
new file mode 100644
index 0000000..7dab856
--- /dev/null
+++ b/Modules/CircleDocs/App/Http/Requests/CircleXoDoc/CircleXoDocStoreRequest.php
@@ -0,0 +1,49 @@
+<?php
+
+namespace Modules\CircleDocs\App\Http\Requests\CircleXoDoc;
+
+use Illuminate\Foundation\Http\FormRequest;
+use Modules\CircleDocs\App\Models\CircleXoDoc;
+
+class CircleXoDocStoreRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, mixed>
+     */
+    public function rules()
+    {
+        return [
+            'icon' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
+            'cover' => 'nullable|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
+            'name' => 'required|max:255|string',
+            'package' => ['required','max:255','string','regex:/\w*$/', function ($attribute, $value, $fail) {
+                $exists = CircleXoDoc::query()
+                    ->where('account_id', auth('accounts')->user()->id)
+                    ->where('package', $value)
+                    ->first();
+
+                if($exists){
+                    $fail('The '.$attribute.' is already in use.');
+                }
+            }],
+            'about' => 'nullable',
+            'repository' => 'nullable|max:255|string',
+            'branch' => 'nullable|max:255|string',
+            'readme' => 'nullable',
+            'is_active' => 'nullable',
+            'is_public' => 'nullable'
+        ];
+    }
+}
diff --git a/Modules/CircleDocs/App/Http/Requests/CircleXoDoc/CircleXoDocUpdateRequest.php b/Modules/CircleDocs/App/Http/Requests/CircleXoDoc/CircleXoDocUpdateRequest.php
new file mode 100644
index 0000000..75782b4
--- /dev/null
+++ b/Modules/CircleDocs/App/Http/Requests/CircleXoDoc/CircleXoDocUpdateRequest.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace Modules\CircleDocs\App\Http\Requests\CircleXoDoc;
+
+use Illuminate\Foundation\Http\FormRequest;
+use Modules\CircleDocs\App\Models\CircleXoDoc;
+
+class CircleXoDocUpdateRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, mixed>
+     */
+    public function rules()
+    {
+        return [
+            'icon' => 'sometimes|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
+            'cover' => 'nullable|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
+            'name' => 'sometimes|max:255|string',
+            'package' => ['sometimes','max:255','string', 'regex:/\w*$/', function ($attribute, $value, $fail) {
+                $exists = CircleXoDoc::query()
+                    ->where('account_id', auth('accounts')->user()->id)
+                    ->where('package', $value)
+                    ->where('id', '!=', $this->model['id'])
+                    ->first();
+
+                if($exists){
+                    $fail('The '.$attribute.' is already in use.');
+                }
+            }],
+            'about' => 'nullable',
+            'repository' => 'nullable|max:255|string',
+            'branch' => 'nullable|max:255|string',
+            'readme' => 'nullable',
+            'is_active' => 'nullable',
+            'is_public' => 'nullable',
+        ];
+    }
+}
diff --git a/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPage/.gitkeep b/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPage/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPage/CircleXoDocsPageStoreRequest.php b/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPage/CircleXoDocsPageStoreRequest.php
new file mode 100644
index 0000000..4383de8
--- /dev/null
+++ b/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPage/CircleXoDocsPageStoreRequest.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace Modules\CircleDocs\App\Http\Requests\CircleXoDocsPage;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class CircleXoDocsPageStoreRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, mixed>
+     */
+    public function rules()
+    {
+        return [
+            'cover' => 'nullable|image|max:2048|mimes:jpeg,jpg,png,gif,webp,svg',
+            'title' => 'required|max:255|string',
+            'description' => 'nullable|max:255|string',
+            'body' => 'required',
+            'parent_id' => 'nullable',
+            'icon' => 'nullable|max:255|string',
+            'color' => 'nullable|max:255|string',
+            'slug' => 'nullable|max:255|string',
+            'doc_id' => 'required|exists:circle_xo_docs,id'
+        ];
+    }
+}
diff --git a/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPage/CircleXoDocsPageUpdateRequest.php b/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPage/CircleXoDocsPageUpdateRequest.php
new file mode 100644
index 0000000..ff8cc84
--- /dev/null
+++ b/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPage/CircleXoDocsPageUpdateRequest.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace Modules\CircleDocs\App\Http\Requests\CircleXoDocsPage;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class CircleXoDocsPageUpdateRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, mixed>
+     */
+    public function rules()
+    {
+        return [
+            'cover' => 'nullable|image|max:2048|mimes:jpeg,jpg,png,gif,webp,svg',
+            'title' => 'sometimes|max:255|string',
+            'description' => 'nullable|max:255|string',
+            'body' => 'sometimes',
+            'parent_id' => 'nullable',
+            'icon' => 'nullable|max:255|string',
+            'color' => 'nullable|max:255|string',
+            'slug' => 'nullable|max:255|string',
+            'doc_id' => 'sometimes|exists:circle_xo_docs,id'
+        ];
+    }
+}
diff --git a/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPagesMeta/.gitkeep b/Modules/CircleDocs/App/Http/Requests/CircleXoDocsPagesMeta/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Models/.gitkeep b/Modules/CircleDocs/App/Models/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Models/CircleXoDoc.php b/Modules/CircleDocs/App/Models/CircleXoDoc.php
new file mode 100644
index 0000000..3b8641c
--- /dev/null
+++ b/Modules/CircleDocs/App/Models/CircleXoDoc.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace Modules\CircleDocs\App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Multicaret\Acquaintances\Traits\CanBeLiked;
+use Spatie\MediaLibrary\HasMedia;
+use Spatie\MediaLibrary\InteractsWithMedia;
+
+/**
+ * @property string $id
+* @property string $name
+* @property string $package
+* @property string $about
+* @property string $repository
+* @property string $branch
+* @property string $readme
+* @property string $is_active
+* @property string $is_public
+* @property string $group
+* @property \App\Models\Account $account_id
+ */
+class CircleXoDoc extends Model implements HasMedia
+{
+    use InteractsWithMedia;
+    use CanBeLiked;
+
+
+    /**
+     * @var array
+     */
+    protected $fillable = [
+        'id',
+        'name',
+        'package',
+        'about',
+        'repository',
+        'branch',
+        'readme',
+        'is_active',
+        'is_public',
+        'account_id'
+    ];
+
+    protected $casts = [
+        'is_active' => 'boolean',
+        'is_public' => 'boolean'
+    ];
+
+
+
+    public function account()
+    {
+        return $this->belongsTo(\App\Models\Account::class);
+    }
+
+    public function pages()
+    {
+        return $this->hasMany(\Modules\CircleDocs\App\Models\CircleXoDocsPage::class, 'doc_id', 'id');
+    }
+}
diff --git a/Modules/CircleDocs/App/Models/CircleXoDocsPage.php b/Modules/CircleDocs/App/Models/CircleXoDocsPage.php
new file mode 100644
index 0000000..0cd091d
--- /dev/null
+++ b/Modules/CircleDocs/App/Models/CircleXoDocsPage.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace Modules\CircleDocs\App\Models;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+use Laravel\Scout\Searchable;
+use Multicaret\Acquaintances\Traits\CanBeLiked;
+use Spatie\MediaLibrary\HasMedia;
+use Spatie\MediaLibrary\InteractsWithMedia;
+
+/**
+ * @property string $id
+* @property string $title
+* @property string $description
+* @property string $body
+* @property string $parent_id
+* @property string $icon
+* @property string $color
+* @property string $slug
+* @property \Modules\CircleDocs\App\Models\CircleXoDoc $doc_id
+ */
+class CircleXoDocsPage extends Model implements HasMedia
+{
+    use Searchable;
+    use InteractsWithMedia;
+    use CanBeLiked;
+
+    /**
+     * @var array
+     */
+    protected $fillable = [
+        'id',
+        'title',
+        'description',
+        'body',
+        'parent_id',
+        'icon',
+        'color',
+        'slug',
+        'group',
+        'doc_id'
+    ];
+
+    protected function makeAllSearchableUsing(Builder $query): Builder
+    {
+        return $query->with('doc');
+    }
+
+    public function searchableAs(): string
+    {
+        return $this->doc->id.'_title_body_index';
+    }
+
+    public function doc()
+    {
+        return $this->belongsTo(\Modules\CircleDocs\App\Models\CircleXoDoc::class, 'doc_id', 'id');
+    }
+}
diff --git a/Modules/CircleDocs/App/Models/CircleXoDocsPagesMeta.php b/Modules/CircleDocs/App/Models/CircleXoDocsPagesMeta.php
new file mode 100644
index 0000000..58f486c
--- /dev/null
+++ b/Modules/CircleDocs/App/Models/CircleXoDocsPagesMeta.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace Modules\CircleDocs\App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+/**
+ * @property string $id
+* @property string $key
+* @property string $value
+* @property string $type
+* @property \Modules\CircleDocs\App\Models\CircleXoDocsPage $docs_page_id
+ */
+class CircleXoDocsPagesMeta extends Model
+{
+    /**
+     * @var array
+     */
+    protected $fillable = [
+        'id',
+        'key',
+        'value',
+        'type',
+        'docs_page_id'
+    ];
+
+    protected $casts = [
+        'value' => 'json'
+    ];
+
+    public function docsPage()
+    {
+        return $this->belongsTo(\Modules\CircleDocs\App\Models\CircleXoDocsPage);
+    }
+}
diff --git a/Modules/CircleDocs/App/Providers/.gitkeep b/Modules/CircleDocs/App/Providers/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Providers/CircleDocsServiceProvider.php b/Modules/CircleDocs/App/Providers/CircleDocsServiceProvider.php
new file mode 100644
index 0000000..21bddbe
--- /dev/null
+++ b/Modules/CircleDocs/App/Providers/CircleDocsServiceProvider.php
@@ -0,0 +1,125 @@
+<?php
+
+namespace Modules\CircleDocs\App\Providers;
+
+use Illuminate\Support\Facades\Blade;
+use Illuminate\Support\ServiceProvider;
+use Modules\CircleApps\App\Facades\CircleAppsMenu;
+use Modules\CircleDocs\App\Console\CircleDocsInstall;
+use Modules\CircleXO\App\Facades\CircleXoSlots;
+
+class CircleDocsServiceProvider extends ServiceProvider
+{
+    protected string $moduleName = 'CircleDocs';
+
+    protected string $moduleNameLower = 'circle-docs';
+
+    /**
+     * Boot the application events.
+     */
+    public function boot(): void
+    {
+        $this->registerCommands();
+        $this->registerCommandSchedules();
+        $this->registerTranslations();
+        $this->registerConfig();
+        $this->registerViews();
+        $this->loadMigrationsFrom(module_path($this->moduleName, 'Database/migrations'));
+
+        CircleXoSlots::sideMenu()->register('circle-docs::side-menu');
+        CircleXoSlots::profileFilterSlider()->register('circle-docs::menu');
+        CircleXoSlots::profileDropdown()->register('circle-docs::dropdown');
+
+
+    }
+
+    /**
+     * Register the service provider.
+     */
+    public function register(): void
+    {
+        $this->app->register(RouteServiceProvider::class);
+    }
+
+    /**
+     * Register commands in the format of Command::class
+     */
+    protected function registerCommands(): void
+    {
+         $this->commands([
+             CircleDocsInstall::class
+         ]);
+    }
+
+    /**
+     * Register command Schedules.
+     */
+    protected function registerCommandSchedules(): void
+    {
+        // $this->app->booted(function () {
+        //     $schedule = $this->app->make(Schedule::class);
+        //     $schedule->command('inspire')->hourly();
+        // });
+    }
+
+    /**
+     * Register translations.
+     */
+    public function registerTranslations(): void
+    {
+        $langPath = resource_path('lang/modules/'.$this->moduleNameLower);
+
+        if (is_dir($langPath)) {
+            $this->loadTranslationsFrom($langPath, $this->moduleNameLower);
+            $this->loadJsonTranslationsFrom($langPath);
+        } else {
+            $this->loadTranslationsFrom(module_path($this->moduleName, 'lang'), $this->moduleNameLower);
+            $this->loadJsonTranslationsFrom(module_path($this->moduleName, 'lang'));
+        }
+    }
+
+    /**
+     * Register config.
+     */
+    protected function registerConfig(): void
+    {
+        $this->publishes([module_path($this->moduleName, 'config/config.php') => config_path($this->moduleNameLower.'.php')], 'config');
+        $this->mergeConfigFrom(module_path($this->moduleName, 'config/config.php'), $this->moduleNameLower);
+    }
+
+    /**
+     * Register views.
+     */
+    public function registerViews(): void
+    {
+        $viewPath = resource_path('views/modules/'.$this->moduleNameLower);
+        $sourcePath = module_path($this->moduleName, 'resources/views');
+
+        $this->publishes([$sourcePath => $viewPath], ['views', $this->moduleNameLower.'-module-views']);
+
+        $this->loadViewsFrom(array_merge($this->getPublishableViewPaths(), [$sourcePath]), $this->moduleNameLower);
+
+        $componentNamespace = str_replace('/', '\\', config('modules.namespace').'\\'.$this->moduleName.'\\'.config('modules.paths.generator.component-class.path'));
+        Blade::componentNamespace($componentNamespace, $this->moduleNameLower);
+    }
+
+    /**
+     * Get the services provided by the provider.
+     */
+    public function provides(): array
+    {
+        return [];
+    }
+
+    private function getPublishableViewPaths(): array
+    {
+        $paths = [];
+        foreach (config('view.paths') as $path) {
+            if (is_dir($path.'/modules/'.$this->moduleNameLower)) {
+                $paths[] = $path.'/modules/'.$this->moduleNameLower;
+            }
+        }
+
+        return $paths;
+    }
+}
diff --git a/Modules/CircleDocs/App/Providers/RouteServiceProvider.php b/Modules/CircleDocs/App/Providers/RouteServiceProvider.php
new file mode 100644
index 0000000..619cdfc
--- /dev/null
+++ b/Modules/CircleDocs/App/Providers/RouteServiceProvider.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace Modules\CircleDocs\App\Providers;
+
+use Illuminate\Support\Facades\Route;
+use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
+
+class RouteServiceProvider extends ServiceProvider
+{
+    /**
+     * The module namespace to assume when generating URLs to actions.
+     */
+    protected string $moduleNamespace = 'Modules\CircleDocs\App\Http\Controllers';
+
+    /**
+     * Called before routes are registered.
+     *
+     * Register any model bindings or pattern based filters.
+     */
+    public function boot(): void
+    {
+        parent::boot();
+    }
+
+    /**
+     * Define the routes for the application.
+     */
+    public function map(): void
+    {
+        $this->mapApiRoutes();
+
+        $this->mapWebRoutes();
+    }
+
+    /**
+     * Define the "web" routes for the application.
+     *
+     * These routes all receive session state, CSRF protection, etc.
+     */
+    protected function mapWebRoutes(): void
+    {
+        Route::middleware('web')
+            ->namespace($this->moduleNamespace)
+            ->group(module_path('CircleDocs', '/routes/web.php'));
+    }
+
+    /**
+     * Define the "api" routes for the application.
+     *
+     * These routes are typically stateless.
+     */
+    protected function mapApiRoutes(): void
+    {
+        Route::prefix('api')
+            ->middleware('api')
+            ->namespace($this->moduleNamespace)
+            ->group(module_path('CircleDocs', '/routes/api.php'));
+    }
+}
diff --git a/Modules/CircleDocs/App/Tables/.gitkeep b/Modules/CircleDocs/App/Tables/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/Tables/CircleXoDocTable.php b/Modules/CircleDocs/App/Tables/CircleXoDocTable.php
new file mode 100644
index 0000000..e2676cd
--- /dev/null
+++ b/Modules/CircleDocs/App/Tables/CircleXoDocTable.php
@@ -0,0 +1,124 @@
+<?php
+
+namespace Modules\CircleDocs\App\Tables;
+
+use Illuminate\Http\Request;
+use ProtoneMedia\Splade\AbstractTable;
+use ProtoneMedia\Splade\Facades\Toast;
+use ProtoneMedia\Splade\SpladeTable;
+use Illuminate\Database\Eloquent\Builder;
+
+class CircleXoDocTable extends AbstractTable
+{
+    /**
+     * Create a new instance.
+     *
+     * @return void
+     */
+    public function __construct(public $query=null)
+    {
+        if(!$query){
+            $this->query = \Modules\CircleDocs\App\Models\CircleXoDoc::query();
+        }
+    }
+
+    /**
+     * Determine if the user is authorized to perform bulk actions and exports.
+     *
+     * @return bool
+     */
+    public function authorize(Request $request)
+    {
+        return true;
+    }
+
+    /**
+     * The resource or query builder.
+     *
+     * @return mixed
+     */
+    public function for()
+    {
+        return $this->query;
+    }
+
+    /**
+     * Configure the given SpladeTable.
+     *
+     * @param \ProtoneMedia\Splade\SpladeTable $table
+     * @return void
+     */
+    public function configure(SpladeTable $table)
+    {
+        $table
+            ->withGlobalSearch(
+                label: trans('tomato-admin::global.search'),
+                columns: ['id','name','package',]
+            )
+            ->bulkAction(
+                label: trans('tomato-admin::global.crud.delete'),
+                each: fn (\Modules\CircleDocs\App\Models\CircleXoDoc $model) => $model->delete(),
+                after: fn () => Toast::danger(__('CircleXoDoc Has Been Deleted'))->autoDismiss(2),
+                confirm: true
+            )
+            ->defaultSort('id', 'desc')
+            ->column(
+                key: 'id',
+                label: __('Id'),
+                sortable: true
+            )
+            ->column(
+                key: 'name',
+                label: __('Name'),
+                sortable: true
+            )
+            ->column(
+                key: 'package',
+                label: __('Package'),
+                sortable: true
+            )
+            ->column(
+                key: 'about',
+                label: __('About'),
+                sortable: true
+            )
+            ->column(
+                key: 'repository',
+                label: __('Repository'),
+                sortable: true
+            )
+            ->column(
+                key: 'branch',
+                label: __('Branch'),
+                sortable: true
+            )
+            ->column(
+                key: 'readme',
+                label: __('Readme'),
+                sortable: true
+            )
+            ->column(
+                key: 'is_active',
+                label: __('Is active'),
+                sortable: true
+            )
+            ->column(
+                key: 'is_public',
+                label: __('Is public'),
+                sortable: true
+            )
+            ->column(
+                key: 'group',
+                label: __('Group'),
+                sortable: true
+            )
+            ->column(
+                key: 'account_id',
+                label: __('Account id'),
+                sortable: true
+            )
+            ->column(key: 'actions',label: trans('tomato-admin::global.crud.actions'))
+            ->export()
+            ->paginate(10);
+    }
+}
diff --git a/Modules/CircleDocs/App/Tables/CircleXoDocsPageTable.php b/Modules/CircleDocs/App/Tables/CircleXoDocsPageTable.php
new file mode 100644
index 0000000..68bdea2
--- /dev/null
+++ b/Modules/CircleDocs/App/Tables/CircleXoDocsPageTable.php
@@ -0,0 +1,114 @@
+<?php
+
+namespace Modules\CircleDocs\App\Tables;
+
+use Illuminate\Http\Request;
+use ProtoneMedia\Splade\AbstractTable;
+use ProtoneMedia\Splade\Facades\Toast;
+use ProtoneMedia\Splade\SpladeTable;
+use Illuminate\Database\Eloquent\Builder;
+
+class CircleXoDocsPageTable extends AbstractTable
+{
+    /**
+     * Create a new instance.
+     *
+     * @return void
+     */
+    public function __construct(public $query=null)
+    {
+        if(!$query){
+            $this->query = \Modules\CircleDocs\App\Models\CircleXoDocsPage::query();
+        }
+    }
+
+    /**
+     * Determine if the user is authorized to perform bulk actions and exports.
+     *
+     * @return bool
+     */
+    public function authorize(Request $request)
+    {
+        return true;
+    }
+
+    /**
+     * The resource or query builder.
+     *
+     * @return mixed
+     */
+    public function for()
+    {
+        return $this->query;
+    }
+
+    /**
+     * Configure the given SpladeTable.
+     *
+     * @param \ProtoneMedia\Splade\SpladeTable $table
+     * @return void
+     */
+    public function configure(SpladeTable $table)
+    {
+        $table
+            ->withGlobalSearch(
+                label: trans('tomato-admin::global.search'),
+                columns: ['id',]
+            )
+            ->bulkAction(
+                label: trans('tomato-admin::global.crud.delete'),
+                each: fn (\Modules\CircleDocs\App\Models\CircleXoDocsPage $model) => $model->delete(),
+                after: fn () => Toast::danger(__('CircleXoDocsPage Has Been Deleted'))->autoDismiss(2),
+                confirm: true
+            )
+            ->defaultSort('id', 'desc')
+            ->column(
+                key: 'id',
+                label: __('Id'),
+                sortable: true
+            )
+            ->column(
+                key: 'title',
+                label: __('Title'),
+                sortable: true
+            )
+            ->column(
+                key: 'description',
+                label: __('Description'),
+                sortable: true
+            )
+            ->column(
+                key: 'body',
+                label: __('Body'),
+                sortable: true
+            )
+            ->column(
+                key: 'parent_id',
+                label: __('Parent id'),
+                sortable: true
+            )
+            ->column(
+                key: 'icon',
+                label: __('Icon'),
+                sortable: true
+            )
+            ->column(
+                key: 'color',
+                label: __('Color'),
+                sortable: true
+            )
+            ->column(
+                key: 'slug',
+                label: __('Slug'),
+                sortable: true
+            )
+            ->column(
+                key: 'doc_id',
+                label: __('Doc id'),
+                sortable: true
+            )
+            ->column(key: 'actions',label: trans('tomato-admin::global.crud.actions'))
+            ->export()
+            ->paginate(10);
+    }
+}
diff --git a/Modules/CircleDocs/App/resources/.gitkeep b/Modules/CircleDocs/App/resources/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/App/resources/CircleXoDocsPagesResource.php b/Modules/CircleDocs/App/resources/CircleXoDocsPagesResource.php
new file mode 100644
index 0000000..e3d96f2
--- /dev/null
+++ b/Modules/CircleDocs/App/resources/CircleXoDocsPagesResource.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace Modules\CircleDocs\App\resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class CircleXoDocsPagesResource extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @param  \Illuminate\Http\Request
+     * @return array
+     */
+    public function toArray($request)
+    {
+        return [
+            
+            'title' => $this->title,
+            'description' => $this->description,
+            'body' => $this->body,
+            'parent_id' => $this->parent_id,
+            'icon' => $this->icon,
+            'color' => $this->color,
+            'slug' => $this->slug,
+            'doc' => $this->id,
+
+        ];
+    }
+}
diff --git a/Modules/CircleDocs/App/resources/CircleXoDocsResource.php b/Modules/CircleDocs/App/resources/CircleXoDocsResource.php
new file mode 100644
index 0000000..a557e6f
--- /dev/null
+++ b/Modules/CircleDocs/App/resources/CircleXoDocsResource.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace Modules\CircleDocs\App\resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class CircleXoDocsResource extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @param  \Illuminate\Http\Request
+     * @return array
+     */
+    public function toArray($request)
+    {
+        return [
+            
+            'name' => $this->name,
+            'package' => $this->package,
+            'about' => $this->about,
+            'repository' => $this->repository,
+            'branch' => $this->branch,
+            'readme' => $this->readme,
+            'is_active' => $this->is_active,
+            'is_public' => $this->is_public,
+            'group' => $this->group,
+            'account' => $this->id,
+
+        ];
+    }
+}
diff --git a/Modules/CircleDocs/CHANGELOG.md b/Modules/CircleDocs/CHANGELOG.md
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/Database/Seeders/.gitkeep b/Modules/CircleDocs/Database/Seeders/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/Database/Seeders/CircleDocsDatabaseSeeder.php b/Modules/CircleDocs/Database/Seeders/CircleDocsDatabaseSeeder.php
new file mode 100644
index 0000000..6eac3a7
--- /dev/null
+++ b/Modules/CircleDocs/Database/Seeders/CircleDocsDatabaseSeeder.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace Modules\CircleDocs\Database\Seeders;
+
+use Illuminate\Database\Seeder;
+
+class CircleDocsDatabaseSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        // $this->call([]);
+    }
+}
diff --git a/Modules/CircleDocs/Database/migrations/2024_03_31_11_0303_1010_create_circle_xo_docs_table.php b/Modules/CircleDocs/Database/migrations/2024_03_31_11_0303_1010_create_circle_xo_docs_table.php
new file mode 100644
index 0000000..256b6ed
--- /dev/null
+++ b/Modules/CircleDocs/Database/migrations/2024_03_31_11_0303_1010_create_circle_xo_docs_table.php
@@ -0,0 +1,37 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('circle_xo_docs', function (Blueprint $table) {
+            $table->id();
+            $table->string("name")->index();
+            $table->string("package")->unique()->index();
+            $table->text("about")->nullable();
+            $table->string("repository")->nullable();
+            $table->string("branch")->nullable();
+            $table->longText("readme")->nullable();
+            $table->boolean("is_active")->default(false)->nullable();
+            $table->boolean("is_public")->default(false)->nullable();
+            $table->foreignId("account_id")->references('id')->on('accounts')->onDelete('cascade');
+            $table->timestamps();
+
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('circle_xo_docs');
+    }
+};
diff --git a/Modules/CircleDocs/Database/migrations/2024_03_31_11_0303_1212_create_circle_xo_docs_pages_table.php b/Modules/CircleDocs/Database/migrations/2024_03_31_11_0303_1212_create_circle_xo_docs_pages_table.php
new file mode 100644
index 0000000..c2c4d3a
--- /dev/null
+++ b/Modules/CircleDocs/Database/migrations/2024_03_31_11_0303_1212_create_circle_xo_docs_pages_table.php
@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('circle_xo_docs_pages', function (Blueprint $table) {
+            $table->id();
+            $table->string("title")->index();
+            $table->string("description")->nullable();
+            $table->longText("body");
+            $table->bigInteger("parent_id")->nullable()->unsigned();
+            $table->string("icon")->nullable();
+            $table->string("color")->nullable();
+            $table->string("slug")->nullable()->index();
+            $table->foreignId("doc_id")->references('id')->on('circle_xo_docs')->onDelete('cascade');
+            $table->string("group")->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('circle_xo_docs_pages');
+    }
+};
diff --git a/Modules/CircleDocs/Database/migrations/2024_03_31_11_0303_1313_create_circle_xo_docs_pages_metas_table.php b/Modules/CircleDocs/Database/migrations/2024_03_31_11_0303_1313_create_circle_xo_docs_pages_metas_table.php
new file mode 100644
index 0000000..699b501
--- /dev/null
+++ b/Modules/CircleDocs/Database/migrations/2024_03_31_11_0303_1313_create_circle_xo_docs_pages_metas_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('circle_xo_docs_pages_metas', function (Blueprint $table) {
+            $table->id();
+            $table->string("key")->index();
+            $table->json("value")->nullable();
+            $table->string("type")->default('text')->nullable();
+            $table->foreignId("docs_page_id")->references('id')->on('circle_xo_docs_pages')->onDelete('cascade');
+            $table->timestamps();
+
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('circle_xo_docs_pages_metas');
+    }
+};
diff --git a/Modules/CircleDocs/LICENSE.md b/Modules/CircleDocs/LICENSE.md
new file mode 100644
index 0000000..a77082f
--- /dev/null
+++ b/Modules/CircleDocs/LICENSE.md
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Fady Mondy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/Modules/CircleDocs/README.md b/Modules/CircleDocs/README.md
new file mode 100644
index 0000000..469e80c
--- /dev/null
+++ b/Modules/CircleDocs/README.md
@@ -0,0 +1,31 @@
+![Screenshot](https://github.com/tomatophp/circle-docs-module/blob/master/art/cover.png)
+
+# Circle Docs
+
+Create and share, search in your docs using markdown editor and GitHub integration
+
+## Installation
+
+```bash
+composer require tomatophp/circle-docs-module
+```
+
+## Support
+
+you can join our discord server to get support [TomatoPHP](https://discord.gg/Xqmt35Uh)
+
+## Docs
+
+you can check docs of this package on [Docs](https://docs.tomatophp.com/plugins/tomato-themes)
+
+## Changelog
+
+Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
+
+## Security
+
+Please see [SECURITY](SECURITY.md) for more information about security.
+
+## License
+
+The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
diff --git a/Modules/CircleDocs/SECURITY.md b/Modules/CircleDocs/SECURITY.md
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/art/cover.png b/Modules/CircleDocs/art/cover.png
new file mode 100644
index 0000000..dc517e1
Binary files /dev/null and b/Modules/CircleDocs/art/cover.png differ
diff --git a/Modules/CircleDocs/art/logo.png b/Modules/CircleDocs/art/logo.png
new file mode 100644
index 0000000..7638513
Binary files /dev/null and b/Modules/CircleDocs/art/logo.png differ
diff --git a/Modules/CircleDocs/composer.json b/Modules/CircleDocs/composer.json
new file mode 100644
index 0000000..69f75ba
--- /dev/null
+++ b/Modules/CircleDocs/composer.json
@@ -0,0 +1,51 @@
+{
+    "name": "tomatophp/circle-docs-module",
+    "type": "laravel-module",
+    "description": "Create and share, search in your docs using markdown editor and GitHub integration",
+    "license": "MIT",
+    "keywords": [
+        "laravel",
+        "module",
+        "circle",
+        "docs",
+        "markdown",
+        "editor",
+        "github",
+        "integration"
+    ],
+    "authors": [
+        {
+            "name": "Fady Mondy",
+            "email": "info@3x1.io"
+        }
+    ],
+    "extra": {
+        "laravel": {
+            "providers": [],
+            "aliases": {
+
+            }
+        }
+    },
+    "autoload": {
+        "psr-4": {
+            "Modules\\CircleDocs\\": "",
+            "Modules\\CircleDocs\\App\\": "app/",
+            "Modules\\CircleDocs\\Database\\Factories\\": "database/factories/",
+            "Modules\\CircleDocs\\Database\\Seeders\\": "database/seeders/"
+        }
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "Modules\\CircleDocs\\Tests\\": "tests/"
+        }
+    },
+    "require": {
+        "php": "^8.1|^8.2",
+        "tomatophp/tomato-admin": "^1.2",
+        "tomatophp/tomato-plugins": "^1.2",
+        "tomatophp/console-helpers": "^1.1",
+        "joshbrw/laravel-module-installer": "^2.0",
+        "nwidart/laravel-modules": "^10.0"
+    }
+}
diff --git a/Modules/CircleDocs/config/.gitkeep b/Modules/CircleDocs/config/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/config/config.php b/Modules/CircleDocs/config/config.php
new file mode 100644
index 0000000..4b0cc03
--- /dev/null
+++ b/Modules/CircleDocs/config/config.php
@@ -0,0 +1,5 @@
+<?php
+
+return [
+    'name' => 'CircleDocs',
+];
diff --git a/Modules/CircleDocs/module.json b/Modules/CircleDocs/module.json
new file mode 100644
index 0000000..d0c006f
--- /dev/null
+++ b/Modules/CircleDocs/module.json
@@ -0,0 +1,27 @@
+{
+    "name": "CircleDocs",
+    "alias": "circle-docs",
+    "description": {
+        "ar": "Create and share, search in your docs using markdown editor and GitHub integration",
+        "en": "Create and share, search in your docs using markdown editor and GitHub integration",
+        "gr": "Create and share, search in your docs using markdown editor and GitHub integration",
+        "sp": "Create and share, search in your docs using markdown editor and GitHub integration"
+    },
+    "keywords": [],
+    "priority": 0,
+    "providers": [
+        "Modules\\CircleDocs\\App\\Providers\\CircleDocsServiceProvider"
+    ],
+    "files": [],
+    "title": {
+        "ar": "Circle Docs",
+        "en": "Circle Docs",
+        "gr": "Circle Docs",
+        "sp": "Circle Docs"
+    },
+    "color": "#E84B3C",
+    "icon": "bx bxl-github",
+    "placeholder": "placeholder.webp",
+    "type": "plugin",
+    "version": "v1.0"
+}
diff --git a/Modules/CircleDocs/package.json b/Modules/CircleDocs/package.json
new file mode 100644
index 0000000..d6fbfc8
--- /dev/null
+++ b/Modules/CircleDocs/package.json
@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "axios": "^1.1.2",
+    "laravel-vite-plugin": "^0.7.5",
+    "sass": "^1.69.5",
+    "postcss": "^8.3.7",
+    "vite": "^4.0.0"
+  }
+}
diff --git a/Modules/CircleDocs/resources/assets/js/SearchDocs.vue b/Modules/CircleDocs/resources/assets/js/SearchDocs.vue
new file mode 100644
index 0000000..b2bcb4d
--- /dev/null
+++ b/Modules/CircleDocs/resources/assets/js/SearchDocs.vue
@@ -0,0 +1,110 @@
+<template>
+    <div v-show="loading" class="text-center flex justify-center">
+        <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+        </svg>
+    </div>
+    <ais-instant-search v-show="!loading" :search-client="searchClient" :index-name="$props.id+'_title_body_index'" :future="{preserveSharedStateOnUnmount: true}">
+        <ais-autocomplete :escape-html="true">
+            <template v-slot="{ currentRefinement, indices, refine }">
+                <input
+                    class="fi-input block w-full border-gray-700 bg-white dark:bg-zinc-800 py-1.5 text-base text-zinc-950 outline-none transition duration-75 placeholder:text-zinc-400 disabled:text-zinc-500 disabled:[-webkit-text-fill-color:theme(colors.zinc.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.zinc.400)] dark:text-white dark:placeholder:text-zinc-500 dark:disabled:text-zinc-400 dark:disabled:[-webkit-text-fill-color:theme(colors.zinc.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.zinc.500)] sm:text-sm sm:leading-6 ps-3 pe-3 focus:ring-2 ring-primary-500 focus:ring-2 focus:ring-primary-500 rounded-lg"
+                    type="search"
+                    ref="searchInput"
+                    :value="currentRefinement"
+                    :placeholder="$props.placeholder"
+                    @input="refine($event.currentTarget.value)"
+                >
+                <ul v-if="currentRefinement" v-for="index in indices" :key="index.indexId">
+                    <li >
+                        <ul class="flex flex-col gap-2 my-8">
+                            <li v-for="(hit, hitKey) in index.hits" :key="hit.objectID" class="text-white cursor-pointer" @click="goToProfile(hit)">
+                                <div class="flex justify-start gap-4 p-4 border border-zinc-700 rounded-lg">
+                                    <div class="flex flex-col justify-center items-center">
+                                        <div>
+                                            <div class="text-2xl font-bold">
+                                                <div class="flex justify-start gap-2">
+                                                    <ais-highlight attribute="title" :hit="hit" />
+                                                </div>
+                                            </div>
+                                            <p class="text-zinc-200">
+                                                <ais-highlight attribute="description" :hit="hit" />
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li v-show="index.hits.length<1">
+                                <div class="flex justify-center gap-4 p-4 border border-zinc-700 rounded-lg">
+                                    <div class="flex flex-col justify-center items-center">
+                                        <div>
+                                            <div class="text-2xl font-bold">
+                                                <div class="flex flex-col justify-center text-center gap-2">
+                                                    <i class="bx bx-x-circle bx-lg text-danger-500"></i>
+                                                    <div class="text-zinc-200">No results found</div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </template>
+        </ais-autocomplete>
+    </ais-instant-search>
+</template>
+
+<script>
+
+import { instantMeiliSearch } from '@meilisearch/instant-meilisearch';
+import { AisAutocomplete } from 'vue-instantsearch/vue3/es';
+
+
+export default {
+    mounted() {
+        const _this = this;
+
+        setTimeout(() => {
+            _this.loading =false;
+            this.$refs.searchInput?.focus();
+        }, 1000);
+    },
+    components: {
+        AisAutocomplete
+    },
+    props: {
+        id: {
+            type: Number,
+            required: true
+        },
+        url: {
+            type: String,
+            required: true
+        },
+        placeholder: {
+            type: String,
+            default: 'Search'
+        }
+    },
+    data() {
+        return {
+            loading: true,
+            searchClient: instantMeiliSearch(
+                import.meta.env.VITE_MEILISEARCH_HOST,
+                import.meta.env.VITE_MEILISEARCH_KEY,
+            ).searchClient
+        };
+    },
+    methods:{
+        goToProfile(item){
+            console.log(item);
+            this.$splade.visit(this.$props.url +"/"+ item.username)
+        }
+    }
+}
+
+</script>
+
diff --git a/Modules/CircleDocs/resources/assets/sass/app.scss b/Modules/CircleDocs/resources/assets/sass/app.scss
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/resources/views/.gitkeep b/Modules/CircleDocs/resources/views/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/resources/views/docs-pages/.gitkeep b/Modules/CircleDocs/resources/views/docs-pages/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/resources/views/docs-pages/create.blade.php b/Modules/CircleDocs/resources/views/docs-pages/create.blade.php
new file mode 100644
index 0000000..feeef84
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/docs-pages/create.blade.php
@@ -0,0 +1,36 @@
+@extends('circle-docs::layouts.doc', ['model' => $doc])
+
+@section('title', $doc->name)
+@section('icon')
+    @if($doc->getMedia('icon')->first())
+        <img src="{{$doc->getMedia('icon')->first()->getUrl() }}" class="w-8 h-8 rounded-full object-cover" alt="avatar">
+    @else
+        <i class="bx bxs-file-doc"></i>
+    @endif
+@endsection
+
+@section('content')
+    <div class="bg-zinc-800 p-4">
+        <x-splade-form class="grid grid-cols-3 gap-4" :default="['doc_id' => $doc->id]" action="{{route('profile.docs-pages.store')}}" method="post">
+
+            <x-splade-file filepond preview class="col-span-3" :label="__('Cover')" :placeholder="__('Cover')"  name="cover" />
+            <x-splade-input class="col-span-3" :label="__('Group')" :placeholder="__('Group')" type='text' name="group" />
+            <x-tomato-admin-icon :label="__('Icon')" :placeholder="__('Icon')" name="icon" />
+            <div class="col-span-2 flex justify-start gap-4">
+                <x-splade-input class="w-full" :label="__('Title')" @input="form.slug = form.title.replaceAll(' ', '-')" name="title" type="text"  :placeholder="__('Title')" />
+                <x-tomato-admin-color :label="__('Color')" :placeholder="__('Color')" name="color" />
+            </div>
+            <x-splade-input class="col-span-3"  :label="__('Slug')" name="slug" type="text"  :placeholder="__('Slug')" />
+            <x-splade-textarea autosize class="col-span-3" :label="__('Description')" name="description" type="text"  :placeholder="__('Description')" />
+            <div class="col-span-3">
+                <x-tomato-markdown-editor :label="__('Body')" name="body" :placeholder="__('Body')" />
+            </div>
+
+
+            <div class="flex justify-start gap-2 pt-3 col-span-3">
+                <x-tomato-admin-submit  label="{{__('Save')}}" :spinner="true" />
+                <x-tomato-admin-button secondary :href="route('profile.docs.show', $doc->id)" label="{{__('Cancel')}}"/>
+            </div>
+        </x-splade-form>
+    </div>
+@endsection
diff --git a/Modules/CircleDocs/resources/views/docs-pages/edit.blade.php b/Modules/CircleDocs/resources/views/docs-pages/edit.blade.php
new file mode 100644
index 0000000..25e0ac8
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/docs-pages/edit.blade.php
@@ -0,0 +1,42 @@
+@extends('circle-docs::layouts.doc', ['model' => $model->doc])
+
+@section('title', $model->doc->name)
+@section('icon')
+    @if($model->doc->getMedia('icon')->first())
+        <img src="{{$model->doc->getMedia('icon')->first()->getUrl() }}" class="w-8 h-8 rounded-full object-cover" alt="avatar">
+    @else
+        <i class="bx bxs-file-doc"></i>
+    @endif
+@endsection
+
+@section('content')
+    <div class="bg-zinc-800 p-4">
+        <x-splade-form class="grid grid-cols-3 gap-4" action="{{route('profile.docs-pages.update', $model->id)}}" method="post" :default="$model">
+
+            <x-splade-file filepond preview class="col-span-3" :label="__('Cover')" :placeholder="__('Cover')"  name="cover" />
+            <x-splade-input class="col-span-3" :label="__('Group')" :placeholder="__('Group')" type='text' name="group" />
+            <x-tomato-admin-icon :label="__('Icon')" :placeholder="__('Icon')" name="icon" />
+            <div class="col-span-2 flex justify-start gap-4">
+                <x-splade-input class="w-full" :label="__('Title')" @input="form.slug = form.title.replaceAll(' ', '-')" name="title" type="text"  :placeholder="__('Title')" />
+                <x-tomato-admin-color :label="__('Color')" :placeholder="__('Color')" name="color" />
+            </div>
+            <x-splade-input class="col-span-3"  :label="__('Slug')" name="slug" type="text"  :placeholder="__('Slug')" />
+            <x-splade-textarea autosize class="col-span-3" :label="__('Description')" name="description" type="text"  :placeholder="__('Description')" />
+            <div class="col-span-3">
+                <x-tomato-markdown-editor :label="__('Body')" name="body" :placeholder="__('Body')" />
+            </div>
+
+
+            <div class="flex justify-start gap-2 pt-3 col-span-3">
+                <x-tomato-admin-submit  label="{{__('Save')}}" :spinner="true" />
+                <x-tomato-admin-button danger :href="route('profile.docs-pages.destroy', $model->id)"
+                                       confirm="{{trans('tomato-admin::global.crud.delete-confirm')}}"
+                                       confirm-text="{{trans('tomato-admin::global.crud.delete-confirm-text')}}"
+                                       confirm-button="{{trans('tomato-admin::global.crud.delete-confirm-button')}}"
+                                       cancel-button="{{trans('tomato-admin::global.crud.delete-confirm-cancel-button')}}"
+                                       method="delete"  label="{{__('Delete')}}" />
+                <x-tomato-admin-button secondary :href="route('profile.docs-pages.show', $model->id)" label="{{__('Cancel')}}"/>
+            </div>
+        </x-splade-form>
+    </div>
+@endsection
diff --git a/Modules/CircleDocs/resources/views/docs-pages/index.blade.php b/Modules/CircleDocs/resources/views/docs-pages/index.blade.php
new file mode 100644
index 0000000..1720729
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/docs-pages/index.blade.php
@@ -0,0 +1,49 @@
+<x-tomato-admin-layout>
+    <x-slot:header>
+        {{ __('CircleXoDocsPage') }}
+    </x-slot:header>
+    <x-slot:buttons>
+        <x-tomato-admin-button :modal="true" :href="route('admin.circle-xo-docs-pages.create')" type="link">
+            {{trans('tomato-admin::global.crud.create-new')}} {{__('CircleXoDocsPage')}}
+        </x-tomato-admin-button>
+    </x-slot:buttons>
+
+    <div class="pb-12">
+        <div class="mx-auto">
+            <x-splade-table :for="$table" striped>
+                <x-splade-cell parent_id>
+    <x-tomato-admin-row table type="number" :value="$item->parent_id" />
+</x-splade-cell>
+<x-splade-cell icon>
+    <x-tomato-admin-row table type="icon" :value="$item->icon" />
+</x-splade-cell>
+<x-splade-cell color>
+    <x-tomato-admin-row table type="color" :value="$item->color" />
+</x-splade-cell>
+<x-splade-cell doc_id>
+    <x-tomato-admin-row table type="number" :value="$item->doc_id" />
+</x-splade-cell>
+
+                <x-splade-cell actions>
+                    <div class="flex justify-start">
+                        <x-tomato-admin-button success type="icon" title="{{trans('tomato-admin::global.crud.view')}}" modal :href="route('admin.circle-xo-docs-pages.show', $item->id)">
+                            <x-heroicon-s-eye class="h-6 w-6"/>
+                        </x-tomato-admin-button>
+                        <x-tomato-admin-button warning type="icon" title="{{trans('tomato-admin::global.crud.edit')}}" modal :href="route('admin.circle-xo-docs-pages.edit', $item->id)">
+                            <x-heroicon-s-pencil class="h-6 w-6"/>
+                        </x-tomato-admin-button>
+                        <x-tomato-admin-button danger type="icon" title="{{trans('tomato-admin::global.crud.delete')}}" :href="route('admin.circle-xo-docs-pages.destroy', $item->id)"
+                           confirm="{{trans('tomato-admin::global.crud.delete-confirm')}}"
+                           confirm-text="{{trans('tomato-admin::global.crud.delete-confirm-text')}}"
+                           confirm-button="{{trans('tomato-admin::global.crud.delete-confirm-button')}}"
+                           cancel-button="{{trans('tomato-admin::global.crud.delete-confirm-cancel-button')}}"
+                           method="delete"
+                        >
+                            <x-heroicon-s-trash class="h-6 w-6"/>
+                        </x-tomato-admin-button>
+                    </div>
+                </x-splade-cell>
+            </x-splade-table>
+        </div>
+    </div>
+</x-tomato-admin-layout>
diff --git a/Modules/CircleDocs/resources/views/docs-pages/show.blade.php b/Modules/CircleDocs/resources/views/docs-pages/show.blade.php
new file mode 100644
index 0000000..3150983
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/docs-pages/show.blade.php
@@ -0,0 +1,29 @@
+@extends('circle-docs::layouts.doc', ['model' => $model->doc])
+
+@section('title', $model->doc->name)
+@section('icon')
+    @if($model->doc->getMedia('icon')->first())
+        <img src="{{$model->doc->getMedia('icon')->first()->getUrl() }}" class="w-8 h-8 rounded-full object-cover" alt="avatar">
+    @else
+        <i class="bx bxs-file-doc"></i>
+    @endif
+@endsection
+
+@section('content')
+    @if($model->getMedia('cover')->first())
+    <div>
+        <img src="{{$model->getMedia('cover')->first()->getUrl() }}" class="w-full h-80 object-cover object-center border-b border-zinc-700" alt="cover">
+    </div>
+    @endif
+    <x-tomato-markdown-viewer :content="$model->body" />
+
+    <div class="flex justify-start gap-2 pt-3 mx-4 my-4">
+        <x-tomato-admin-button warning :href="route('profile.docs-pages.edit', $model->id)" label="{{__('Edit')}}" />
+        <x-tomato-admin-button danger :href="route('profile.docs-pages.destroy', $model->id)"
+                               confirm="{{trans('tomato-admin::global.crud.delete-confirm')}}"
+                               confirm-text="{{trans('tomato-admin::global.crud.delete-confirm-text')}}"
+                               confirm-button="{{trans('tomato-admin::global.crud.delete-confirm-button')}}"
+                               cancel-button="{{trans('tomato-admin::global.crud.delete-confirm-cancel-button')}}"
+                               method="delete"  label="{{__('Delete')}}" />
+    </div>
+@endsection
diff --git a/Modules/CircleDocs/resources/views/docs/.gitkeep b/Modules/CircleDocs/resources/views/docs/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/resources/views/docs/create.blade.php b/Modules/CircleDocs/resources/views/docs/create.blade.php
new file mode 100644
index 0000000..d0c6d7c
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/docs/create.blade.php
@@ -0,0 +1,23 @@
+@extends('circle-xo::layouts.app')
+
+@section('title', __('New Doc'))
+
+@section('content')
+    <x-splade-form class="flex flex-col space-y-4" action="{{route('profile.docs.store')}}" method="post">
+
+        <x-splade-file filepond preview :label="__('Icon')" name="icon" />
+        <x-splade-file filepond preview :label="__('Cover')" name="cover" />
+        <x-splade-input :label="__('Name')" name="name" type="text"  :placeholder="__('Name')" />
+        <x-splade-input :label="__('Package')" name="package" type="text"  :placeholder="__('Package')" />
+        <x-splade-textarea :label="__('About')" name="about" :placeholder="__('About')" autosize />
+        <x-splade-input :label="__('Repository')" name="repository" type="text"  :placeholder="__('Repository')" />
+        <x-splade-input :label="__('Branch')" name="branch" type="text"  :placeholder="__('Branch')" />
+        <x-tomato-markdown-editor :label="__('README')" name="readme" :placeholder="__('README')" />
+        <x-splade-checkbox :label="__('Is public')" name="is_public" />
+
+        <div class="flex justify-start gap-2 pt-3">
+            <x-tomato-admin-submit  label="{{__('Save')}}" :spinner="true" />
+            <x-tomato-admin-button secondary :href="route('profile.docs.index')" label="{{__('Cancel')}}"/>
+        </div>
+    </x-splade-form>
+@endsection
diff --git a/Modules/CircleDocs/resources/views/docs/edit.blade.php b/Modules/CircleDocs/resources/views/docs/edit.blade.php
new file mode 100644
index 0000000..a61c92b
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/docs/edit.blade.php
@@ -0,0 +1,30 @@
+@extends('circle-xo::layouts.app')
+
+@section('title', __('Edit Doc') .' #'.$model->id)
+
+@section('content')
+    <x-splade-form class="flex flex-col space-y-4" action="{{route('profile.docs.update', $model->id)}}" method="post" :default="$model">
+
+        <x-splade-file filepond preview :label="__('Icon')" name="icon" />
+        <x-splade-file filepond preview :label="__('Cover')" name="cover" />
+        <x-splade-input :label="__('Name')" name="name" type="text"  :placeholder="__('Name')" />
+        <x-splade-input :label="__('Package')" name="package" type="text"  :placeholder="__('Package')" />
+        <x-splade-textarea :label="__('About')" name="about" :placeholder="__('About')" autosize />
+        <x-splade-input :label="__('Repository')" name="repository" type="text"  :placeholder="__('Repository')" />
+        <x-splade-input :label="__('Branch')" name="branch" type="text"  :placeholder="__('Branch')" />
+        <x-tomato-markdown-editor :label="__('README')" name="readme" :placeholder="__('README')" />
+        <x-splade-checkbox :label="__('Is public')" name="is_public" />
+
+
+        <div class="flex justify-start gap-2 pt-3">
+            <x-tomato-admin-submit  label="{{__('Save')}}" :spinner="true" />
+            <x-tomato-admin-button danger :href="route('profile.docs.destroy', $model->id)"
+                                   confirm="{{trans('tomato-admin::global.crud.delete-confirm')}}"
+                                   confirm-text="{{trans('tomato-admin::global.crud.delete-confirm-text')}}"
+                                   confirm-button="{{trans('tomato-admin::global.crud.delete-confirm-button')}}"
+                                   cancel-button="{{trans('tomato-admin::global.crud.delete-confirm-cancel-button')}}"
+                                   method="delete"  label="{{__('Delete')}}" />
+            <x-tomato-admin-button secondary :href="route('profile.docs.index')" label="{{__('Cancel')}}"/>
+        </div>
+    </x-splade-form>
+@endsection
diff --git a/Modules/CircleDocs/resources/views/docs/index.blade.php b/Modules/CircleDocs/resources/views/docs/index.blade.php
new file mode 100644
index 0000000..3048232
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/docs/index.blade.php
@@ -0,0 +1,9 @@
+@extends('circle-docs::layouts.app')
+
+@section('content')
+    <div class="mx-8 md:mx-0 mt-6 mb-8">
+        <x-splade-table :for="$table" custom-body custom-body-view="circle-docs::docs.list">
+
+        </x-splade-table>
+    </div>
+@endsection
diff --git a/Modules/CircleDocs/resources/views/docs/list.blade.php b/Modules/CircleDocs/resources/views/docs/list.blade.php
new file mode 100644
index 0000000..919bde9
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/docs/list.blade.php
@@ -0,0 +1,78 @@
+@if($table->resource->count() > 0)
+    <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3">
+        @if(!request()->has('page') || (request()->has('page') && request()->get('page') == 1))
+            <div class=" flex flex-col gap-4 justify-center items-center h-full">
+                <x-splade-link :href="route('profile.docs.create')" class="flex flex-col justify-center items-center text-center border border-zinc-700 rounded-lg w-full h-full">
+                    <div class="my-4">
+                        <i class="bx bxs-file-doc text-7xl text-zinc-500"></i>
+                        <h1>{{__('Add Docs')}}</h1>
+                    </div>
+                </x-splade-link>
+            </div>
+        @endif
+
+        @foreach($table->resource as $itemKey => $item)
+            @php $itemPrimaryKey = $table->findPrimaryKey($item) @endphp
+            <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-4 min-w-64">
+                <div class="flex flex-col items-center justify-center">
+                    <button class="my-4" @click.prevent="table.setSelectedItem(@js($itemPrimaryKey), table.itemIsSelected(@js($itemPrimaryKey)) ? false : true)">
+                        @if($item->getMedia('icon')->first())
+                            <div class="w-24 h-24 rounded-full bg-zinc-800 border " :class="{'border-success-500': table.itemIsSelected(@js($itemPrimaryKey)), 'border-zinc-700' : !table.itemIsSelected(@js($itemPrimaryKey))}">
+                                <img src="{{$item->getMedia('icon')->first()->getUrl() }}" class="w-24 h-24 rounded-full object-cover" alt="avatar">
+                            </div>
+                        @else
+                            <div class="w-24 h-24 rounded-full bg-zinc-800 border " :class="{'border-success-500': table.itemIsSelected(@js($itemPrimaryKey)), 'border-zinc-700' : !table.itemIsSelected(@js($itemPrimaryKey))}">
+                                <div class="flex flex-col justify-center items-center text-center h-full">
+                                    <i class="bx bxs-file-doc text-5xl text-zinc-500"></i>
+                                </div>
+                            </div>
+                        @endif
+                    </button>
+                    <x-splade-link href="{{ route('profile.docs.show', $item) }}" class="flex justify-center gap-2 font-bold w-full">
+                        <h1 class="text-xl truncate">{{ $item->name }}</h1>
+                    </x-splade-link>
+                    <h6 class="text-sm text-zinc-300 my-2 text-center">
+                        #{{ $item->package }}
+                    </h6>
+                    <h6 class="text-sm text-zinc-300 my-2 text-center">
+                        {{ $item->about }}
+                    </h6>
+                    <div class="my-4 flex justify-center gap-2 ">
+                        @if($item->is_public)
+                            <x-tomato-admin-copy text="{{route('docs.show', ['username'=> $item->account?->username, 'slug'=>$item->package])}}">
+                                <x-tomato-admin-tooltip :text="__('Copy Share Link')">
+                                    <i class="bx bx-copy bx-sm text-indigo-500"></i>
+                                </x-tomato-admin-tooltip>
+                            </x-tomato-admin-copy>
+                        @endif
+                        <x-splade-link href="{{route('profile.docs.edit', $item)}}">
+                            <x-tomato-admin-tooltip :text="__('Edit')">
+                                <i class="bx bx-edit bx-sm text-warning-400"></i>
+                            </x-tomato-admin-tooltip>
+                        </x-splade-link>
+                        <x-splade-link href="{{route('profile.docs.destroy', $item)}}" method="DELETE" danger confirm-danger>
+                            <x-tomato-admin-tooltip :text="__('Delete')" >
+                                <i class="bx bx-trash bx-sm  text-danger-500"></i>
+                            </x-tomato-admin-tooltip>
+                        </x-splade-link>
+                    </div>
+                    <h6 class="my-2 text-sm text-zinc-300">
+                        {{__('Created')}} {{ $item->created_at->diffForHumans() }}
+                    </h6>
+                </div>
+            </div>
+        @endforeach
+    </div>
+@else
+    <div class="bg-zinc-800 border border-zinc-700 mx-8 md:mx-0 mt-6 mb-8 rounded-lg shadow-sm flex justify-center overflow-hidden">
+        <div class="p-8 md:p-16 text-center">
+            <i class="bx bx-x-circle bx-lg text-danger-500"></i>
+            <h1>{{__("You don't have any docs please add one")}}</h1>
+            <div class="my-4">
+                <x-circle-xo-button :href="route('profile.docs.create')" size="sm">
+                    {{__('Create Doc')}}
+                </x-circle-xo-button>
+            </div>
+        </div>
+    </div>
+@endif
diff --git a/Modules/CircleDocs/resources/views/docs/show.blade.php b/Modules/CircleDocs/resources/views/docs/show.blade.php
new file mode 100644
index 0000000..6f4a140
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/docs/show.blade.php
@@ -0,0 +1,14 @@
+@extends('circle-docs::layouts.doc')
+
+@section('title', $model->name)
+@section('icon')
+    @if($model->getMedia('icon')->first())
+        <img src="{{$model->getMedia('icon')->first()->getUrl() }}" class="w-8 h-8 rounded-full object-cover" alt="avatar">
+    @else
+        <i class="bx bxs-file-doc"></i>
+    @endif
+@endsection
+
+@section('content')
+    <x-tomato-markdown-viewer :content="$model->readme" />
+@endsection
diff --git a/Modules/CircleDocs/resources/views/dropdown.blade.php b/Modules/CircleDocs/resources/views/dropdown.blade.php
new file mode 100644
index 0000000..bdbe30a
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/dropdown.blade.php
@@ -0,0 +1,3 @@
+@if(has_app('circle-docs'))
+<x-tomato-admin-dropdown-item type="link" icon="bx bxs-file-doc" :label="__('Add Docs')" href="{{ route('profile.docs.index') }}"/>
+@endif
diff --git a/Modules/CircleDocs/resources/views/index.blade.php b/Modules/CircleDocs/resources/views/index.blade.php
new file mode 100644
index 0000000..069cea3
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/index.blade.php
@@ -0,0 +1,86 @@
+@php
+    SEO::openGraphType('WebPage');
+    SEO::openGraphSiteName('Docs | '. setting('site_name'));
+    SEO::openGraphTitle('Docs | '. setting('site_name'));
+    SEO::openGraphUrl(url()->current());
+    SEO::openGraphImage(setting('site_profile'));
+    SEO::metaByProperty('og:description',setting('site_description'));
+
+    SEO::twitterCard('summary_large_image');
+    SEO::twitterTitle('Docs | '. setting('site_name'));
+    SEO::twitterDescription(setting('site_description'));
+    SEO::twitterImage(setting('site_profile'));
+
+    SEO::canonical(url()->current());
+@endphp
+@seoTitle('Docs | '. setting('site_name'))
+@seoDescription(setting('site_description'))
+@seoKeywords(setting('site_keywords'))
+
+
+<x-circle-xo-app-layout>
+    <div class="min-h-screen bg-zinc-900 text-white">
+        <div class="bg-zinc-800 border-b border-zinc-700">
+            <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex items-baseline justify-between p-4">
+                <x-splade-link :href="route('home.blog')" class="text-4xl font-bold tracking-tight text-zinc-200">
+                    {{__('Docs')}}
+                </x-splade-link>
+
+                <div class="flex justify-center items-center flex-col">
+                    <x-splade-form method="GET" action="{{url()->current()}}" :default="['search' => request()->get('search') ?? '']">
+                        <x-splade-input type="search" name="search" placeholder="{{__('Search ...')}}" />
+                    </x-splade-form>
+                </div>
+            </div>
+        </div>
+        <div class="flex items-center justify-center w-full">
+            <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+
+                @if(!$docs->count())
+                    <div class="bg-zinc-800 border border-zinc-700 mx-8 md:mx-0  mt-6 mb-8 rounded-lg shadow-sm flex justify-center">
+                        <div class="p-8 md:p-16 text-center">
+                            <i class="bx bx-x-circle bx-lg text-danger-500"></i>
+                            <h1>{{__('Sorry There is not app, please change search')}}</h1>
+                        </div>
+                    </div>
+                @else
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 my-4">
+                        @foreach($docs as $item)
+                            <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-4 min-w-64">
+                                <div class="flex flex-col items-center justify-center">
+                                    @if($item->getMedia('icon')->first())
+                                        <div class="w-24 h-24 rounded-full bg-zinc-800 border border-zinc-700">
+                                            <img src="{{$item->getMedia('icon')->first()->getUrl() }}" class="w-24 h-24 rounded-full object-cover" alt="avatar">
+                                        </div>
+                                    @else
+                                        <div class="w-24 h-24 rounded-full bg-zinc-800 border border-zinc-700" >
+                                            <div class="flex flex-col justify-center items-center text-center h-full">
+                                                <i class="bx bxs-file-doc text-5xl text-zinc-500"></i>
+                                            </div>
+                                        </div>
+                                    @endif
+                                    <x-splade-link href="{{ route('docs.show', ['username' => $item->account->username, 'slug' => $item->package]) }}" class="flex justify-center gap-2 font-bold w-full">
+                                        <h1 class="text-xl truncate">{{ $item->name }}</h1>
+                                    </x-splade-link>
+                                    <h6 class="text-sm text-zinc-300 my-2 text-center">
+                                        #{{ $item->package }}
+                                    </h6>
+                                    <h6 class="text-sm text-zinc-300 my-2 text-center">
+                                        {{ $item->about }}
+                                    </h6>
+                                    <h6 class="my-2 text-sm text-zinc-300">
+                                        {{__('Created')}} {{ $item->created_at->diffForHumans() }}
+                                    </h6>
+                                </div>
+                            </div>
+                        @endforeach
+                    </div>
+
+                    <div class="mx-8 lg:mx-0 my-4">
+                        {!! $docs->links('tomato-admin::components.pagination') !!}
+                    </div>
+                @endif
+            </div>
+        </div>
+    </div>
+</x-circle-xo-app-layout>
diff --git a/Modules/CircleDocs/resources/views/layouts/app.blade.php b/Modules/CircleDocs/resources/views/layouts/app.blade.php
new file mode 100644
index 0000000..ec30fd4
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/layouts/app.blade.php
@@ -0,0 +1,7 @@
+<x-circle-xo-profile-layout>
+    <div class="my-4">
+        <div class="mx-8 lg:mx-16">
+            @yield('content')
+        </div>
+    </div>
+</x-circle-xo-profile-layout>
diff --git a/Modules/CircleDocs/resources/views/layouts/doc.blade.php b/Modules/CircleDocs/resources/views/layouts/doc.blade.php
new file mode 100644
index 0000000..48bde23
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/layouts/doc.blade.php
@@ -0,0 +1,160 @@
+<x-circle-xo-profile-layout>
+    <div class="w-full py-4 px-8 mt-4 border-b border-zinc-700">
+        <div class="flex justify-between">
+            <div class="w-full">
+                <div class=" flex justify-start gap-4">
+                    <div class="flex flex-col justify-center items-center  hidden lg:block">
+                        @yield('icon')
+                    </div>
+                    <div class="lg:hidden flex flex-col justify-center items-center">
+                        <Link href="#doc-menu" class="mt-1">
+                        <i class="bx bx-menu text-2xl"></i>
+                        </Link>
+                    </div>
+                    <div>
+                        <h1 class="text-2xl font-bold">@yield('title')</h1>
+                    </div>
+                </div>
+            </div>
+            <div class="justify-end w-full flex">
+                <div class="flex justify-center items-center flex-col">
+                    <Link href="#search-docs" class="py-2 px-4 bg-zinc-800 rounded-lg">
+                    <div class="flex justify-start gap-2">
+                        <div class="flex flex-col justify-center items-center">
+                            <i class="bx bx-search"></i>
+                        </div>
+                        <div>
+                            {{__('Search On Docs')}}
+                        </div>
+                    </div>
+                    </Link>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="grid grid-cols-12">
+        <div class="hidden lg:block lg:col-span-3 overflow-auto h-screen border-r border-zinc-700 p-4 scrollbar">
+            <div class="flex flex-col justify-center items-center w-full gap-1">
+                <x-splade-link preserve-scroll :href="route('profile.docs-pages.create') . '?doc_id='.$model->id" class="rounded-lg bg-main-600 text-zinc-700 p-3 w-full my-4">
+                    <div class=" flex justify-start gap-4">
+                        <div class="flex flex-col justify-center items-center">
+                            <i class="bx bx-plus-circle text-md"></i>
+                        </div>
+                        <div>
+                            <h1 class="text-md font-bold">{{ __('Add Page') }}</h1>
+                        </div>
+                    </div>
+                </x-splade-link>
+                <x-splade-link  preserve-scroll :href="route('profile.docs.show', $model->id)" class="rounded-lg  hover:bg-zinc-800 p-3 w-full">
+                    <div class=" flex justify-start gap-4 @if(url()->current() === route('profile.docs.show', $model->id)) text-main-600 @endif" >
+                        <div class="flex flex-col justify-center items-center">
+                            <i class="bx bxs-home text-md"></i>
+                        </div>
+                        <div>
+                            <h1 class="text-md font-bold">{{ __('Overview') }}</h1>
+                        </div>
+                    </div>
+                </x-splade-link>
+
+                @php
+                    $groups = \Modules\CircleDocs\App\Models\CircleXoDocsPage::query()->where('doc_id', $model->id)->groupBy('group')->get();
+                @endphp
+
+                @foreach($groups as $group)
+                    @php
+                        $menu = \Modules\CircleDocs\App\Models\CircleXoDocsPage::query()->where('group', $group->group);
+                        if(request()->get('search')){
+                            $menu = $menu->where('title', 'like', '%'.request()->get('search').'%');
+                        }
+
+                        $menu->where('doc_id', $model->id);
+                        $menu = $menu->get();
+                    @endphp
+                    @if($group->group && !request()->has('search'))
+                        <div class="flex justify-start w-full mt-6 mb-2 px-3">
+                            <h1 class="text-sm font-bold uppercase">{{ $group->group }}</h1>
+                        </div>
+                    @endif
+                    @foreach($menu as $page)
+                            <x-splade-link preserve-scroll :href="route('profile.docs-pages.show', $page->id)" class="rounded-lg hover:bg-zinc-800 p-3 w-full">
+                                <div class=" flex justify-start gap-4 @if(url()->current() === route('profile.docs-pages.show', $page->id)) text-main-600 @endif" >
+                                    <div class="flex flex-col justify-center items-center">
+                                        <i class="{{$page->icon ?? 'bx bxs-file-doc'}} text-md"></i>
+                                    </div>
+                                    <div>
+                                        <h1 class="text-md font-bold">{{ $page->title }}</h1>
+                                    </div>
+                                </div>
+                            </x-splade-link>
+                    @endforeach
+                @endforeach
+            </div>
+        </div>
+        <div class="col-span-12 lg:col-span-9 bg-zinc-800">
+            @yield('content')
+        </div>
+    </div>
+    <x-splade-modal name="doc-menu" position="left" max-width="sm" slideover>
+        <div class="mt-6">
+            <div class="overflow-auto h-screen scrollbar text-white">
+                <div class="flex flex-col justify-center items-center w-full gap-1">
+                    <x-splade-link preserve-scroll :href="route('profile.docs-pages.create') . '?doc_id='.$model->id" class="rounded-lg bg-main-600 text-zinc-700 p-3 w-full my-4">
+                        <div class=" flex justify-start gap-4">
+                            <div class="flex flex-col justify-center items-center">
+                                <i class="bx bx-plus-circle text-md"></i>
+                            </div>
+                            <div>
+                                <h1 class="text-md font-bold">{{ __('Add Page') }}</h1>
+                            </div>
+                        </div>
+                    </x-splade-link>
+                    <x-splade-link  preserve-scroll :href="route('profile.docs.show', $model->id)" class="rounded-lg  hover:bg-zinc-800 p-3 w-full">
+                        <div class=" flex justify-start gap-4 @if(url()->current() === route('profile.docs.show', $model->id)) text-main-600 @endif" >
+                            <div class="flex flex-col justify-center items-center">
+                                <i class="bx bxs-home text-md"></i>
+                            </div>
+                            <div>
+                                <h1 class="text-md font-bold">{{ __('Overview') }}</h1>
+                            </div>
+                        </div>
+                    </x-splade-link>
+
+                    @php
+                        $groups = \Modules\CircleDocs\App\Models\CircleXoDocsPage::query()->where('doc_id', $model->id)->groupBy('group')->get();
+                    @endphp
+
+                    @foreach($groups as $group)
+                        @php
+                            $menu = \Modules\CircleDocs\App\Models\CircleXoDocsPage::query()->where('group', $group->group);
+                            $menu->where('doc_id', $model->id);
+                            $menu = $menu->get();
+                        @endphp
+                        @if($group->group && !request()->has('search'))
+                            <div class="flex justify-start w-full mt-6 mb-2 px-3">
+                                <h1 class="text-sm font-bold uppercase">{{ $group->group }}</h1>
+                            </div>
+                        @endif
+                        @foreach($menu as $page)
+                            <x-splade-link preserve-scroll :href="route('profile.docs-pages.show', $page->id)" class="rounded-lg hover:bg-zinc-800 p-3 w-full">
+                                <div class=" flex justify-start gap-4 @if(url()->current() === route('profile.docs-pages.show', $page->id)) text-main-600 @endif" >
+                                    <div class="flex flex-col justify-center items-center">
+                                        <i class="{{$page->icon ?? 'bx bxs-file-doc'}} text-md"></i>
+                                    </div>
+                                    <div>
+                                        <h1 class="text-md font-bold">{{ $page->title }}</h1>
+                                    </div>
+                                </div>
+                            </x-splade-link>
+                        @endforeach
+                    @endforeach
+                </div>
+            </div>
+        </div>
+    </x-splade-modal>
+    <x-splade-modal name="search-docs">
+        <x-slot:title>
+            {{__('Docs Search')}}
+        </x-slot:title>
+        <SearchDocs url="{{ url('/') }}" id="{{$model->id}}" placeholder="{{__('Search By Any Thing On Docs')}}" />
+    </x-splade-modal>
+</x-circle-xo-profile-layout>
diff --git a/Modules/CircleDocs/resources/views/layouts/parts/sidebar.blade.php b/Modules/CircleDocs/resources/views/layouts/parts/sidebar.blade.php
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/resources/views/menu.blade.php b/Modules/CircleDocs/resources/views/menu.blade.php
new file mode 100644
index 0000000..8bd3a00
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/menu.blade.php
@@ -0,0 +1,27 @@
+@php
+$username = str(url()->current())->explode('@')->last();
+if($username !== url()->current()){
+    $account = str($username)->explode('/')->first();
+}
+else {
+    $account = null;
+}
+@endphp
+@if($account)
+<swiper-slide class="club-swiper-slide" >
+    <div class="swiper-slide">
+        <Link preserve-scroll href="{{ url('@'.$account .'/docs') }}"
+              class="px-4 md:px-6 py-2 flex flex-col text-center justify-center gap-2 border border-zinc-700 rounded-lg shadow-sm @if(url()->current() === url('@'.$account .'/docs')) font-bold bg-zinc-800 @endif"
+        >
+        <div class="flex flex-col justify-center items-center">
+            <div  class="rounded-full h-10 w-10 flex flex-col justify-center items-center bg-warning-500">
+                <i class="bx bxs-file-doc text-xl"></i>
+            </div>
+        </div>
+        <div>
+            {{ __('Docs') }}
+        </div>
+        </Link>
+    </div>
+</swiper-slide>
+@endif
diff --git a/Modules/CircleDocs/resources/views/profile.blade.php b/Modules/CircleDocs/resources/views/profile.blade.php
new file mode 100644
index 0000000..f876e73
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/profile.blade.php
@@ -0,0 +1,49 @@
+<x-circle-xo-public-profile-layout :account="$account">
+    <div class="my-8">
+        <x-circle-xo-listing-filters link />
+
+        <div class="mx-8 lg:mx-16  my-4">
+
+            @if($docs->count() > 0)
+                <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3">
+                    @foreach($docs as $itemKey => $item)
+                        <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-4 min-w-64">
+                            <div class="flex flex-col items-center justify-center">
+                                @if($item->getMedia('icon')->first())
+                                    <div class="w-24 h-24 rounded-full bg-zinc-800 border border-zinc-700">
+                                        <img src="{{$item->getMedia('icon')->first()->getUrl() }}" class="w-24 h-24 rounded-full object-cover" alt="avatar">
+                                    </div>
+                                @else
+                                    <div class="w-24 h-24 rounded-full bg-zinc-800 border border-zinc-700" >
+                                        <div class="flex flex-col justify-center items-center text-center h-full">
+                                            <i class="bx bxs-file-doc text-5xl text-zinc-500"></i>
+                                        </div>
+                                    </div>
+                                @endif
+                                <x-splade-link href="{{ route('docs.show', ['username' => $account->username, 'slug' => $item->package]) }}" class="flex justify-center gap-2 font-bold w-full">
+                                    <h1 class="text-xl truncate">{{ $item->name }}</h1>
+                                </x-splade-link>
+                                <h6 class="text-sm text-zinc-300 my-2 text-center">
+                                    #{{ $item->package }}
+                                </h6>
+                                <h6 class="text-sm text-zinc-300 my-2 text-center">
+                                    {{ $item->about }}
+                                </h6>
+                                <h6 class="my-2 text-sm text-zinc-300">
+                                    {{__('Created')}} {{ $item->created_at->diffForHumans() }}
+                                </h6>
+                            </div>
+                        </div>
+                    @endforeach
+                </div>
+            @else
+                <div class="bg-zinc-800 border border-zinc-700 mx-8 md:mx-0 mt-6 mb-8 rounded-lg shadow-sm flex justify-center overflow-hidden">
+                    <div class="p-8 md:p-16 text-center">
+                        <i class="bx bx-x-circle bx-lg text-danger-500"></i>
+                        <h1>{{__("Sorry this account don't have any docs")}}</h1>
+                    </div>
+                </div>
+            @endif
+        </div>
+    </div>
+</x-circle-xo-public-profile-layout>
diff --git a/Modules/CircleDocs/resources/views/show.blade.php b/Modules/CircleDocs/resources/views/show.blade.php
new file mode 100644
index 0000000..61516b1
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/show.blade.php
@@ -0,0 +1,248 @@
+<x-circle-xo-public-profile-layout :account="$account">
+    <div class="w-full py-4 px-8 mt-4 border-b border-zinc-700">
+        <div class="flex justify-between">
+            <div class="w-full">
+                <div class=" flex justify-start gap-4">
+                    <div class="flex flex-col justify-center items-center  hidden lg:block">
+                        @if($doc->getMedia('icon')->first())
+                            <img src="{{$doc->getMedia('icon')->first()->getUrl() }}" class="w-8 h-8 rounded-full object-cover" alt="avatar">
+                        @else
+                            <i class="bx bxs-file-doc"></i>
+                        @endif
+                    </div>
+                    <div class="lg:hidden flex flex-col justify-center items-center">
+                        <Link href="#doc-menu" class="mt-1">
+                            <i class="bx bx-menu text-2xl"></i>
+                        </Link>
+                    </div>
+                    <div>
+                        <h1 class="text-2xl font-bold">{{$doc->name}}</h1>
+                    </div>
+                </div>
+            </div>
+            <div class="justify-end w-full flex">
+                <div class="flex justify-center items-center flex-col">
+                    <Link href="#search-docs" class="py-2 px-4 bg-zinc-800 rounded-lg">
+                        <div class="flex justify-start gap-2">
+                            <div class="flex flex-col justify-center items-center">
+                                <i class="bx bx-search"></i>
+                            </div>
+                            <div>
+                                {{__('Search On Docs')}}
+                            </div>
+                        </div>
+                    </Link>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="grid grid-cols-12">
+        <div class="hidden lg:block lg:col-span-3 overflow-auto h-screen border-r border-zinc-700 p-4 scrollbar">
+            <div class="flex flex-col justify-center items-center w-full gap-1">
+                <x-splade-link  preserve-scroll :href="route('docs.show', ['username' => $account->username, 'slug'=>$doc->package])" class="rounded-lg  hover:bg-zinc-800 p-3 w-full">
+                    <div class=" flex justify-start gap-4 @if(url()->current() === route('docs.show', ['username' => $account->username, 'slug'=>$doc->package])) text-main-600 @endif" >
+                        <div class="flex flex-col justify-center items-center">
+                            <i class="bx bxs-home text-md"></i>
+                        </div>
+                        <div>
+                            <h1 class="text-md font-bold">{{ __('Overview') }}</h1>
+                        </div>
+                    </div>
+                </x-splade-link>
+
+                @php
+                    $groups = \Modules\CircleDocs\App\Models\CircleXoDocsPage::query()->where('doc_id', $doc->id)->groupBy('group')->get();
+                @endphp
+
+                @foreach($groups as $group)
+                    @php
+                        $menu = \Modules\CircleDocs\App\Models\CircleXoDocsPage::query()->where('group', $group->group);
+                        if(request()->get('search')){
+                            $menu = $menu->where('title', 'like', '%'.request()->get('search').'%');
+                        }
+
+                        $menu->where('doc_id', $doc->id);
+                        $menu = $menu->get();
+                    @endphp
+                    @if($group->group && !request()->has('search'))
+                        <div class="flex justify-start w-full mt-6 mb-2 px-3">
+                            <h1 class="text-sm font-bold uppercase">{{ $group->group }}</h1>
+                        </div>
+                    @endif
+                    @foreach($menu as $page)
+                        <x-splade-link preserve-scroll :href="route('docs.page', ['username' => $account->username, 'slug'=>$doc->package, 'page'=> $page->slug])" class="rounded-lg hover:bg-zinc-800 p-3 w-full">
+                            <div class=" flex justify-start gap-4 @if(url()->current() === route('docs.page', ['username' => $account->username, 'slug'=>$doc->package, 'page'=> $page->slug])) text-main-600 @endif" >
+                                <div class="flex flex-col justify-center items-center">
+                                    <i class="{{$page->icon ?? 'bx bxs-file-doc'}} text-md"></i>
+                                </div>
+                                <div>
+                                    <h1 class="text-md font-bold">{{ $page->title }}</h1>
+                                </div>
+                            </div>
+                        </x-splade-link>
+                    @endforeach
+                @endforeach
+            </div>
+        </div>
+        <div class="col-span-12 lg:col-span-9 bg-zinc-800">
+            @if(isset($currentPage))
+                @if($currentPage->getMedia('cover')->first())
+                    <div>
+                        <img src="{{$currentPage->getMedia('cover')->first()->getUrl() }}" class="w-full h-80 object-cover object-center border-b border-zinc-700" alt="cover">
+                    </div>
+                @endif
+                <x-tomato-markdown-viewer :content="$currentPage->body" />
+            @else
+                <x-tomato-markdown-viewer :content="$doc->readme" />
+            @endif
+
+            @if(auth('accounts')->user())
+                <div class="flex justify-between mx-4  border border-zinc-700 bg-zinc-900 shadow-sm rounded-lg my-4 px-6 py-4">
+                    <div class="flex flex-col justify-center items-center">
+                        @if(isset($currentPage))
+                            @if(!auth('accounts')->user()->hasLiked($currentPage))
+                                <x-tomato-admin-tooltip  :text="__('Like')">
+                                    <x-splade-link preserve-scroll :href="route('profile.docs.like')" :data="['id' => $currentPage->id, 'type'=>'page']" method="POST" class="w-full">
+                                        <div class="flex justify-start gap-2">
+                                            <div class="bg-zinc-700 p-3 rounded-lg text-white flex flex-col justify-center items-center">
+                                                <i class="bx bxs-like text-lg"></i>
+                                            </div>
+                                            <div class="flex flex-col justify-center items-center">
+                                                <div>
+                                                    <p>{{ $currentPage->likers()->count() }}</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </x-splade-link>
+                                </x-tomato-admin-tooltip>
+                            @else
+                                <x-tomato-admin-tooltip :text="__('Dislike')">
+                                    <x-splade-link preserve-scroll :href="route('profile.docs.like')" :data="['id' => $currentPage->id, 'type'=>'page']" method="POST" class="w-full flex justify-start gap-2">
+                                        <div class="flex justify-start gap-2">
+                                            <div class=" bg-primary-600 p-3 rounded-lg text-white flex flex-col justify-center items-center">
+                                                <i class="bx bxs-like text-lg"></i>
+                                            </div>
+                                            <div class="flex flex-col justify-center items-center">
+                                                <p>{{ $currentPage->likers()->count() }}</p>
+                                            </div>
+                                        </div>
+                                    </x-splade-link>
+                                </x-tomato-admin-tooltip>
+                            @endif
+                        @else
+                            @if(!auth('accounts')->user()->hasLiked($doc))
+                                <x-tomato-admin-tooltip :text="__('Like')">
+                                    <x-splade-link preserve-scroll :href="route('profile.docs.like')" :data="['id' => $doc->id, 'type'=>'doc']" method="POST" class="w-full">
+                                        <div class="flex justify-start gap-2">
+                                            <div class="bg-zinc-700 p-3 rounded-lg text-white flex flex-col justify-center items-center">
+                                                <i class="bx bxs-like text-lg"></i>
+                                            </div>
+                                            <div class="flex flex-col justify-center items-center">
+                                                <div>
+                                                    <p>{{ $doc->likers()->count() }}</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </x-splade-link>
+                                </x-tomato-admin-tooltip>
+                            @else
+                                <x-tomato-admin-tooltip :text="__('Dislike')">
+                                    <x-splade-link preserve-scroll :href="route('profile.docs.like')" :data="['id' => $doc->id, 'type'=>'doc']" method="POST" class="w-full flex justify-start gap-2">
+                                        <div class="flex justify-start gap-2">
+                                            <div class=" bg-primary-600 p-3 rounded-lg text-white flex flex-col justify-center items-center">
+                                                <i class="bx bxs-like text-lg"></i>
+                                            </div>
+                                            <div class="flex flex-col justify-center items-center">
+                                                <p>{{ $doc->likers()->count() }}</p>
+                                            </div>
+                                        </div>
+                                    </x-splade-link>
+                                </x-tomato-admin-tooltip>
+                            @endif
+
+                        @endif
+                    </div>
+
+                    @if(isset($currentPage))
+                    <div class="flex flex-col justify-center items-center">
+                        <x-circle-xo-share :title="$currentPage->title" :description="$currentPage->description" >
+                            <x-tomato-admin-tooltip :text="__('Share')">
+                                        <span class="bg-success-600 flex flex-col justify-center items-center text-white rounded-md shadow-md font-bold text-sm p-3">
+                                            <i class="bx bxs-share text-lg text-white"></i>
+                                        </span>
+                            </x-tomato-admin-tooltip>
+                        </x-circle-xo-share>
+                    </div>
+                    @else
+                    <div class="flex flex-col justify-center items-center">
+                        <x-circle-xo-share :title="$doc->name" :description="$doc->description" >
+                            <x-tomato-admin-tooltip :text="__('Share')">
+                                        <span class="bg-success-600 flex flex-col justify-center items-center text-white rounded-md shadow-md font-bold text-sm p-3">
+                                            <i class="bx bxs-share text-lg text-white"></i>
+                                        </span>
+                            </x-tomato-admin-tooltip>
+                        </x-circle-xo-share>
+                    </div>
+                        @endif
+                </div>
+            @endif
+
+        </div>
+    </div>
+    <x-splade-modal name="doc-menu" position="left" max-width="sm" slideover>
+        <div class="mt-6">
+            <div class="overflow-auto h-screen scrollbar text-white">
+                <div class="flex flex-col justify-center items-center w-full gap-1">
+                    <x-splade-link  preserve-scroll :href="route('docs.show', ['username' => $account->username, 'slug'=>$doc->package])" class="rounded-lg  hover:bg-zinc-800 p-3 w-full">
+                        <div class=" flex justify-start gap-4 @if(url()->current() === route('docs.show', ['username' => $account->username, 'slug'=>$doc->package])) text-main-600 @endif" >
+                            <div class="flex flex-col justify-center items-center">
+                                <i class="bx bxs-home text-md"></i>
+                            </div>
+                            <div>
+                                <h1 class="text-md font-bold">{{ __('Overview') }}</h1>
+                            </div>
+                        </div>
+                    </x-splade-link>
+
+                    @php
+                        $groups = \Modules\CircleDocs\App\Models\CircleXoDocsPage::query()->where('doc_id', $doc->id)->groupBy('group')->get();
+                    @endphp
+
+                    @foreach($groups as $group)
+                        @php
+                            $menu = \Modules\CircleDocs\App\Models\CircleXoDocsPage::query()->where('group', $group->group);
+                            $menu->where('doc_id', $doc->id);
+                            $menu = $menu->get();
+                        @endphp
+                        @if($group->group && !request()->has('search'))
+                            <div class="flex justify-start w-full mt-6 mb-2 px-3">
+                                <h1 class="text-sm font-bold uppercase">{{ $group->group }}</h1>
+                            </div>
+                        @endif
+                        @foreach($menu as $page)
+                            <x-splade-link preserve-scroll :href="route('docs.page', ['username' => $account->username, 'slug'=>$doc->package, 'page'=> $page->slug])" class="rounded-lg hover:bg-zinc-800 p-3 w-full">
+                                <div class=" flex justify-start gap-4 @if(url()->current() === route('docs.page', ['username' => $account->username, 'slug'=>$doc->package, 'page'=> $page->slug])) text-main-600 @endif" >
+                                    <div class="flex flex-col justify-center items-center">
+                                        <i class="{{$page->icon ?? 'bx bxs-file-doc'}} text-md"></i>
+                                    </div>
+                                    <div>
+                                        <h1 class="text-md font-bold">{{ $page->title }}</h1>
+                                    </div>
+                                </div>
+                            </x-splade-link>
+                        @endforeach
+                    @endforeach
+                </div>
+            </div>
+        </div>
+    </x-splade-modal>
+
+    <x-splade-modal name="search-docs">
+        <x-slot:title>
+            {{__('Docs Search')}}
+        </x-slot:title>
+        <SearchDocs url="{{ url('/') }}" id="{{$doc->id}}" placeholder="{{__('Search By Any Thing On Docs')}}" />
+    </x-splade-modal>
+</x-circle-xo-public-profile-layout>
+
+
diff --git a/Modules/CircleDocs/resources/views/side-menu.blade.php b/Modules/CircleDocs/resources/views/side-menu.blade.php
new file mode 100644
index 0000000..0ae1a89
--- /dev/null
+++ b/Modules/CircleDocs/resources/views/side-menu.blade.php
@@ -0,0 +1,5 @@
+<x-splade-link :href="route('docs.index')"
+               class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+    <i class="bx bxs-file-doc text-zinc-100 transition duration-75 group-hover:text-white"></i>
+    <span class="ms-3 text-zinc-300 group-hover:text-white">{{__('Docs')}}</span>
+</x-splade-link>
diff --git a/Modules/CircleDocs/routes/.gitkeep b/Modules/CircleDocs/routes/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleDocs/routes/api.php b/Modules/CircleDocs/routes/api.php
new file mode 100644
index 0000000..c06c272
--- /dev/null
+++ b/Modules/CircleDocs/routes/api.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Route;
+
+/*
+    |--------------------------------------------------------------------------
+    | API Routes
+    |--------------------------------------------------------------------------
+    |
+    | Here is where you can register API routes for your application. These
+    | routes are loaded by the RouteServiceProvider within a group which
+    | is assigned the "api" middleware group. Enjoy building your API!
+    |
+*/
+
+
+//Route::middleware(['auth:sanctum'])->name('api.')->group(function () {
+//    Route::get('/circle-xo-docs', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'index'])->name('circle-xo-docs.index');
+//    Route::post('/circle-xo-docs', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'store'])->name('circle-xo-docs.store');
+//    Route::get('/circle-xo-docs/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'show'])->name('circle-xo-docs.show');
+//    Route::post('/circle-xo-docs/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'update'])->name('circle-xo-docs.update');
+//    Route::delete('/circle-xo-docs/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'destroy'])->name('circle-xo-docs.destroy');
+//});
+//
+//Route::middleware(['auth:sanctum'])->name('api.')->group(function () {
+//    Route::get('/circle-xo-docs-pages', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'index'])->name('circle-xo-docs-pages.index');
+//    Route::post('/circle-xo-docs-pages', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'store'])->name('circle-xo-docs-pages.store');
+//    Route::get('/circle-xo-docs-pages/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'show'])->name('circle-xo-docs-pages.show');
+//    Route::post('/circle-xo-docs-pages/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'update'])->name('circle-xo-docs-pages.update');
+//    Route::delete('/circle-xo-docs-pages/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'destroy'])->name('circle-xo-docs-pages.destroy');
+//});
diff --git a/Modules/CircleDocs/routes/web.php b/Modules/CircleDocs/routes/web.php
new file mode 100644
index 0000000..3867e57
--- /dev/null
+++ b/Modules/CircleDocs/routes/web.php
@@ -0,0 +1,50 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+use Modules\CircleDocs\App\Http\Controllers\CircleDocsController;
+
+/*
+|--------------------------------------------------------------------------
+| Web Routes
+|--------------------------------------------------------------------------
+|
+| Here is where you can register web routes for your application. These
+| routes are loaded by the RouteServiceProvider within a group which
+| contains the "web" middleware group. Now create something great!
+|
+*/
+
+
+
+Route::middleware(['splade', 'auth:accounts', 'app:circle-docs'])->name('profile.')->group(function () {
+    Route::get('profile/docs', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'index'])->name('docs.index');
+    Route::post('profile/docs/like', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'like'])->name('docs.like');
+    Route::get('profile/docs/api', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'api'])->name('docs.api');
+    Route::get('profile/docs/create', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'create'])->name('docs.create');
+    Route::post('profile/docs', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'store'])->name('docs.store');
+    Route::get('profile/docs/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'show'])->name('docs.show');
+    Route::get('profile/docs/{model}/edit', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'edit'])->name('docs.edit');
+    Route::post('profile/docs/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'update'])->name('docs.update');
+    Route::delete('profile/docs/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocController::class, 'destroy'])->name('docs.destroy');
+});
+
+Route::middleware(['splade', 'auth:accounts', 'app:circle-docs'])->name('profile.')->group(function () {
+    Route::get('profile/docs-pages', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'index'])->name('docs-pages.index');
+    Route::get('profile/docs-pages/api', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'api'])->name('docs-pages.api');
+    Route::get('profile/docs-pages/create', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'create'])->name('docs-pages.create');
+    Route::post('profile/docs-pages', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'store'])->name('docs-pages.store');
+    Route::get('profile/docs-pages/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'show'])->name('docs-pages.show');
+    Route::get('profile/docs-pages/{model}/edit', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'edit'])->name('docs-pages.edit');
+    Route::post('profile/docs-pages/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'update'])->name('docs-pages.update');
+    Route::delete('profile/docs-pages/{model}', [\Modules\CircleDocs\App\Http\Controllers\CircleXoDocsPageController::class, 'destroy'])->name('docs-pages.destroy');
+});
+
+Route::middleware(['splade'])->prefix('{username}')->name('docs.')->group(function () {
+    Route::get('/docs', [CircleDocsController::class, 'profile'])->name('profile');
+    Route::get('/docs/{slug}', [CircleDocsController::class, 'show'])->name('show');
+    Route::get('/docs/{slug}/{page}', [CircleDocsController::class, 'page'])->name('page');
+});
+
+Route::middleware(['splade'])->name('docs.')->group(function () {
+    Route::get('/docs', [CircleDocsController::class, 'index'])->name('index');
+});
diff --git a/Modules/CircleDocs/vite.config.js b/Modules/CircleDocs/vite.config.js
new file mode 100644
index 0000000..799e03d
--- /dev/null
+++ b/Modules/CircleDocs/vite.config.js
@@ -0,0 +1,26 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+
+export default defineConfig({
+    build: {
+        outDir: '../../public/build-circledocs',
+        emptyOutDir: true,
+        manifest: true,
+    },
+    plugins: [
+        laravel({
+            publicDirectory: '../../public',
+            buildDirectory: 'build-circledocs',
+            input: [
+                __dirname + '/resources/assets/sass/app.scss',
+                __dirname + '/resources/assets/js/app.js'
+            ],
+            refresh: true,
+        }),
+    ],
+});
+
+//export const paths = [
+//    'Modules/$STUDLY_NAME$/resources/assets/sass/app.scss',
+//    'Modules/$STUDLY_NAME$/resources/assets/js/app.js',
+//];
\ No newline at end of file
diff --git a/Modules/CircleInvoices/App/Providers/CircleInvoicesServiceProvider.php b/Modules/CircleInvoices/App/Providers/CircleInvoicesServiceProvider.php
index 7ad18ec..4f0da71 100644
--- a/Modules/CircleInvoices/App/Providers/CircleInvoicesServiceProvider.php
+++ b/Modules/CircleInvoices/App/Providers/CircleInvoicesServiceProvider.php
@@ -5,6 +5,7 @@
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\ServiceProvider;
 use Modules\CircleApps\App\Facades\CircleAppsMenu;
+use Modules\CircleApps\App\Facades\CircleXoSlots;
 use Modules\CircleInvoices\App\Console\CircleInvoicesInstall;
 
 class CircleInvoicesServiceProvider extends ServiceProvider
diff --git a/Modules/CircleNotes/App/Console/.gitkeep b/Modules/CircleNotes/App/Console/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/App/Console/CircleNotesInstall.php b/Modules/CircleNotes/App/Console/CircleNotesInstall.php
new file mode 100644
index 0000000..fe9b941
--- /dev/null
+++ b/Modules/CircleNotes/App/Console/CircleNotesInstall.php
@@ -0,0 +1,63 @@
+<?php
+
+namespace Modules\CircleNotes\App\Console;
+
+use Illuminate\Console\Command;
+use Modules\CircleApps\App\Models\App;
+use TomatoPHP\ConsoleHelpers\Traits\RunCommand;
+
+class CircleNotesInstall extends Command
+{
+    use RunCommand;
+
+    /**
+     * The name and signature of the console command.
+     *
+     * @var string
+     */
+    protected $name = 'circle-notes:install';
+
+    /**
+     * The console command description.
+     *
+     * @var string
+     */
+    protected $description = 'install package and publish assets';
+
+    public function __construct()
+    {
+        parent::__construct();
+    }
+
+
+    /**
+     * Execute the console command.
+     *
+     * @return mixed
+     */
+    public function handle()
+    {
+        $this->info('Install App');
+        $app = App::where('key', 'circle-notes')->first();
+        if(!$app){
+            $app = new App();
+            $app->key = 'circle-notes';
+            $app->name = 'Circle Notes';
+            $app->description = 'Capture Notes, organize tasks and ideas easily';
+            $app->is_active = true;
+            $app->is_free = true;
+            $app->status = "active";
+            $app->homepage = "https://www.github.com/tomatophp/circle-notes";
+            $app->github = "https://www.github.com/tomatophp/circle-notes";
+            $app->docs = "https://www.github.com/tomatophp/ccircle-notes";
+            $app->privacy = "https://www.github.com/tomatophp/circle-notes";
+            $app->faq = "https://www.github.com/tomatophp/circle-notes";
+            $app->email = "AbdelmjidDev@gmail.com";
+            $app->save();
+        }
+        $this->callSilent('optimize:clear');
+        $this->artisanCommand(["migrate"]);
+        $this->artisanCommand(["optimize:clear"]);
+        $this->info('Circle Contacts App installed successfully.');
+    }
+}
diff --git a/Modules/CircleNotes/App/Http/Controllers/.gitkeep b/Modules/CircleNotes/App/Http/Controllers/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/App/Http/Controllers/CircleXoNoteController.php b/Modules/CircleNotes/App/Http/Controllers/CircleXoNoteController.php
new file mode 100644
index 0000000..8f9dffd
--- /dev/null
+++ b/Modules/CircleNotes/App/Http/Controllers/CircleXoNoteController.php
@@ -0,0 +1,153 @@
+<?php
+
+namespace Modules\CircleNotes\App\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+use Illuminate\Support\Str;
+use Modules\CircleNotes\App\Http\Requests\CircleXoNote\CircleXoNoteStoreRequest;
+use Modules\CircleNotes\App\Http\Requests\CircleXoNote\CircleXoNoteUpdateRequest;
+use Modules\CircleNotes\App\Models\CircleXoNote;
+use TomatoPHP\TomatoAdmin\Facade\Tomato;
+
+class CircleXoNoteController extends Controller
+{
+    public string $model;
+
+    public function __construct()
+    {
+        $this->model = CircleXoNote::class;
+    }
+
+    /**
+     * @param Request $request
+     * @return View|JsonResponse
+     */
+    public function index(Request $request): View|JsonResponse
+    {
+        $query = CircleXoNote::query();
+        $query->where('account_id', auth('accounts')->user()->id);
+
+        return Tomato::index(
+            request: $request,
+            model: $this->model,
+            view: 'circle-notes::notes.index',
+            table: \Modules\CircleNotes\App\Tables\CircleXoNoteTable::class,
+            query: $query
+        );
+    }
+
+    /**
+     * @return View
+     */
+    public function create(): View
+    {
+        return Tomato::create(
+            view: 'circle-notes::notes.create',
+        );
+    }
+
+    /**
+     * @param CircleXoNoteStoreRequest $request
+     * @return RedirectResponse|JsonResponse
+     */
+    public function store(CircleXoNoteStoreRequest $request): RedirectResponse|JsonResponse
+    {
+        $request->merge([
+            "slug" => Str::random(10),
+            "account_id" => auth('accounts')->user()->id
+        ]);
+
+        $response = Tomato::store(
+            request: $request,
+            model: CircleXoNote::class,
+            message: __('Note saved successfully'),
+            redirect: 'profile.notes.index',
+        );
+
+        if ($response instanceof JsonResponse) {
+            return $response;
+        }
+
+        return redirect()->route('profile.notes.show', $response->record->id);
+    }
+
+    /**
+     * @param CircleXoNote $model
+     * @return View|JsonResponse
+     */
+    public function show(CircleXoNote $model): View|JsonResponse
+    {
+        if (!has_app('circle-notes', $model->account_id)) {
+            abort(403);
+        }
+
+        return Tomato::get(
+            model: $model,
+            view: 'circle-notes::notes.show',
+        );
+    }
+
+    /**
+     * @param CircleXoNote $model
+     * @return View
+     */
+    public function edit(CircleXoNote $model): View
+    {
+        if (!has_app('circle-notes', $model->account_id)) {
+            abort(403);
+        }
+
+        return Tomato::get(
+            model: $model,
+            view: 'circle-notes::notes.edit',
+        );
+    }
+
+    /**
+     * @param CircleXoNoteUpdateRequest $request
+     * @param CircleXoNote $model
+     * @return RedirectResponse|JsonResponse
+     */
+    public function update(CircleXoNoteUpdateRequest $request, CircleXoNote $model): RedirectResponse|JsonResponse
+    {
+        $response = Tomato::update(
+            request: $request,
+            model: $model,
+            message: __('Note updated successfully'),
+            redirect: 'profile.notes.index',
+        );
+
+        if ($response instanceof JsonResponse) {
+            return $response;
+        }
+
+        return redirect()->route('profile.notes.show', $model->id);
+    }
+
+    /**
+     * @param CircleXoNote $model
+     * @return RedirectResponse|JsonResponse
+     */
+    public function destroy(CircleXoNote $model): RedirectResponse|JsonResponse
+    {
+        if (!has_app('circle-notes', $model->account_id)) {
+            abort(403);
+        }
+
+        $response = Tomato::destroy(
+            model: $model,
+            message: __('Note deleted successfully'),
+            redirect: 'profile.notes.index',
+        );
+
+        if ($response instanceof JsonResponse) {
+            return $response;
+        }
+
+        return redirect()->route('profile.notes.index');
+    }
+}
diff --git a/Modules/CircleNotes/App/Http/Controllers/CircleXoNoteShareController.php b/Modules/CircleNotes/App/Http/Controllers/CircleXoNoteShareController.php
new file mode 100644
index 0000000..1d497cd
--- /dev/null
+++ b/Modules/CircleNotes/App/Http/Controllers/CircleXoNoteShareController.php
@@ -0,0 +1,77 @@
+<?php
+
+namespace Modules\CircleNotes\App\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use App\Models\Account;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\Support\Str;
+use Modules\CircleNotes\App\Models\CircleXoNote;
+use Modules\CircleNotes\App\Models\CircleXoNoteLink;
+use Modules\CircleNotes\App\Models\CircleXoNoteUserPermission;
+use ProtoneMedia\Splade\Facades\Toast;
+use TomatoPHP\TomatoAdmin\Facade\Tomato;
+
+class CircleXoNoteShareController extends Controller
+{
+    public function share(CircleXoNote $model)
+    {
+        if (!has_app('circle-notes', $model->account_id)) {
+            abort(403);
+        }
+
+        return Tomato::get(
+            model: $model,
+            view: 'circle-notes::notes.share',
+        );
+    }
+
+
+    public function showShareLink($username, $slug)
+    {
+        $note = CircleXoNote::where('slug', $slug)->firstOrFail();
+        if($note->is_public) {
+            $account = Account::where('username', $username)->firstOrFail();
+
+            return view('circle-notes::notes.share_page', compact('note', 'account'));
+        }
+        else {
+            abort(404);
+        }
+    }
+
+    public function generateOneTimeLink(CircleXoNote $model)
+    {
+        $token = Str::random(10);
+
+        if(!$model->links()->count()){
+            CircleXoNoteLink::create([
+                'note_id' => $model->id,
+                'token' => $token
+            ]);
+
+            Toast::success(__('Generate one time link successfully'))->autoDismiss(2);
+        }
+        else {
+            Toast::danger(__('One time link already generated'))->autoDismiss(2);
+        }
+
+
+        return back();
+    }
+
+    public function showShareOneTimeLink($username, $token)
+    {
+        $noteLink = CircleXoNoteLink::where('token', $token)->firstOrFail();
+        $note = $noteLink->note;
+
+        $account = Account::where('username', $username)->firstOrFail();
+
+        // Remove the token once it's been used
+        $noteLink->delete();
+
+        return view('circle-notes::notes.share_page', compact('note', 'account'));
+    }
+}
diff --git a/Modules/CircleNotes/App/Http/Requests/CircleXoNote/CircleXoNoteStoreRequest.php b/Modules/CircleNotes/App/Http/Requests/CircleXoNote/CircleXoNoteStoreRequest.php
new file mode 100644
index 0000000..b7d9898
--- /dev/null
+++ b/Modules/CircleNotes/App/Http/Requests/CircleXoNote/CircleXoNoteStoreRequest.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace Modules\CircleNotes\App\Http\Requests\CircleXoNote;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class CircleXoNoteStoreRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return has_app('circle-notes');
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, mixed>
+     */
+    public function rules()
+    {
+        return [
+            'title' => 'nullable|max:255|string',
+            'content' => 'required|string',
+            'is_public' => 'required|boolean',
+        ];
+    }
+}
diff --git a/Modules/CircleNotes/App/Http/Requests/CircleXoNote/CircleXoNoteUpdateRequest.php b/Modules/CircleNotes/App/Http/Requests/CircleXoNote/CircleXoNoteUpdateRequest.php
new file mode 100644
index 0000000..b95ae5a
--- /dev/null
+++ b/Modules/CircleNotes/App/Http/Requests/CircleXoNote/CircleXoNoteUpdateRequest.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace Modules\CircleNotes\App\Http\Requests\CircleXoNote;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class CircleXoNoteUpdateRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return has_app('circle-notes', $this->model['account_id']);
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, mixed>
+     */
+    public function rules()
+    {
+        return [
+            'title' => 'nullable|max:255|string',
+            'content' => 'required|string',
+            'is_public' => 'sometimes|boolean',
+        ];
+    }
+}
diff --git a/Modules/CircleNotes/App/Models/CircleXoNote.php b/Modules/CircleNotes/App/Models/CircleXoNote.php
new file mode 100644
index 0000000..e84b58d
--- /dev/null
+++ b/Modules/CircleNotes/App/Models/CircleXoNote.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace Modules\CircleNotes\App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+
+/**
+* @property string $id
+* @property string $title
+* @property string $slug
+* @property string $content
+* @property \App\Models\Account $account_id
+ */
+class CircleXoNote extends Model
+{
+
+    /**
+     * @var array
+     */
+    protected $fillable = [
+        'id',
+        'title',
+        'slug',
+        'content',
+        'account_id',
+        'is_public'
+    ];
+
+    protected $casts = [
+        'is_public' => 'boolean'
+    ];
+
+    public function account()
+    {
+        return $this->belongsTo(\App\Models\Account::class);
+    }
+
+    public function links()
+    {
+        return $this->hasMany(CircleXoNoteLink::class, 'note_id');
+    }
+
+}
diff --git a/Modules/CircleNotes/App/Models/CircleXoNoteLink.php b/Modules/CircleNotes/App/Models/CircleXoNoteLink.php
new file mode 100644
index 0000000..32dab07
--- /dev/null
+++ b/Modules/CircleNotes/App/Models/CircleXoNoteLink.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Modules\CircleNotes\App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+
+/**
+ * @property string $id
+ * @property \Modules\CircleNotes\App\Models\CircleXoNote $note_id
+ * @property string $token
+ */
+class CircleXoNoteLink extends Model
+{
+
+    /**
+     * @var array
+     */
+    protected $fillable = [
+        'id',
+        'note_id',
+        'token'
+    ];
+
+    public function note()
+    {
+        return $this->belongsTo(CircleXoNote::class, 'note_id');
+    }
+}
diff --git a/Modules/CircleNotes/App/Providers/.gitkeep b/Modules/CircleNotes/App/Providers/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/App/Providers/CircleNotesServiceProvider.php b/Modules/CircleNotes/App/Providers/CircleNotesServiceProvider.php
new file mode 100644
index 0000000..e738a32
--- /dev/null
+++ b/Modules/CircleNotes/App/Providers/CircleNotesServiceProvider.php
@@ -0,0 +1,127 @@
+<?php
+
+namespace Modules\CircleNotes\App\Providers;
+
+use Illuminate\Support\Facades\Blade;
+use Illuminate\Support\ServiceProvider;
+use Modules\CircleApps\App\Facades\CircleAppsMenu;
+use Modules\CircleApps\App\Facades\CircleXoSlots;
+use TomatoPHP\TomatoAdmin\Services\Contracts\Menu;
+
+class CircleNotesServiceProvider extends ServiceProvider
+{
+    protected string $moduleName = 'CircleNotes';
+
+    protected string $moduleNameLower = 'circle-notes';
+
+    /**
+     * Boot the application events.
+     */
+    public function boot(): void
+    {
+        $this->registerCommands();
+        $this->registerCommandSchedules();
+        $this->registerTranslations();
+        $this->registerConfig();
+        $this->registerViews();
+        $this->loadMigrationsFrom(module_path($this->moduleName, 'Database/migrations'));
+
+        CircleAppsMenu::register([
+            Menu::make()
+                ->group('circle-notes')
+                ->label(__('Notes'))
+                ->icon('bx bxs-note')
+                ->route('profile.notes.index')
+        ]);
+    }
+
+    /**
+     * Register the service provider.
+     */
+    public function register(): void
+    {
+        $this->app->register(RouteServiceProvider::class);
+    }
+
+    /**
+     * Register commands in the format of Command::class
+     */
+    protected function registerCommands(): void
+    {
+         $this->commands([
+            \Modules\CircleNotes\App\Console\CircleNotesInstall::class,
+         ]);
+    }
+
+    /**
+     * Register command Schedules.
+     */
+    protected function registerCommandSchedules(): void
+    {
+        // $this->app->booted(function () {
+        //     $schedule = $this->app->make(Schedule::class);
+        //     $schedule->command('inspire')->hourly();
+        // });
+    }
+
+    /**
+     * Register translations.
+     */
+    public function registerTranslations(): void
+    {
+        $langPath = resource_path('lang/modules/'.$this->moduleNameLower);
+
+        if (is_dir($langPath)) {
+            $this->loadTranslationsFrom($langPath, $this->moduleNameLower);
+            $this->loadJsonTranslationsFrom($langPath);
+        } else {
+            $this->loadTranslationsFrom(module_path($this->moduleName, 'lang'), $this->moduleNameLower);
+            $this->loadJsonTranslationsFrom(module_path($this->moduleName, 'lang'));
+        }
+    }
+
+    /**
+     * Register config.
+     */
+    protected function registerConfig(): void
+    {
+        $this->publishes([module_path($this->moduleName, 'config/config.php') => config_path($this->moduleNameLower.'.php')], 'config');
+        $this->mergeConfigFrom(module_path($this->moduleName, 'config/config.php'), $this->moduleNameLower);
+    }
+
+    /**
+     * Register views.
+     */
+    public function registerViews(): void
+    {
+        $viewPath = resource_path('views/modules/'.$this->moduleNameLower);
+        $sourcePath = module_path($this->moduleName, 'resources/views');
+
+        $this->publishes([$sourcePath => $viewPath], ['views', $this->moduleNameLower.'-module-views']);
+
+        $this->loadViewsFrom(array_merge($this->getPublishableViewPaths(), [$sourcePath]), $this->moduleNameLower);
+
+        $componentNamespace = str_replace('/', '\\', config('modules.namespace').'\\'.$this->moduleName.'\\'.config('modules.paths.generator.component-class.path'));
+        Blade::componentNamespace($componentNamespace, $this->moduleNameLower);
+    }
+
+    /**
+     * Get the services provided by the provider.
+     */
+    public function provides(): array
+    {
+        return [];
+    }
+
+    private function getPublishableViewPaths(): array
+    {
+        $paths = [];
+        foreach (config('view.paths') as $path) {
+            if (is_dir($path.'/modules/'.$this->moduleNameLower)) {
+                $paths[] = $path.'/modules/'.$this->moduleNameLower;
+            }
+        }
+
+        return $paths;
+    }
+}
diff --git a/Modules/CircleNotes/App/Providers/RouteServiceProvider.php b/Modules/CircleNotes/App/Providers/RouteServiceProvider.php
new file mode 100644
index 0000000..0480964
--- /dev/null
+++ b/Modules/CircleNotes/App/Providers/RouteServiceProvider.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace Modules\CircleNotes\App\Providers;
+
+use Illuminate\Support\Facades\Route;
+use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
+
+class RouteServiceProvider extends ServiceProvider
+{
+    /**
+     * The module namespace to assume when generating URLs to actions.
+     */
+    protected string $moduleNamespace = 'Modules\CircleNotes\App\Http\Controllers';
+
+    /**
+     * Called before routes are registered.
+     *
+     * Register any model bindings or pattern based filters.
+     */
+    public function boot(): void
+    {
+        parent::boot();
+    }
+
+    /**
+     * Define the routes for the application.
+     */
+    public function map(): void
+    {
+        $this->mapApiRoutes();
+
+        $this->mapWebRoutes();
+    }
+
+    /**
+     * Define the "web" routes for the application.
+     *
+     * These routes all receive session state, CSRF protection, etc.
+     */
+    protected function mapWebRoutes(): void
+    {
+        Route::middleware('web')
+            ->namespace($this->moduleNamespace)
+            ->group(module_path('CircleNotes', '/routes/web.php'));
+    }
+
+    /**
+     * Define the "api" routes for the application.
+     *
+     * These routes are typically stateless.
+     */
+    protected function mapApiRoutes(): void
+    {
+        Route::prefix('api')
+            ->middleware('api')
+            ->namespace($this->moduleNamespace)
+            ->group(module_path('CircleNotes', '/routes/api.php'));
+    }
+}
diff --git a/Modules/CircleNotes/App/Tables/CircleXoNoteTable.php b/Modules/CircleNotes/App/Tables/CircleXoNoteTable.php
new file mode 100644
index 0000000..d835e1e
--- /dev/null
+++ b/Modules/CircleNotes/App/Tables/CircleXoNoteTable.php
@@ -0,0 +1,89 @@
+<?php
+
+namespace Modules\CircleNotes\App\Tables;
+
+use Illuminate\Http\Request;
+use ProtoneMedia\Splade\AbstractTable;
+use ProtoneMedia\Splade\Facades\Toast;
+use ProtoneMedia\Splade\SpladeTable;
+use Illuminate\Database\Eloquent\Builder;
+
+class CircleXoNoteTable extends AbstractTable
+{
+    /**
+     * Create a new instance.
+     *
+     * @return void
+     */
+    public function __construct(public $query=null)
+    {
+        if(!$query){
+            $this->query = \Modules\CircleNotes\App\Models\CircleXoNote::query();
+        }
+    }
+
+    /**
+     * Determine if the user is authorized to perform bulk actions and exports.
+     *
+     * @return bool
+     */
+    public function authorize(Request $request)
+    {
+        return true;
+    }
+
+    /**
+     * The resource or query builder.
+     *
+     * @return mixed
+     */
+    public function for()
+    {
+        return $this->query;
+    }
+
+    /**
+     * Configure the given SpladeTable.
+     *
+     * @param \ProtoneMedia\Splade\SpladeTable $table
+     * @return void
+     */
+    public function configure(SpladeTable $table)
+    {
+        $table
+            ->withGlobalSearch(
+                label: trans('tomato-admin::global.search'),
+                columns: ['id','name','email','phone']
+            )
+            ->bulkAction(
+                label: trans('tomato-admin::global.crud.delete'),
+                each: function(\Modules\CircleNotes\App\Models\CircleXoNote $model){
+                    $model->delete();
+                },
+                after: fn () => Toast::danger(__('Note Has Been Deleted'))->autoDismiss(2),
+                confirm: true
+            )
+            ->defaultSort('id', 'desc')
+            ->column(
+                key: 'id',
+                label: __('Id'),
+                canBeHidden: false,
+                sortable: true,
+
+            )
+            ->column(
+                key: 'title',
+                label: __('Title'),
+                canBeHidden: false,
+                sortable: true,
+            )
+            ->column(
+                key: 'content',
+                label: __('Content'),
+                canBeHidden: false,
+                sortable: true
+            )
+            ->export()
+            ->paginate(8);
+    }
+}
diff --git a/Modules/CircleNotes/CHANGELOG.md b/Modules/CircleNotes/CHANGELOG.md
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/Database/Seeders/.gitkeep b/Modules/CircleNotes/Database/Seeders/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/Database/Seeders/CircleNotesDatabaseSeeder.php b/Modules/CircleNotes/Database/Seeders/CircleNotesDatabaseSeeder.php
new file mode 100644
index 0000000..daebc3c
--- /dev/null
+++ b/Modules/CircleNotes/Database/Seeders/CircleNotesDatabaseSeeder.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace Modules\CircleNotes\Database\Seeders;
+
+use Illuminate\Database\Seeder;
+
+class CircleNotesDatabaseSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        // $this->call([]);
+    }
+}
diff --git a/Modules/CircleNotes/Database/migrations/2024_03_31_185249_create_circle_xo_notes_table.php b/Modules/CircleNotes/Database/migrations/2024_03_31_185249_create_circle_xo_notes_table.php
new file mode 100644
index 0000000..bdd02e6
--- /dev/null
+++ b/Modules/CircleNotes/Database/migrations/2024_03_31_185249_create_circle_xo_notes_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('circle_xo_notes', function (Blueprint $table) {
+            $table->id();
+            $table->string('title')->nullable();
+            $table->string('slug')->unique();
+            $table->text('content')->nullable();
+            $table->foreignId("account_id")->references('id')->on('accounts')->onDelete('cascade');
+            $table->boolean('is_public')->default(false)->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('circle_xo_notes');
+    }
+};
diff --git a/Modules/CircleNotes/Database/migrations/2024_03_31_211654_create_circle_xo_note_links_table.php b/Modules/CircleNotes/Database/migrations/2024_03_31_211654_create_circle_xo_note_links_table.php
new file mode 100644
index 0000000..370b9fb
--- /dev/null
+++ b/Modules/CircleNotes/Database/migrations/2024_03_31_211654_create_circle_xo_note_links_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('circle_xo_note_links', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId("note_id")->references('id')->on('circle_xo_notes')->onDelete('cascade');
+            $table->string('token')->unique();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('circle_xo_note_links');
+    }
+};
diff --git a/Modules/CircleNotes/LICENSE.md b/Modules/CircleNotes/LICENSE.md
new file mode 100644
index 0000000..a77082f
--- /dev/null
+++ b/Modules/CircleNotes/LICENSE.md
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Fady Mondy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/Modules/CircleNotes/README.md b/Modules/CircleNotes/README.md
new file mode 100644
index 0000000..d50d7e2
--- /dev/null
+++ b/Modules/CircleNotes/README.md
@@ -0,0 +1,31 @@
+![Screenshot](https://github.com/tomatophp/circle-notes-module/blob/master/art/cover.png)
+
+# Circle Notes
+
+Capture Notes, organize tasks and ideas easily.
+
+## Installation
+
+```bash
+composer require tomatophp/circle-notes-module
+```
+
+## Support
+
+you can join our discord server to get support [TomatoPHP](https://discord.gg/Xqmt35Uh)
+
+## Docs
+
+you can check docs of this package on [Docs](https://github.com/tomatophp/circle-notes-module)
+
+## Changelog
+
+Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
+
+## Security
+
+Please see [SECURITY](SECURITY.md) for more information about security.
+
+## License
+
+The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
diff --git a/Modules/CircleNotes/SECURITY.md b/Modules/CircleNotes/SECURITY.md
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/art/cover.png b/Modules/CircleNotes/art/cover.png
new file mode 100644
index 0000000..2689aa3
Binary files /dev/null and b/Modules/CircleNotes/art/cover.png differ
diff --git a/Modules/CircleNotes/art/logo.png b/Modules/CircleNotes/art/logo.png
new file mode 100644
index 0000000..eecbd3d
Binary files /dev/null and b/Modules/CircleNotes/art/logo.png differ
diff --git a/Modules/CircleNotes/composer.json b/Modules/CircleNotes/composer.json
new file mode 100644
index 0000000..72892ac
--- /dev/null
+++ b/Modules/CircleNotes/composer.json
@@ -0,0 +1,49 @@
+{
+    "name": "tomatophp/circle-notes-module",
+    "type": "laravel-module",
+    "description": "Capture Notes, organize tasks and ideas easily",
+    "license": "MIT",
+    "keywords": [
+        "laravel",
+        "module",
+        "notes",
+        "profile",
+        "circlexo",
+        "tomatophp"
+    ],
+    "authors": [
+        {
+            "name": "Abdelmjid Saber",
+            "email": "AbdelmjidDev@gmail.com"
+        }
+    ],
+    "extra": {
+        "laravel": {
+            "providers": [],
+            "aliases": {
+
+            }
+        }
+    },
+    "autoload": {
+        "psr-4": {
+            "Modules\\CircleNotes\\": "",
+            "Modules\\CircleNotes\\App\\": "app/",
+            "Modules\\CircleNotes\\Database\\Factories\\": "database/factories/",
+            "Modules\\CircleNotes\\Database\\Seeders\\": "database/seeders/"
+        }
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "Modules\\CircleNotes\\Tests\\": "tests/"
+        }
+    },
+    "require": {
+        "php": "^8.1|^8.2",
+        "tomatophp/tomato-admin": "^1.2",
+        "tomatophp/tomato-plugins": "^1.2",
+        "tomatophp/console-helpers": "^1.1",
+        "joshbrw/laravel-module-installer": "^2.0",
+        "nwidart/laravel-modules": "^10.0"
+    }
+}
diff --git a/Modules/CircleNotes/config/.gitkeep b/Modules/CircleNotes/config/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/config/config.php b/Modules/CircleNotes/config/config.php
new file mode 100644
index 0000000..1eb9d85
--- /dev/null
+++ b/Modules/CircleNotes/config/config.php
@@ -0,0 +1,5 @@
+<?php
+
+return [
+    'name' => 'CircleNotes',
+];
diff --git a/Modules/CircleNotes/module.json b/Modules/CircleNotes/module.json
new file mode 100644
index 0000000..2ca78bc
--- /dev/null
+++ b/Modules/CircleNotes/module.json
@@ -0,0 +1,27 @@
+{
+    "name": "CircleNotes",
+    "alias": "circle-notes",
+    "description": {
+        "ar": "Capture Notes, organize tasks and ideas easily",
+        "en": "Capture Notes, organize tasks and ideas easily",
+        "gr": "Capture Notes, organize tasks and ideas easily",
+        "sp": "Capture Notes, organize tasks and ideas easily"
+    },
+    "keywords": [],
+    "priority": 0,
+    "providers": [
+        "Modules\\CircleNotes\\App\\Providers\\CircleNotesServiceProvider"
+    ],
+    "files": [],
+    "title": {
+        "ar": "Circle Notes",
+        "en": "Circle Notes",
+        "gr": "Circle Notes",
+        "sp": "Circle Notes"
+    },
+    "color": "#fbbc04",
+    "icon": "bx bxs-note",
+    "placeholder": "placeholder.webp",
+    "type": "plugin",
+    "version": "v1.0"
+}
\ No newline at end of file
diff --git a/Modules/CircleNotes/package.json b/Modules/CircleNotes/package.json
new file mode 100644
index 0000000..d6fbfc8
--- /dev/null
+++ b/Modules/CircleNotes/package.json
@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "axios": "^1.1.2",
+    "laravel-vite-plugin": "^0.7.5",
+    "sass": "^1.69.5",
+    "postcss": "^8.3.7",
+    "vite": "^4.0.0"
+  }
+}
diff --git a/Modules/CircleNotes/resources/assets/js/app.js b/Modules/CircleNotes/resources/assets/js/app.js
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/resources/assets/sass/app.scss b/Modules/CircleNotes/resources/assets/sass/app.scss
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/resources/views/.gitkeep b/Modules/CircleNotes/resources/views/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/resources/views/notes/create.blade.php b/Modules/CircleNotes/resources/views/notes/create.blade.php
new file mode 100644
index 0000000..a87739f
--- /dev/null
+++ b/Modules/CircleNotes/resources/views/notes/create.blade.php
@@ -0,0 +1,16 @@
+@extends('circle-xo::layouts.app')
+
+@section('title', __('New Note'))
+
+@section('content')
+    <x-splade-form :default="['is_public' => false]" class="flex flex-col space-y-4" action="{{ route('profile.notes.store') }}" method="post">
+        <x-splade-input :label="__('Title')" name="title" type="text" :placeholder="__('Title')" />
+        <x-tomato-markdown-editor name="content" :label="__('Content')" />
+        <x-splade-checkbox name="is_public" :label="__('Is Public')" />
+
+        <div class="flex justify-start gap-2 pt-3">
+            <x-tomato-admin-submit label="{{ __('Save') }}" :spinner="true" />
+            <x-tomato-admin-button secondary :href="route('profile.notes.index')" label="{{__('Cancel')}}"/>
+        </div>
+    </x-splade-form>
+@endsection
diff --git a/Modules/CircleNotes/resources/views/notes/edit.blade.php b/Modules/CircleNotes/resources/views/notes/edit.blade.php
new file mode 100644
index 0000000..fc8ec63
--- /dev/null
+++ b/Modules/CircleNotes/resources/views/notes/edit.blade.php
@@ -0,0 +1,22 @@
+@extends('circle-xo::layouts.app')
+
+@section('title', __('Edit Note') .' #' . $model->id )
+
+@section('content')
+    <x-splade-form class="flex flex-col space-y-4" action="{{route('profile.notes.update', $model->id)}}" method="post" :default="$model">
+        <x-splade-input :label="__('Title')" name="title" type="text" :placeholder="__('Title')" />
+        <x-tomato-markdown-editor name="content" :label="__('Content')" />
+        <x-splade-checkbox name="is_public" :label="__('Is Public')" />
+
+        <div class="flex justify-start gap-2 pt-3">
+            <x-tomato-admin-submit  label="{{__('Save')}}" :spinner="true" />
+            <x-tomato-admin-button danger :href="route('profile.notes.destroy', $model->id)"
+                                   confirm="{{trans('tomato-admin::global.crud.delete-confirm')}}"
+                                   confirm-text="{{trans('tomato-admin::global.crud.delete-confirm-text')}}"
+                                   confirm-button="{{trans('tomato-admin::global.crud.delete-confirm-button')}}"
+                                   cancel-button="{{trans('tomato-admin::global.crud.delete-confirm-cancel-button')}}"
+                                   method="delete"  label="{{__('Delete')}}" />
+            <x-tomato-admin-button secondary :href="route('profile.notes.index')" label="{{__('Cancel')}}"/>
+        </div>
+    </x-splade-form>
+@endsection
diff --git a/Modules/CircleNotes/resources/views/notes/index.blade.php b/Modules/CircleNotes/resources/views/notes/index.blade.php
new file mode 100644
index 0000000..30863f6
--- /dev/null
+++ b/Modules/CircleNotes/resources/views/notes/index.blade.php
@@ -0,0 +1,9 @@
+<x-circle-xo-profile-layout>
+    <div class="mx-8 lg:mx-16">
+        <div class="mx-8 md:mx-0 mt-6 mb-8">
+            <x-splade-table :for="$table" custom-body custom-body-view="circle-notes::notes.list">
+
+            </x-splade-table>
+        </div>
+    </div>
+</x-circle-xo-profile-layout>
diff --git a/Modules/CircleNotes/resources/views/notes/list.blade.php b/Modules/CircleNotes/resources/views/notes/list.blade.php
new file mode 100644
index 0000000..43f19d4
--- /dev/null
+++ b/Modules/CircleNotes/resources/views/notes/list.blade.php
@@ -0,0 +1,47 @@
+@if($table->resource->count() > 0)
+    <div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4">
+        @if(!request()->has('page') || (request()->has('page') && request()->get('page') == 1))
+            <div class="flex flex-col gap-4 justify-center items-center h-32">
+                <x-splade-link modal :href="route('profile.notes.create')" class="flex flex-col justify-center items-center text-center border border-zinc-700 rounded-lg w-full h-full">
+                    <div class="my-4">
+                        <i class="bx bxs-note text-7xl text-zinc-500"></i>
+                        <h1>{{__('Add Note')}}</h1>
+                    </div>
+                </x-splade-link>
+            </div>
+        @endif
+        @foreach($table->resource as $itemKey => $item)
+            @php $itemPrimaryKey = $table->findPrimaryKey($item) @endphp
+            <div class="w-full h-32 flex flex-col justify-between bg-zinc-800 rounded-lg border border-zinc-700 mb-6 py-5 px-4 transition-all">
+                <div>
+                    <h4 class="text-zinc-100 font-bold text-2xl">{{ $item->title }}</h4>
+                </div>
+                <div>
+                    <div class="flex items-center justify-between text-zinc-100">
+                        <p class="text-sm">{{ $item->updated_at->diffForHumans() }}</p>
+                        <div class="flex gap-3">
+                            <x-splade-link href="{{route('profile.notes.show', $item)}}" class="w-8 h-8 rounded-full bg-zinc-700 hover:bg-zinc-600 text-zinc-100 flex items-center justify-center" aria-label="edit note" role="button">
+                                <i class="bx bxs-show"></i>
+                            </x-splade-link>
+                            <x-splade-link modal href="{{route('profile.notes.edit', $item)}}" class="w-8 h-8 rounded-full bg-zinc-700 hover:bg-zinc-600 text-zinc-100 flex items-center justify-center" aria-label="edit note" role="button">
+                                <i class="bx bx-edit-alt"></i>
+                            </x-splade-link>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        @endforeach
+    </div>
+@else
+    <div class="bg-zinc-800 border border-zinc-700 mx-8 md:mx-0 mt-6 mb-8 rounded-lg shadow-sm flex justify-center overflow-hidden">
+        <div class="p-8 md:p-16 text-center">
+            <i class="bx bx-x-circle bx-lg text-danger-500"></i>
+            <h1>{{__("You don't have any note please add one")}}</h1>
+            <div class="my-4">
+                <x-circle-xo-button modal :href="route('profile.notes.create')" size="sm">
+                    {{__('Create Note')}}
+                </x-circle-xo-button>
+            </div>
+        </div>
+    </div>
+@endif
diff --git a/Modules/CircleNotes/resources/views/notes/share.blade.php b/Modules/CircleNotes/resources/views/notes/share.blade.php
new file mode 100644
index 0000000..c3c8c45
--- /dev/null
+++ b/Modules/CircleNotes/resources/views/notes/share.blade.php
@@ -0,0 +1,7 @@
+@extends('circle-xo::layouts.app')
+
+@section('title', __('Share') .' #' . $model->title )
+
+@section('content')
+
+@endsection
diff --git a/Modules/CircleNotes/resources/views/notes/share_page.blade.php b/Modules/CircleNotes/resources/views/notes/share_page.blade.php
new file mode 100644
index 0000000..c274603
--- /dev/null
+++ b/Modules/CircleNotes/resources/views/notes/share_page.blade.php
@@ -0,0 +1,17 @@
+
+<x-circle-xo-public-profile-layout :account="$account">
+    <section class="py-16">
+        <div class="container max-w-screen-xl px-4 sm:px-6 lg:px-8 mx-auto">
+            <div class="w-full h-full flex flex-col justify-between bg-zinc-800 rounded-lg border border-zinc-700 mb-6 py-5 px-4 transition-all">
+                <div>
+                    <div class="w-full border-b border-zinc-700 pb-4">
+                        <h4 class="text-zinc-100 font-bold">{{ $note->title }}</h4>
+                    </div>
+                    <p class="text-zinc-100 text-sm">
+                        <x-tomato-markdown-viewer style="background-color: rgb(39 39 42 / var(--tw-bg-opacity)) !important;" :content="$note->content" />
+                    </p>
+                </div>
+            </div>
+        </div>
+    </section>
+</x-circle-xo-public-profile-layout>
diff --git a/Modules/CircleNotes/resources/views/notes/show.blade.php b/Modules/CircleNotes/resources/views/notes/show.blade.php
new file mode 100644
index 0000000..530c621
--- /dev/null
+++ b/Modules/CircleNotes/resources/views/notes/show.blade.php
@@ -0,0 +1,44 @@
+
+@extends('circle-xo::layouts.app')
+
+@section('title', $model->title)
+
+@section('content')
+    <x-tomato-markdown-viewer style="background-color: rgb(39 39 42 / var(--tw-bg-opacity)) !important;" :content="$model->content" />
+
+    <div class="flex justify-start gap-3 border-t border-zinc-700 pt-4">
+        <x-tomato-admin-button danger :href="route('profile.notes.destroy', $model->id)"
+                               confirm="{{trans('tomato-admin::global.crud.delete-confirm')}}"
+                               confirm-text="{{trans('tomato-admin::global.crud.delete-confirm-text')}}"
+                               confirm-button="{{trans('tomato-admin::global.crud.delete-confirm-button')}}"
+                               cancel-button="{{trans('tomato-admin::global.crud.delete-confirm-cancel-button')}}"
+                               method="delete"  label="{{__('Delete')}}" />
+        <x-tomato-admin-button warning :href="route('profile.notes.edit', $model)" label="{{__('Edit')}}"/>
+        <x-tomato-admin-button secondary :href="route('profile.notes.index')" label="{{__('Cancel')}}"/>
+
+        @if($model->is_public)
+            <button class="filament-button inline-flex items-center justify-center py-1 gap-1 font-medium rounded-lg border transition-colors focus:outline-none focus:ring-offset-2 focus:ring-2 focus:ring-inset dark:focus:ring-offset-0 min-h-[2.25rem] px-4 text-sm shadow-sm focus:ring-white filament-page-button-action bg-primary-600 hover:bg-primary-500 focus:bg-primary-700 focus:ring-offset-primary-700 text-white border-transparent">
+                <x-tomato-admin-copy :text="route('profile.note.share', ['username' => auth('accounts')->user()->username, 'slug' => $model->slug])" class="text-zinc-100">
+                    <i class="bx bx-copy"></i>
+                    {{ __('Share Public URL') }}
+                </x-tomato-admin-copy>
+            </button>
+        @endif
+
+        @php
+            $oneTimeLinks = Modules\CircleNotes\App\Models\CircleXoNoteLink::where('note_id', $model->id)->get();
+        @endphp
+        @foreach ($oneTimeLinks as $link)
+            <button class="filament-button inline-flex items-center justify-center py-1 gap-1 font-medium rounded-lg border transition-colors focus:outline-none focus:ring-offset-2 focus:ring-2 focus:ring-inset dark:focus:ring-offset-0 min-h-[2.25rem] px-4 text-sm shadow-sm focus:ring-white filament-page-button-action bg-primary-600 hover:bg-primary-500 focus:bg-primary-700 focus:ring-offset-primary-700 text-white border-transparent">
+                <x-tomato-admin-copy :text="route('profile.note.share-one-time-link', ['username' => auth('accounts')->user()->username, 'token' => $link->token])" class="text-zinc-100">
+                    <i class="bx bx-copy"></i>
+                    {{__('Share One Time Link')}}
+                </x-tomato-admin-copy>
+            </button>
+        @endforeach
+
+        <x-splade-form preserve-scroll class="flex flex-col space-y-4" action="{{ route('profile.notes.generate-one-time-link', $model) }}" method="post">
+            <x-tomato-admin-submit label="{{ __('Generate one time link') }}" :spinner="true" />
+        </x-splade-form>
+    </div>
+@endsection
diff --git a/Modules/CircleNotes/routes/.gitkeep b/Modules/CircleNotes/routes/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Modules/CircleNotes/routes/api.php b/Modules/CircleNotes/routes/api.php
new file mode 100644
index 0000000..4c987a2
--- /dev/null
+++ b/Modules/CircleNotes/routes/api.php
@@ -0,0 +1,15 @@
+<?php
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Route;
+
+/*
+    |--------------------------------------------------------------------------
+    | API Routes
+    |--------------------------------------------------------------------------
+    |
+    | Here is where you can register API routes for your application. These
+    | routes are loaded by the RouteServiceProvider within a group which
+    | is assigned the "api" middleware group. Enjoy building your API!
+    |
+*/
\ No newline at end of file
diff --git a/Modules/CircleNotes/routes/web.php b/Modules/CircleNotes/routes/web.php
new file mode 100644
index 0000000..173aca5
--- /dev/null
+++ b/Modules/CircleNotes/routes/web.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+use Modules\CircleNotes\App\Http\Controllers\CircleXoNoteController;
+use Modules\CircleNotes\App\Http\Controllers\CircleXoNoteShareController;
+
+/*
+|--------------------------------------------------------------------------
+| Web Routes
+|--------------------------------------------------------------------------
+|
+| Here is where you can register web routes for your application. These
+| routes are loaded by the RouteServiceProvider within a group which
+| contains the "web" middleware group. Now create something great!
+|
+*/
+
+Route::middleware(['auth:accounts','app:circle-notes', 'splade', 'verified'])->name('profile.')->group(function () {
+    Route::get('profile/notes', [CircleXoNoteController::class, 'index'])->name('notes.index');
+    Route::get('profile/notes/create', [CircleXoNoteController::class, 'create'])->name('notes.create');
+    Route::post('profile/notes', [CircleXoNoteController::class, 'store'])->name('notes.store');
+    Route::get('profile/notes/{model}', [CircleXoNoteController::class, 'show'])->name('notes.show');
+    Route::get('profile/notes/{model}/edit', [CircleXoNoteController::class, 'edit'])->name('notes.edit');
+    Route::post('profile/notes/{model}', [CircleXoNoteController::class, 'update'])->name('notes.update');
+    Route::delete('profile/notes/{model}', [CircleXoNoteController::class, 'destroy'])->name('notes.destroy');
+    Route::get('profile/notes/{model}/share', [CircleXoNoteShareController::class, 'share'])->name('notes.share');
+    Route::post('profile/notes/{model}/generate-one-time-link', [CircleXoNoteShareController::class, 'generateOneTimeLink'])->name('notes.generate-one-time-link');
+    Route::get('/{username}/notes/{slug}', [CircleXoNoteShareController::class, 'showShareLink'])->name('note.share');
+    Route::get('/{username}/note/{token}', [CircleXoNoteShareController::class, 'showShareOneTimeLink'])->name('note.share-one-time-link');
+});
+
+Route::middleware(['splade'])->name('profile.')->group(function () {
+    Route::get('/{username}/notes/{slug}', [CircleXoNoteShareController::class, 'showShareLink'])->name('note.share');
+    Route::get('/{username}/note/{token}', [CircleXoNoteShareController::class, 'showShareOneTimeLink'])->name('note.share-one-time-link');
+});
diff --git a/Modules/CircleNotes/vite.config.js b/Modules/CircleNotes/vite.config.js
new file mode 100644
index 0000000..78e7652
--- /dev/null
+++ b/Modules/CircleNotes/vite.config.js
@@ -0,0 +1,26 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+
+export default defineConfig({
+    build: {
+        outDir: '../../public/build-circlenotes',
+        emptyOutDir: true,
+        manifest: true,
+    },
+    plugins: [
+        laravel({
+            publicDirectory: '../../public',
+            buildDirectory: 'build-circlenotes',
+            input: [
+                __dirname + '/resources/assets/sass/app.scss',
+                __dirname + '/resources/assets/js/app.js'
+            ],
+            refresh: true,
+        }),
+    ],
+});
+
+//export const paths = [
+//    'Modules/$STUDLY_NAME$/resources/assets/sass/app.scss',
+//    'Modules/$STUDLY_NAME$/resources/assets/js/app.js',
+//];
\ No newline at end of file
diff --git a/Modules/CircleXO/App/Facades/CircleXo.php b/Modules/CircleXO/App/Facades/CircleXo.php
new file mode 100644
index 0000000..980843f
--- /dev/null
+++ b/Modules/CircleXO/App/Facades/CircleXo.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace Modules\CircleXO\App\Facades;
+
+use Illuminate\Support\Facades\Facade;
+
+class CircleXo extends Facade
+{
+    protected static function getFacadeAccessor()
+    {
+        return 'circle-xo';
+    }
+}
diff --git a/Modules/CircleXO/App/Facades/CircleXoSlots.php b/Modules/CircleXO/App/Facades/CircleXoSlots.php
new file mode 100644
index 0000000..164cf4e
--- /dev/null
+++ b/Modules/CircleXO/App/Facades/CircleXoSlots.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Modules\CircleXO\App\Facades;
+
+use Illuminate\Support\Facades\Facade;
+
+/**
+ * @method static array get()
+ * @method static static profileSlider()
+ * @method static static headerMenu()
+ * @method static static sideMenu()
+ * @method static static profileFilterSlider()
+ * @method static static profileButtons()
+ * @method static static profileDropdown()
+ * @method static static register(string|array $menus)
+ */
+class CircleXoSlots extends Facade
+{
+    protected static function getFacadeAccessor()
+    {
+        return 'circle-xo-slots';
+    }
+}
diff --git a/Modules/CircleXO/App/Http/Controllers/AuthController.php b/Modules/CircleXO/App/Http/Controllers/AuthController.php
index a5efa97..e647ed6 100644
--- a/Modules/CircleXO/App/Http/Controllers/AuthController.php
+++ b/Modules/CircleXO/App/Http/Controllers/AuthController.php
@@ -19,6 +19,10 @@
 class AuthController extends Controller
 {
 
+    public function broadcasting(Request $request)
+    {
+        dd($request->all());
+    }
     public function provider($provider)
     {
         try {
@@ -188,7 +192,7 @@ public function store(Request $request)
     {
         $request->validate([
             'name' => 'required|string|max:255',
-            'username' => 'required|string|max:255|unique:accounts',
+            'username' => 'required|string|max:255|regex:/\w*$/|unique:accounts',
             'email' => 'required|string|email|max:255|unique:accounts',
             'password' => 'required|string|min:8|confirmed',
         ]);
diff --git a/Modules/CircleXO/App/Http/Controllers/CircleXOController.php b/Modules/CircleXO/App/Http/Controllers/CircleXOController.php
index 9983f04..3a33bed 100644
--- a/Modules/CircleXO/App/Http/Controllers/CircleXOController.php
+++ b/Modules/CircleXO/App/Http/Controllers/CircleXOController.php
@@ -2,11 +2,13 @@
 
 namespace Modules\CircleXO\App\Http\Controllers;
 
+use App\Events\UserEvent;
 use App\Http\Controllers\Controller;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
 use Illuminate\Http\Response;
 use App\Models\Account;
+use Illuminate\Support\Facades\Event;
 use Modules\CircleXO\App\Models\AccountContact;
 use Modules\CircleXO\App\Models\AccountListing;
 use Modules\TomatoCms\App\Models\Page;
@@ -150,13 +152,22 @@ public function send($username, Request $request)
             $contact->anonymous_message = $request->get('anonymous_message');
             $contact->save();
 
-            $account->notifyDB(
-                message: $contact->message,
-                title: __('You have a new message'),
-                url: url('profile/messages')
-            );
+            if($request->has('contact') && $request->get('contact')){
+                $account->notifyDB(
+                    message: $contact->message,
+                    title: __('You have a new message'),
+                    url: url('profile/messages')
+                );
+            }
+
+            Event::dispatch(new UserEvent($account->id, [
+                'refresh' => true,
+                'data' => $contact->toArray()
+            ]));
 
-            Toast::success('Message Sent Successfully')->autoDismiss(2);
+            if($request->has('contact') && $request->get('contact')) {
+                Toast::success('Message Sent Successfully')->autoDismiss(2);
+            }
             return redirect()->back();
 
         }
@@ -178,7 +189,7 @@ public function profile($username, Request $request)
             }
             $listing = $query->where('account_id', $account->id)
                 ->where('is_active', true)
-                ->inRandomOrder()
+                ->orderBy('order', 'asc')
                 ->paginate(12);
 
             return view('circle-xo::profile', compact('account', 'listing'));
diff --git a/Modules/CircleXO/App/Http/Controllers/ProfileController.php b/Modules/CircleXO/App/Http/Controllers/ProfileController.php
index 2aee1f9..190e581 100644
--- a/Modules/CircleXO/App/Http/Controllers/ProfileController.php
+++ b/Modules/CircleXO/App/Http/Controllers/ProfileController.php
@@ -81,7 +81,7 @@ public function messages(Request $request)
                 $query->where('name', 'LIKE', '%'.$request->get('search').'%');
             });
         }
-        $chats = $messages->paginate(20);
+        $chats = $messages->paginate(2);
 
         $getSelectedChat = null;
         if($request->has('chat') && $request->get('chat')){
diff --git a/Modules/CircleXO/App/Http/Controllers/ProfileNotificationsController.php b/Modules/CircleXO/App/Http/Controllers/ProfileNotificationsController.php
index 6af3d08..e66d87f 100644
--- a/Modules/CircleXO/App/Http/Controllers/ProfileNotificationsController.php
+++ b/Modules/CircleXO/App/Http/Controllers/ProfileNotificationsController.php
@@ -73,7 +73,7 @@ public function read()
         $notifications = UserNotification::where('model_type',config('tomato-crm.model'))
             ->where('model_id', auth('accounts')->user()->id)
             ->orderBy('id', 'desc')
-            ->take(10)->get();
+            ->get();
 
         foreach ($notifications as $notification){
             $notification->read();
diff --git a/Modules/CircleXO/App/Providers/CircleXOServiceProvider.php b/Modules/CircleXO/App/Providers/CircleXOServiceProvider.php
index cefd425..84a0768 100644
--- a/Modules/CircleXO/App/Providers/CircleXOServiceProvider.php
+++ b/Modules/CircleXO/App/Providers/CircleXOServiceProvider.php
@@ -5,7 +5,6 @@
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\ServiceProvider;
-use Modules\CircleApps\App\Facades\CircleAppsMenu;
 use Modules\TomatoThemes\App\Facades\TomatoThemes;
 use TomatoPHP\TomatoAdmin\Services\Contracts\Menu;
 
@@ -35,6 +34,14 @@ public function boot(): void
     public function register(): void
     {
         $this->app->register(RouteServiceProvider::class);
+
+        $this->app->bind('circle-xo', function () {
+            return new \Modules\CircleXO\App\Services\CircleServices();
+        });
+
+        $this->app->bind('circle-xo-slots', function () {
+            return new \Modules\CircleXO\App\Services\CircleSlotServices();
+        });
     }
 
     public function registerComponents(): void
diff --git a/Modules/CircleXO/App/Services/CircleServices.php b/Modules/CircleXO/App/Services/CircleServices.php
new file mode 100644
index 0000000..5e710c1
--- /dev/null
+++ b/Modules/CircleXO/App/Services/CircleServices.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Modules\CircleXo\App\Services;
+
+use Modules\CircleXo\App\Facades\CircleXoSlots;
+
+class CircleServices
+{
+    /**
+     * @return array
+     */
+    public function slots(string $place): array
+    {
+        $slots = [];
+        $getSlots = CircleXoSlots::get();
+        foreach ($getSlots as $key=>$slot){
+            if($key == $place){
+                $slots[] = $slot;
+            }
+        }
+        return $slots;
+    }
+}
diff --git a/Modules/CircleXO/App/Services/CircleSlotServices.php b/Modules/CircleXO/App/Services/CircleSlotServices.php
new file mode 100644
index 0000000..516332d
--- /dev/null
+++ b/Modules/CircleXO/App/Services/CircleSlotServices.php
@@ -0,0 +1,76 @@
+<?php
+
+namespace Modules\CircleXo\App\Services;
+
+class CircleSlotServices
+{
+    private array $slots;
+    private string $place = 'profile-filter-slider';
+
+    public function __construct()
+    {
+        $this->slots = [];
+    }
+
+    /**
+     * @param string|array $menus
+     * @return void
+     */
+    public function register(string|array $menus): static
+    {
+        if(is_array($menus)) {
+            foreach ($menus as $menu)
+            $this->slots[$this->place] = $menu;
+        } else {
+            $this->slots[$this->place] = $menus;
+        }
+
+        return $this;
+    }
+
+    public function profileFilterSlider(): static
+    {
+        $this->place = 'profile-filter-slider';
+
+        return $this;
+    }
+
+    /**
+     * @return void
+     */
+    public function sideMenu():static
+    {
+        $this->place = 'side-menu';
+        return $this;
+    }
+
+
+    /**
+     * @return void
+     */
+    public function headerMenu():static
+    {
+        $this->place = 'header-menu';
+        return $this;
+    }
+
+    public function profileButtons(): static
+    {
+        $this->place = 'profile-buttons';
+        return $this;
+    }
+
+    public function profileDropdown(): static
+    {
+        $this->place = 'profile-dropdown';
+        return $this;
+    }
+
+    /**
+     * @return array
+     */
+    public function get(): array
+    {
+        return $this->slots;
+    }
+}
diff --git a/Modules/CircleXO/resources/views/components/header.blade.php b/Modules/CircleXO/resources/views/components/header.blade.php
index dfe1e67..ac36d7e 100644
--- a/Modules/CircleXO/resources/views/components/header.blade.php
+++ b/Modules/CircleXO/resources/views/components/header.blade.php
@@ -1,32 +1,27 @@
 <header class="p-4 border-b-2 border-zinc-800">
     <nav class="flex justify-between">
         <div class="text-white flex justify-start w-full ">
-            <Link  href="#menu">
-                <i class="bx bx-menu bx-sm md:bx-lg px-4 my-2" ></i>
+            <Link href="#menu">
+            <i class="bx bx-menu bx-sm md:bx-lg px-4 my-2"></i>
             </Link>
         </div>
         <div class="w-full flex flex-col items-center justify-center">
             <x-splade-link href="{{ route('home') }}">
-                <x-circle-xo-logo class="h-6 md:h-8 w-auto" />
+                <x-circle-xo-logo class="h-6 md:h-8 w-auto"/>
             </x-splade-link>
         </div>
         <div class="w-full flex justify-end text-main-600">
-            @php $providerMenus = \Modules\CircleApps\App\Facades\CircleApps::menus(); @endphp
-
-            @foreach($providerMenus as $item)
-                @if($item->group === 'header' && auth('accounts')->user())
-                    <x-splade-link :href="route($item->route)">
-                        <x-tomato-admin-tooltip :text="$item->label">
-                            <i class="{{ $item->icon }} bx-sm md:bx-lg px-2 my-2" ></i>
-                        </x-tomato-admin-tooltip>
-                    </x-splade-link>
+            @php $headerMenuSlots = \Modules\CircleXo\App\Facades\CircleXo::slots('header-menu'); @endphp
+            @foreach($headerMenuSlots as $slot)
+                @if(view()->exists($slot))
+                    @include($slot)
                 @endif
             @endforeach
 
-            <Link href="#search" >
-                <x-tomato-admin-tooltip :text="__('Search')">
-                    <i class="bx bx-search bx-sm md:bx-lg px-2 my-2" ></i>
-                </x-tomato-admin-tooltip>
+            <Link href="#search">
+            <x-tomato-admin-tooltip :text="__('Search')">
+                <i class="bx bx-search bx-sm md:bx-lg px-2 my-2"></i>
+            </x-tomato-admin-tooltip>
             </Link>
             @if(auth('accounts')->user())
                 <x-splade-link modal href="{{ route('profile.notifications.index') }}"
@@ -44,23 +39,30 @@ class="block shrink-0 relative group">
                             </div>
                         @endif
 
-                        <i class="bx bxs-bell bx-sm md:bx-lg text-second-600 px-2 my-2" ></i>
+                        <i class="bx bxs-bell bx-sm md:bx-lg text-second-600 px-2 my-2"></i>
+                    </x-tomato-admin-tooltip>
+                </x-splade-link>
+
+
+                <x-splade-link href="{{ route('profile.messages') }}">
+                    <x-tomato-admin-tooltip :text="__('Messages')">
+                        <i class="bx bxs-message bx-sm md:bx-lg px-2 my-2 text-main-600"></i>
                     </x-tomato-admin-tooltip>
                 </x-splade-link>
                 <x-splade-link href="{{ route('profile.index') }}">
                     <x-tomato-admin-tooltip :text="__('Profile')">
-                        <i class="bx bxs-user-circle bx-sm md:bx-lg px-2 my-2" ></i>
+                        <i class="bx bxs-user-circle bx-sm md:bx-lg px-2 my-2"></i>
                     </x-tomato-admin-tooltip>
                 </x-splade-link>
                 <x-splade-link method="POST" href="{{ route('profile.logout') }}">
                     <x-tomato-admin-tooltip :text="__('Logout')">
-                        <i class="bx bx-log-out bx-sm md:bx-lg  text-danger-500  my-2" ></i>
+                        <i class="bx bx-log-out bx-sm md:bx-lg  text-danger-500  my-2"></i>
                     </x-tomato-admin-tooltip>
                 </x-splade-link>
             @else
                 <x-splade-link href="{{ route('account.login') }}">
                     <x-tomato-admin-tooltip :text="__('Login')">
-                        <i class="bx bx-log-in bx-sm md:bx-lg px-2 my-2" ></i>
+                        <i class="bx bx-log-in bx-sm md:bx-lg px-2 my-2"></i>
                     </x-tomato-admin-tooltip>
                 </x-splade-link>
             @endif
@@ -72,16 +74,16 @@ class="block shrink-0 relative group">
         <x-slot:title>
             {{__('Search')}}
         </x-slot:title>
-        <Search url="{{ url('/') }}" placeholder="{{__('Search By Username @')}}" />
+        <Search url="{{ url('/') }}" placeholder="{{__('Search By Username @')}}"/>
     </x-splade-modal>
     <x-splade-modal name="menu" position="left" max-width="sm" slideover>
         <div>
             <x-splade-link href="{{ route('home') }}">
-                <x-circle-xo-logo class="h-6 md:h-8 w-auto" />
+                <x-circle-xo-logo class="h-6 md:h-8 w-auto"/>
             </x-splade-link>
 
             <nav class="flex flex-col justify-around space-y-2 mt-6">
-                <x-circle-xo-menu-items />
+                <x-circle-xo-menu-items/>
             </nav>
         </div>
     </x-splade-modal>
diff --git a/Modules/CircleXO/resources/views/components/layout/profile.blade.php b/Modules/CircleXO/resources/views/components/layout/profile.blade.php
index 6c1029b..9936b61 100644
--- a/Modules/CircleXO/resources/views/components/layout/profile.blade.php
+++ b/Modules/CircleXO/resources/views/components/layout/profile.blade.php
@@ -34,3 +34,8 @@
     </div>
     <x-circle-xo-footer />
 </div>
+
+@if(auth('accounts')->user())
+    <x-splade-event private :channel="'accounts.'.auth('accounts')->user()->id" listen="UserEvent"/>
+@endif
+
diff --git a/Modules/CircleXO/resources/views/components/listing-filter-item.blade.php b/Modules/CircleXO/resources/views/components/listing-filter-item.blade.php
index ea3e43a..cf9e1b8 100644
--- a/Modules/CircleXO/resources/views/components/listing-filter-item.blade.php
+++ b/Modules/CircleXO/resources/views/components/listing-filter-item.blade.php
@@ -1,8 +1,19 @@
-
+@php
+    $username = str(url()->current())->explode('@')->last();
+    if($username !== url()->current()){
+        $account = '@'.str($username)->explode('/')->first();
+    }
+    else {
+        if(str(url()->current())->contains('profile')){
+            $account = url('profile');
+        }
+        $account = null;
+    }
+@endphp
 @if($link)
     <swiper-slide class="club-swiper-slide" >
         <div class="swiper-slide">
-            <Link preserve-scroll href="{{ url()->current() . '?type='.$filter }}"
+            <Link preserve-scroll href="{{ $account ? url($account) : url('profile') . '?type='.$filter }}"
                 {{ $attributes->class([
                   "px-4 md:px-6 py-2 flex flex-col text-center justify-center gap-2 border border-zinc-700 rounded-lg shadow-sm",
                   "font-bold bg-zinc-800" => (request()->has('type') && request()->get('type') === $filter),
diff --git a/Modules/CircleXO/resources/views/components/listing-filters.blade.php b/Modules/CircleXO/resources/views/components/listing-filters.blade.php
index 7519151..606e61d 100644
--- a/Modules/CircleXO/resources/views/components/listing-filters.blade.php
+++ b/Modules/CircleXO/resources/views/components/listing-filters.blade.php
@@ -2,14 +2,23 @@
     <Swiper
         :breakpoints="{
           '350': {
-            slidesPerView: 3,
+            slidesPerView: 2,
             spaceBetween: 10,
           },
           '768': {
+            slidesPerView: 3,
+            spaceBetween: 10,
+          },
+          '1024': {
             slidesPerView: 4,
             spaceBetween: 10,
           },
           '1024': {
+            slidesPerView: 4,
+            spaceBetween: 10,
+          },
+
+          '1900': {
             slidesPerView: 5,
             spaceBetween: 10,
           },
@@ -96,6 +105,13 @@ class="w-full lg:w-1/2 xl:w-1/3"
             color="#8A7407"
             :link="$link"
         />
+
+        @php $profileFilterSlider = \Modules\CircleXo\App\Facades\CircleXo::slots('profile-filter-slider'); @endphp
+        @foreach($profileFilterSlider as $slot)
+            @if(view()->exists($slot))
+                @include($slot)
+            @endif
+        @endforeach
     </Swiper>
 </div>
 
diff --git a/Modules/CircleXO/resources/views/components/menu-items.blade.php b/Modules/CircleXO/resources/views/components/menu-items.blade.php
index 7264326..9b0affb 100644
--- a/Modules/CircleXO/resources/views/components/menu-items.blade.php
+++ b/Modules/CircleXO/resources/views/components/menu-items.blade.php
@@ -1,19 +1,23 @@
-<x-splade-link :href="route('home')" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+<x-splade-link :href="route('home')"
+               class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
     <i class="bx bx-home text-zinc-100 transition duration-75 group-hover:text-white"></i>
     <span class="ms-3 text-zinc-300 group-hover:text-white">{{__('Home')}}</span>
 </x-splade-link>
 
-<x-splade-link :href="route('home.marketplace')" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+<x-splade-link :href="route('home.marketplace')"
+               class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
     <i class="bx bx-store text-zinc-100 transition duration-75 group-hover:text-white"></i>
     <span class="ms-3 text-zinc-300 group-hover:text-white">{{__('Marketplace')}}</span>
 </x-splade-link>
 
-<x-splade-link :href="route('home.blog')" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+<x-splade-link :href="route('home.blog')"
+               class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
     <i class="bx bxs-news text-zinc-100 transition duration-75 group-hover:text-white"></i>
     <span class="ms-3 text-zinc-300 group-hover:text-white">{{__('Blog')}}</span>
 </x-splade-link>
 
-<x-splade-link :href="route('apps.index')" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+<x-splade-link :href="route('apps.index')"
+               class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
     <i class="bx bxs-plug text-zinc-100 transition duration-75 group-hover:text-white"></i>
     <span class="ms-3 text-zinc-300 group-hover:text-white">{{__('Apps')}}</span>
 </x-splade-link>
@@ -22,24 +26,28 @@
 @foreach(menu('main') as $item)
     @if(str($item->url)->contains('profile') && auth('accounts')->user())
         @if($item->target === '_blank')
-            <a href="{{ $item->url }}" target="_blank" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+            <a href="{{ $item->url }}" target="_blank"
+               class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
                 <i class="{{$item->icon}} text-zinc-100 transition duration-75 group-hover:text-white"></i>
                 <span class="ms-3 text-zinc-300 group-hover:text-white">{{$item->name}}</span>
             </a>
         @else
-            <x-splade-link :href="$item->url" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+            <x-splade-link :href="$item->url"
+                           class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
                 <i class="{{$item->icon}} text-zinc-100 transition duration-75 group-hover:text-white"></i>
                 <span class="ms-3 text-zinc-300 group-hover:text-white">{{$item->name}}</span>
             </x-splade-link>
         @endif
     @elseif(!str($item->url)->contains('profile'))
         @if($item->target === '_blank')
-            <a href="{{ $item->url }}" target="_blank" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+            <a href="{{ $item->url }}" target="_blank"
+               class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
                 <i class="{{$item->icon}} text-zinc-100 transition duration-75 group-hover:text-white"></i>
                 <span class="ms-3 text-zinc-300 group-hover:text-white">{{$item->name}}</span>
             </a>
         @else
-            <x-splade-link :href="$item->url" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+            <x-splade-link :href="$item->url"
+                           class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
                 <i class="{{$item->icon}} text-zinc-100 transition duration-75 group-hover:text-white"></i>
                 <span class="ms-3 text-zinc-300 group-hover:text-white">{{$item->name}}</span>
             </x-splade-link>
@@ -47,31 +55,43 @@
     @endif
 @endforeach
 
+@php $siteMenuSlots = \Modules\CircleXo\App\Facades\CircleXo::slots('side-menu'); @endphp
+@foreach($siteMenuSlots as $slot)
+    @if(view()->exists($slot))
+        @include($slot)
+    @endif
+@endforeach
+
 @if(auth('accounts')->user())
     @php $providerMenus = \Modules\CircleApps\App\Facades\CircleApps::menus(); @endphp
 
     @foreach($providerMenus as $item)
         @if(has_app($item->group))
-            <x-splade-link :href="route($item->route)" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+            <x-splade-link :href="route($item->route)"
+                           class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
                 <i class="{{$item->icon}} text-zinc-100 transition duration-75 group-hover:text-white"></i>
                 <span class="ms-3 text-zinc-300 group-hover:text-white">{{$item->label}}</span>
             </x-splade-link>
         @endif
     @endforeach
-    <x-splade-link :href="route('profile.index')" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+    <x-splade-link :href="route('profile.index')"
+                   class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
         <i class="bx bx-user-circle text-zinc-100 transition duration-75 group-hover:text-white"></i>
         <span class="ms-3 text-zinc-300 group-hover:text-white">{{__('Profile')}}</span>
     </x-splade-link>
-    <x-splade-link method="POST" :href="route('profile.logout')" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+    <x-splade-link method="POST" :href="route('profile.logout')"
+                   class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
         <i class="bx bx-log-out text-zinc-100 transition duration-75 group-hover:text-white"></i>
         <span class="ms-3 text-zinc-300 group-hover:text-white">{{__('Logout')}}</span>
     </x-splade-link>
 @else
-    <x-splade-link :href="route('account.login')" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+    <x-splade-link :href="route('account.login')"
+                   class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
         <i class="bx bx-log-in text-zinc-100 transition duration-75 group-hover:text-white"></i>
         <span class="ms-3 text-zinc-300 group-hover:text-white">{{__('Login')}}</span>
     </x-splade-link>
-    <x-splade-link :href="route('account.register')" class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
+    <x-splade-link :href="route('account.register')"
+                   class="flex items-center p-2 text-xl rounded-lg hover:bg-zinc-700 group transition-all">
         <i class="bx bx-user-plus text-zinc-100 transition duration-75 group-hover:text-white"></i>
         <span class="ms-3 text-zinc-300 group-hover:text-white">{{__('Register')}}</span>
     </x-splade-link>
diff --git a/Modules/CircleXO/resources/views/components/profile-buttons.blade.php b/Modules/CircleXO/resources/views/components/profile-buttons.blade.php
index fa3cb01..a2af11b 100644
--- a/Modules/CircleXO/resources/views/components/profile-buttons.blade.php
+++ b/Modules/CircleXO/resources/views/components/profile-buttons.blade.php
@@ -1,12 +1,14 @@
 <div class="flex justify-center md:justify-end gap-4 mt-8 mx-16">
     @if($edit)
         <x-tomato-admin-tooltip :text="__('QR Generator')">
-            <x-splade-link modal href="{{route('profile.qr')}}" class="bg-success-600 text-white rounded-md shadow-md font-bold text-sm px-4 py-2">
+            <x-splade-link modal href="{{route('profile.qr')}}"
+                           class="bg-success-600 text-white rounded-md shadow-md font-bold text-sm px-4 py-2">
                 <i class="bx bx-qr"></i>
             </x-splade-link>
         </x-tomato-admin-tooltip>
         <x-tomato-admin-tooltip :text="__('Sponsoring')">
-            <x-splade-link modal href="{{route('profile.sponsoring.show')}}" class="bg-danger-600 text-white rounded-md shadow-md font-bold text-sm px-4 py-2">
+            <x-splade-link modal href="{{route('profile.sponsoring.show')}}"
+                           class="bg-danger-600 text-white rounded-md shadow-md font-bold text-sm px-4 py-2">
                 <i class="bx bxs-heart"></i>
             </x-splade-link>
         </x-tomato-admin-tooltip>
@@ -24,34 +26,41 @@
                         <i class="bx bx-dots-vertical-rounded"></i>
                     </button>
                 </x-slot:button>
-                <x-tomato-admin-dropdown-item modal type="link" icon="bx bx-edit" :label="__('Edit Profile')" href="{{ route('profile.info.show') }}" />
-                <x-tomato-admin-dropdown-item modal type="link" icon="bx bx-lock" :label="__('Edit Password')" href="{{ route('profile.password.show') }}" />
-                <x-tomato-admin-dropdown-item modal type="link" icon="bx bxl-twitter" :label="__('Link Social Account')" href="{{ route('profile.social-accounts.show') }}" />
-                <x-tomato-admin-dropdown-item modal type="link" icon="bx bx-plus-circle" :label="__('List Item')" href="{{ route('profile.listing.create') }}" />
-                <x-tomato-admin-dropdown-item type="link" icon="bx bx-message" :label="__('Messages')" href="{{ route('profile.messages') }}" />
-                <x-tomato-admin-dropdown-item type="link" icon="bx bxs-user-plus" :label="__('Following')" href="{{ route('profile.following') }}" />
-                @php $providerMenus = \Modules\CircleApps\App\Facades\CircleApps::menus(); @endphp
+                <x-tomato-admin-dropdown-item modal type="link" icon="bx bx-plus-circle" :label="__('List Item')"
+                                              href="{{ route('profile.listing.create') }}"/>
+                <x-tomato-admin-dropdown-item modal type="link" icon="bx bx-edit" :label="__('Edit Profile')"
+                                              href="{{ route('profile.info.show') }}"/>
+                <x-tomato-admin-dropdown-item modal type="link" icon="bx bx-lock" :label="__('Edit Password')"
+                                              href="{{ route('profile.password.show') }}"/>
+                <x-tomato-admin-dropdown-item modal type="link" icon="bx bxl-twitter" :label="__('Link Social Account')"
+                                              href="{{ route('profile.social-accounts.show') }}"/>
 
-                @foreach($providerMenus as $item)
-                    @if($item->group === 'profile-dropdown' && auth('accounts')->user())
-                        <x-tomato-admin-dropdown-item type="link" :icon="$item->icon" :label="$item->label" href="{{ route($item->route) }}" />
+                @php $profileDropdown = \Modules\CircleXo\App\Facades\CircleXo::slots('profile-dropdown'); @endphp
+                @foreach($profileDropdown as $slot)
+                    @if(view()->exists($slot))
+                        @include($slot)
                     @endif
                 @endforeach
-                <x-tomato-admin-dropdown-item type="link" method="DELETE" confirm-danger icon="bx bxs-trash" danger :label="__('Delete Account')" href="{{ route('profile.destroy') }}" />
+                <x-tomato-admin-dropdown-item type="link" method="DELETE" confirm-danger icon="bx bxs-trash" danger
+                                              :label="__('Delete Account')" href="{{ route('profile.destroy') }}"/>
             </x-tomato-admin-dropdown>
         </x-tomato-admin-tooltip>
     @else
-        <x-circle-xo-button modal href="{{route('home.contact', $account->username)}}" :label="__('Message')" size="sm" />
+        <x-circle-xo-button modal href="{{route('home.contact', $account->username)}}" :label="__('Message')"
+                            size="sm"/>
         @if(auth('accounts')->user())
             @if(!auth('accounts')->user()->isFollowing($account))
-                <x-circle-xo-button  href="{{route('profile.actions.follow', $account->username)}}"  :label="__('Follow')" size="sm"/>
+                <x-circle-xo-button href="{{route('profile.actions.follow', $account->username)}}" :label="__('Follow')"
+                                    size="sm"/>
             @else
-                <x-circle-xo-button  href="{{route('profile.actions.unfollow', $account->username)}}" danger confirm-danger :label="__('UnFollow')" size="sm"/>
+                <x-circle-xo-button href="{{route('profile.actions.unfollow', $account->username)}}" danger
+                                    confirm-danger :label="__('UnFollow')" size="sm"/>
             @endif
         @endif
         @if($account->meta('sponsoring_link'))
             <x-tomato-admin-tooltip :text="__('Sponsoring')">
-                <x-splade-link href="{{ route('home.sponsoring', $account->username) }}" class="bg-danger-600 text-white rounded-md shadow-md font-bold text-sm px-4 py-2">
+                <x-splade-link href="{{ route('home.sponsoring', $account->username) }}"
+                               class="bg-danger-600 text-white rounded-md shadow-md font-bold text-sm px-4 py-2">
                     <i class="bx bxs-heart text-white"></i>
                 </x-splade-link>
             </x-tomato-admin-tooltip>
@@ -63,6 +72,13 @@
             </span>
             </x-tomato-admin-tooltip>
         </x-circle-xo-share>
+
+        @php $profileButtons = \Modules\CircleXo\App\Facades\CircleXo::slots('profile-buttons'); @endphp
+        @foreach($profileButtons as $slot)
+            @if(view()->exists($slot))
+                @include($slot)
+            @endif
+        @endforeach
     @endif
 </div>
 
diff --git a/Modules/CircleXO/resources/views/contact.blade.php b/Modules/CircleXO/resources/views/contact.blade.php
index ca93191..a3c10e7 100644
--- a/Modules/CircleXO/resources/views/contact.blade.php
+++ b/Modules/CircleXO/resources/views/contact.blade.php
@@ -4,6 +4,7 @@
 
 @section('content')
     <x-splade-form :default="[
+        'contact' => true,
         'anonymous_message' => false,
         'name' => auth('accounts')->user() ? auth('accounts')->user()->name : null,
         'email' => auth('accounts')->user() ? auth('accounts')->user()->email :null,
diff --git a/Modules/CircleXO/resources/views/index.blade.php b/Modules/CircleXO/resources/views/index.blade.php
index caf91ac..832c5e1 100644
--- a/Modules/CircleXO/resources/views/index.blade.php
+++ b/Modules/CircleXO/resources/views/index.blade.php
@@ -1,3 +1,6 @@
 <div class="bg-zinc-900 text-white">
     <x-tomato-builder-toolbar :page="$page" />
 </div>
+@if(auth('accounts')->user())
+    <x-splade-event private :channel="'accounts.'.auth('accounts')->user()->id" listen="UserEvent"/>
+@endif
diff --git a/Modules/CircleXO/resources/views/post.blade.php b/Modules/CircleXO/resources/views/post.blade.php
index dcb5ef5..21b6303 100644
--- a/Modules/CircleXO/resources/views/post.blade.php
+++ b/Modules/CircleXO/resources/views/post.blade.php
@@ -42,7 +42,7 @@
                         <div class="flex flex-col justify-center items-center">
                             @if(!auth('accounts')->user()->hasLiked($post))
                                 <x-tomato-admin-tooltip :text="__('Like')">
-                                    <x-splade-link :href="route('home.posts.like', ['username' => $account->username, 'post' => $post])" method="POST" class="w-full">
+                                    <x-splade-link preserve-scroll :href="route('home.posts.like', ['username' => $account->username, 'post' => $post])" method="POST" class="w-full">
                                         <div class="flex justify-start gap-2">
                                             <div class="bg-zinc-700 p-3 rounded-lg text-white flex flex-col justify-center items-center">
                                                 <i class="bx bxs-like text-lg"></i>
@@ -57,7 +57,7 @@
                                 </x-tomato-admin-tooltip>
                             @else
                                 <x-tomato-admin-tooltip :text="__('Dislike')">
-                                    <x-splade-link :href="route('home.posts.unlike', ['username' => $account->username, 'post' => $post])" method="POST" class="w-full flex justify-start gap-2">
+                                    <x-splade-link preserve-scroll :href="route('home.posts.unlike', ['username' => $account->username, 'post' => $post])" method="POST" class="w-full flex justify-start gap-2">
                                         <div class="flex justify-start gap-2">
                                             <div class=" bg-primary-600 p-3 rounded-lg text-white flex flex-col justify-center items-center">
                                                 <i class="bx bxs-like text-lg"></i>
diff --git a/Modules/CircleXO/resources/views/profile/messages.blade.php b/Modules/CircleXO/resources/views/profile/messages.blade.php
index 0c26cff..ec46e33 100644
--- a/Modules/CircleXO/resources/views/profile/messages.blade.php
+++ b/Modules/CircleXO/resources/views/profile/messages.blade.php
@@ -17,7 +17,7 @@ class="fixed inset-0 z-20 w-full h-full filament-sidebar-close-overlay lg:hidden
 
 </div>
 
-    <div class="my-12 mx-8 lg:mx-16">
+    <div class="my-12 mx-8 lg:mx-16 " @preserveScroll('message')>
         <div class="relative overflow-hidden border border-zinc-700 -m-2.5 rounded-xl">
             <div class="flex bg-zinc-800">
 
@@ -43,7 +43,7 @@ class="fixed inset-0 z-20 w-full h-full filament-sidebar-close-overlay lg:hidden
                                 <x-splade-link preserve-scroll href="{{url()->current().'?chat='.$chat->id}}" class="relative flex items-center gap-4 p-2 duration-200 rounded-xl hover:bg-zinc-700">
                                     <div class="relative w-14 h-14 shrink-0">
                                         <img src="{{ $chat->sender?->getMedia('avatar')->first()?->getUrl() ?? asset('placeholder.webp') }}" alt="" class="border border-zinc-700 object-cover w-full h-full rounded-full">
-                                        <div class="w-4 h-4 absolute bottom-0 right-0  bg-green-500 rounded-full border border-zinc-800"></div>
+{{--                                        <div class="w-4 h-4 absolute bottom-0 right-0  bg-green-500 rounded-full border border-zinc-800"></div>--}}
                                     </div>
                                     <div class="flex-1 min-w-0">
                                         <div class="flex items-center gap-2 mb-1.5">
@@ -80,18 +80,29 @@ class="fixed inset-0 z-20 w-full h-full filament-sidebar-close-overlay lg:hidden
                             </button>
                             <div class="relative cursor-pointer max-md:hidden">
                                 <img src="{{ $lastMessage->sender?->getMedia('avatar')->first()?->getUrl() ?? asset('placeholder.webp') }}" alt="" class="w-8 h-8 border border-zinc-700 rounded-full shadow">
-                                <div class="w-2 h-2 bg-teal-500 rounded-full absolute right-0 bottom-0 m-px"></div>
+{{--                                <div class="w-2 h-2 bg-teal-500 rounded-full absolute right-0 bottom-0 m-px"></div>--}}
                             </div>
                             <div class="cursor-pointer">
                                 <div class="text-base font-bold">{{ $lastMessage->sender?->name ??__('Anonymous') }}</div>
-                                <div class="text-xs text-green-500 font-semibold">Online</div>
+{{--                                <div class="text-xs text-green-500 font-semibold">Online</div>--}}
                             </div>
                         </div>
 
                     </div>
 
+                    @php
+                        $chatMessages = \Modules\CircleXO\App\Models\AccountContact::query()
+                            ->where('account_id', auth('accounts')->user()->id)
+                            ->where('sender_id', $lastMessage->sender_id)
+                            ->orWhere('account_id', $lastMessage->sender_id)
+                            ->where('sender_id', auth('accounts')->user()->id)
+                            ->orderBy('created_at', 'desc')
+                            ->paginate(10, '*', 'messages');
+
+                    @endphp
+
                     {{-- chats bubble --}}
-                    <div class="w-full p-5 py-10 overflow-y-auto md:h-[calc(100vh-204px)] h-[calc(100vh-195px)]">
+                    <div class="w-full p-5  h-[calc(100vh-100px)] overflow-y-scroll" id="message_body">
 
                         <div class="py-10 text-center text-sm lg:pt-8">
                             <img src="{{ $lastMessage->sender?->getMedia('avatar')->first()?->getUrl() ?? asset('placeholder.webp') }}" class="w-24 h-24 border border-zinc-700 rounded-full mx-auto mb-3" alt="">
@@ -106,17 +117,16 @@ class="fixed inset-0 z-20 w-full h-full filament-sidebar-close-overlay lg:hidden
                             </div>
                         </div>
 
-                        <div class="text-sm font-medium space-y-6">
-                            @php
-                                $chatMessages = \Modules\CircleXO\App\Models\AccountContact::query()
-                                    ->where('account_id', auth('accounts')->user()->id)
-                                    ->where('sender_id', $lastMessage->sender_id)
-                                    ->orWhere('account_id', $lastMessage->sender_id)
-                                    ->where('sender_id', auth('accounts')->user()->id)
-                                    ->orderBy('created_at', 'asc')
-                                    ->get();
 
-                            @endphp
+                        @if(!request()->has('messages') || (request()->has('messages') && request()->get('messages') != $chatMessages->lastPage()))
+                            <x-splade-link preserve-scroll :href="url()->current().'?messages='. (request()->has('messages') ? (int)request()->get('messages')+1 : 2)">
+                                <div class="w-full bg-zinc-700 p-2 my-4 text-center font-bold rounded-lg">
+                                    {{__('Load Old Messages')}}
+                                </div>
+                            </x-splade-link>
+                        @endif
+
+                        <div class="text-sm font-medium space-y-6">
 
 
                             @if($chatMessages->count() < 1)
@@ -125,27 +135,35 @@ class="fixed inset-0 z-20 w-full h-full filament-sidebar-close-overlay lg:hidden
                                 </div>
                             @endif
 
-                            @foreach($chatMessages as $chatMessage)
+                            @foreach($chatMessages->reverse() as $chatMessage)
                                 @if($chatMessage->sender_id == auth('accounts')->user()->id)
                                     {{-- received --}}
-                                    <div class="flex gap-3">
+                                    <div class="flex gap-3" style="white-space: pre-line !important;">
                                         <x-splade-link :href="$chatMessage->sender?->username ? url($chatMessage->sender?->username) : '#'">
                                             <img src="{{ $chatMessage->sender?->getMedia('avatar')->first()?->getUrl() ?? asset('placeholder.webp') }}" alt="" class="border border-zinc-700 w-9 h-9 rounded-full shadow">
                                         </x-splade-link>
-                                        <div class="px-4 py-2 rounded-[20px] max-w-sm bg-zinc-700" style="white-space: pre-line !important;">{{ $chatMessage->message }}</div>
+                                        <pre class="px-4 py-2 rounded-[20px] max-w-sm bg-zinc-700  font-main" style="white-space: pre-line !important;">{{ $chatMessage->message }}</pre>
                                     </div>
                                 @else
                                     {{-- sent --}}
-                                    <div class="flex gap-2 flex-row-reverse items-end">
+                                    <div class="flex gap-2 flex-row-reverse items-end" style="white-space: pre-line !important;">
                                         <x-splade-link :href="$chatMessage->sender?->username ? url($chatMessage->sender?->username) : '#'">
                                             <img src="{{ $chatMessage->sender?->getMedia('avatar')->first()?->getUrl() ?? asset('placeholder.webp') }}" alt="" class="border border-zinc-700 w-5 h-5 rounded-full shadow">
                                         </x-splade-link>
-                                        <div class="px-4 py-2 rounded-[20px] max-w-sm bg-gradient-to-tr from-sky-500 to-blue-500 text-white shadow" style="white-space: pre-line !important;">
+                                        <pre class="px-4 py-2 rounded-[20px] max-w-sm bg-gradient-to-tr from-sky-500 to-blue-500 text-white shadow font-main" style="white-space: pre-line !important;">
                                             {{ $chatMessage->message }}
-                                        </div>
+                                        </pre>
                                     </div>
                                 @endif
                             @endforeach
+
+                            @if(request()->has('messages') && request()->get('messages') != 1)
+                                <x-splade-link preserve-scroll :href="url()->current().'?messages='. (int)request()->get('messages')-1" >
+                                    <div class="w-full bg-zinc-700 p-2 my-4 text-center font-bold rounded-lg">
+                                        {{__('Load New Messages')}}
+                                    </div>
+                                </x-splade-link>
+                            @endif
                         </div>
                     </div>
 
@@ -154,7 +172,7 @@ class="fixed inset-0 z-20 w-full h-full filament-sidebar-close-overlay lg:hidden
                     <x-splade-form preserve-scroll method="POST" :default="['anonymous_message' => false, 'name' =>$lastMessage->sender?->name, 'email' =>$lastMessage->sender?->email]" :action="route('home.contact.send', $lastMessage->sender?->username)">
                         <div class="flex items-center md:gap-4 gap-2 md:p-3 p-2 overflow-hidden">
                             <div  class="relative flex-1">
-                                <textarea placeholder="{{__('Write your message')}}" v-model="form.message" rows="1" class="w-full resize-none bg-zinc-700 rounded-full px-4 p-2"></textarea>
+                                <textarea autosize id="message" placeholder="{{__('Write your message')}}" @keyup.enter="(event) => { event.shiftKey?null:form.submit() }" v-model="form.message" rows="1" class="w-full resize-none bg-zinc-700 rounded-full px-4 p-2" />
                                 <button type="submit" class="text-white shrink-0 p-2 absolute right-0.5 top-0">
                                     <i class="bx bx-send text-xl flex"></i>
                                 </button>
@@ -170,3 +188,9 @@ class="fixed inset-0 z-20 w-full h-full filament-sidebar-close-overlay lg:hidden
 
 </x-splade-data>
 </x-circle-xo-profile-layout>
+<x-splade-script>
+    document.getElementById('message')?.focus();
+    var objDiv = document.getElementById("message_body");
+    objDiv.scrollTop = objDiv.scrollHeight;
+
+</x-splade-script>
diff --git a/Modules/CircleXO/routes/web.php b/Modules/CircleXO/routes/web.php
index fce88c7..34df810 100644
--- a/Modules/CircleXO/routes/web.php
+++ b/Modules/CircleXO/routes/web.php
@@ -19,7 +19,6 @@
 | contains the "web" middleware group. Now create something great!
 |
 */
-
 Route::middleware(['splade', 'auth', 'web'])->group(function (){
     Route::post('/account/{account}', [CircleXOController::class, 'verify'])->name('account.verify');
 });
diff --git a/Modules/TomatoRoles/App/Http/Controllers/RoleController.php b/Modules/TomatoRoles/App/Http/Controllers/RoleController.php
index 06b0d29..c4c51a5 100644
--- a/Modules/TomatoRoles/App/Http/Controllers/RoleController.php
+++ b/Modules/TomatoRoles/App/Http/Controllers/RoleController.php
@@ -179,7 +179,7 @@ public function getPermGroup(): array
     {
         $prem = Permission::all()->makeHidden(['pivot', 'created_at', 'updated_at']);
 
-        $tables = DB::connection()->getDoctrineSchemaManager()->listTableNames();
+        $tables = array_map('current', DB::select('SHOW TABLES'));
 
         $permGroup = [];
         foreach ($tables as $item) {
diff --git a/Modules/TomatoRoles/module.json b/Modules/TomatoRoles/module.json
index 37fb66e..3586200 100644
--- a/Modules/TomatoRoles/module.json
+++ b/Modules/TomatoRoles/module.json
@@ -24,7 +24,6 @@
     "placeholder": "placeholder.webp",
     "type": "plugin",
     "version": "v1.0",
-    "github": "https:\/\/github.com\/tomatophp\/tomato-roles-module",
-    "docs": "https:\/\/docs.tomatophp.com\/plugins\/tomato-roles",
-    "active": false
-}
\ No newline at end of file
+    "github" : "https://github.com/tomatophp/tomato-roles-module",
+    "docs" : "https://docs.tomatophp.com/plugins/tomato-roles"
+}
diff --git a/app/Events/PublicEvent.php b/app/Events/PublicEvent.php
new file mode 100644
index 0000000..7f17ade
--- /dev/null
+++ b/app/Events/PublicEvent.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace App\Events;
+
+use Illuminate\Broadcasting\Channel;
+use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Broadcasting\PresenceChannel;
+use Illuminate\Broadcasting\PrivateChannel;
+use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
+use Illuminate\Foundation\Events\Dispatchable;
+use Illuminate\Queue\SerializesModels;
+
+class PublicEvent implements ShouldBroadcast
+{
+    use Dispatchable, InteractsWithSockets, SerializesModels;
+
+    /**
+     * Create a new event instance.
+     */
+    public function __construct(
+        public array $data
+    )
+    {
+        //
+    }
+
+    /**
+     * Get the channels the event should broadcast on.
+     *
+     * @return array<int, \Illuminate\Broadcasting\Channel>
+     */
+    public function broadcastOn(): array
+    {
+        return [
+            new Channel('circle'),
+        ];
+    }
+}
diff --git a/app/Events/UserEvent.php b/app/Events/UserEvent.php
new file mode 100644
index 0000000..6cda540
--- /dev/null
+++ b/app/Events/UserEvent.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Events;
+
+use Illuminate\Broadcasting\Channel;
+use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Broadcasting\PresenceChannel;
+use Illuminate\Broadcasting\PrivateChannel;
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
+use Illuminate\Foundation\Events\Dispatchable;
+use Illuminate\Queue\SerializesModels;
+use ProtoneMedia\Splade\Facades\Splade;
+
+class UserEvent implements ShouldBroadcast
+{
+    use Dispatchable, InteractsWithSockets, SerializesModels;
+
+    /**
+     * Create a new event instance.
+     */
+    public function __construct(
+        public int $id,
+        public array $data
+    )
+    {
+        //
+    }
+
+    /**
+     * @return array
+     */
+    public function broadcastWith()
+    {
+        $events = [];
+        if(isset($this->data['flash'])){
+            $events[] = Splade::toastOnEvent($this->data['flash'])->style(isset($this->data['flash_type']) ? $this->data['flash_type'] : 'warning')->autoDismiss(2);
+        }
+
+        if(isset($this->data['refresh'])){
+            $events[] = Splade::refreshOnEvent()->preserveScroll();
+        }
+
+        return $events;
+
+    }
+
+    /**
+     * Get the channels the event should broadcast on.
+     *
+     * @return array<int, \Illuminate\Broadcasting\Channel>
+     */
+    public function broadcastOn(): array
+    {
+        return [
+            new PrivateChannel('accounts.'. $this->id),
+        ];
+    }
+}
diff --git a/app/Models/Account.php b/app/Models/Account.php
index 92119d4..06c117f 100644
--- a/app/Models/Account.php
+++ b/app/Models/Account.php
@@ -2,13 +2,16 @@
 
 namespace App\Models;
 
+use App\Events\UserEvent;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
+use Illuminate\Support\Facades\Event;
 use Laravel\Sanctum\HasApiTokens;
 use Laravel\Scout\Searchable;
 use Modules\CircleApps\App\Models\App;
+use Modules\TomatoNotifications\App\Jobs\NotifyDatabaseJob;
 use Modules\TomatoNotifications\App\Traits\InteractWithNotifications;
 use Multicaret\Acquaintances\Traits\CanBeLiked;
 use Multicaret\Acquaintances\Traits\CanBeRated;
@@ -107,6 +110,22 @@ class Account extends Authenticatable implements HasMedia
         'bio',
     ];
 
+    public function notifyDB(string $message, ?string $title=null, ?string $url =null)
+    {
+        Event::dispatch(new UserEvent($this->id, [
+            'flash' => $title . ' | ' .$message,
+            'flash_type' => 'success'
+        ]));
+
+        dispatch(new NotifyDatabaseJob([
+            'model_type' => get_called_class(),
+            'model_id' => $this->id,
+            'subject' => $title,
+            'message' => $message,
+            'url' => $url,
+        ]));
+    }
+
 
     public function apps()
     {
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index bcb6644..0a416fb 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -2,6 +2,7 @@
 
 namespace App\Providers;
 
+use Illuminate\Support\Facades\Broadcast;
 use Illuminate\Support\ServiceProvider;
 use Modules\TomatoCrm\App\Facades\TomatoCrm;
 use ProtoneMedia\Splade\Facades\Splade;
diff --git a/bootstrap/app.php b/bootstrap/app.php
index 4e2ba78..fd88861 100644
--- a/bootstrap/app.php
+++ b/bootstrap/app.php
@@ -22,14 +22,16 @@
     ->withExceptions(function (Exceptions $exceptions) {
         $exceptions->renderable(\ProtoneMedia\Splade\SpladeCore::exceptionHandler($exceptions->handler));
         $exceptions->reportable(function (Throwable $e) {
-            try {
-                $user = User::first();
-                $user->notifyDiscord(
-                    title: "================= ERROR ================= \n".'MESSAGE: '.$e->getMessage() . ' | FILE: '.$e->getFile().' | LINE: '.$e->getLine().' | URL: ' . url()->current(),
-                    webhook: config('services.discord.error-webhook')
-                );
-            }catch (\Exception $exception){
-                // do nothing
+            if(config('services.discord.error-webhook-active')){
+                try {
+                    $user = User::first();
+                    $user->notifyDiscord(
+                        title: "================= ERROR ================= \n".'MESSAGE: '.$e->getMessage() . ' | FILE: '.$e->getFile().' | LINE: '.$e->getLine().' | URL: ' . url()->current(),
+                        webhook: config('services.discord.error-webhook')
+                    );
+                }catch (\Exception $exception){
+                    // do nothing
+                }
             }
         });
 
diff --git a/composer.json b/composer.json
index ab5a3e0..45b5013 100644
--- a/composer.json
+++ b/composer.json
@@ -18,6 +18,10 @@
         "revolution/socialite-discord": "^1.4",
         "simplesoftwareio/simple-qrcode": "^4.2",
         "spatie/laravel-sitemap": "^7.2",
+        "tomatophp/circle-contacts-module": "^1.0",
+        "tomatophp/circle-docs-module": "^1.0",
+        "tomatophp/circle-invoices-module": "^1.0",
+        "tomatophp/circle-notes-module": "^1.0",
         "tomatophp/tomato-admin": "^1.2",
         "tomatophp/tomato-cms-module": "^1.0",
         "tomatophp/tomato-crm-module": "^1.0",
diff --git a/composer.lock b/composer.lock
index 2dbee26..5871f50 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "b35513fae94b689d1d6bb42dfba0396c",
+    "content-hash": "ed831ca2792de3f2df323f5900d6d50c",
     "packages": [
         {
             "name": "bacon/bacon-qr-code",
@@ -2875,16 +2875,16 @@
         },
         {
             "name": "laravel/dusk",
-            "version": "v8.1.0",
+            "version": "v8.1.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/dusk.git",
-                "reference": "6a19c4c73717bc81bae52e0718d3b3b3fc0b7e7f"
+                "reference": "037c8a8d4efba70106493eae9669de0244e9f9de"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/dusk/zipball/6a19c4c73717bc81bae52e0718d3b3b3fc0b7e7f",
-                "reference": "6a19c4c73717bc81bae52e0718d3b3b3fc0b7e7f",
+                "url": "https://api.github.com/repos/laravel/dusk/zipball/037c8a8d4efba70106493eae9669de0244e9f9de",
+                "reference": "037c8a8d4efba70106493eae9669de0244e9f9de",
                 "shasum": ""
             },
             "require": {
@@ -2941,9 +2941,9 @@
             ],
             "support": {
                 "issues": "https://github.com/laravel/dusk/issues",
-                "source": "https://github.com/laravel/dusk/tree/v8.1.0"
+                "source": "https://github.com/laravel/dusk/tree/v8.1.1"
             },
-            "time": "2024-03-25T16:58:32+00:00"
+            "time": "2024-03-28T09:24:55+00:00"
         },
         {
             "name": "laravel/fortify",
@@ -3012,16 +3012,16 @@
         },
         {
             "name": "laravel/framework",
-            "version": "v11.1.1",
+            "version": "v11.2.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "1437cea6d2b04cbc83743fbb208e1a01efccd9ec"
+                "reference": "a1750156b671f37cba702380107e2d22161c31e3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/1437cea6d2b04cbc83743fbb208e1a01efccd9ec",
-                "reference": "1437cea6d2b04cbc83743fbb208e1a01efccd9ec",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/a1750156b671f37cba702380107e2d22161c31e3",
+                "reference": "a1750156b671f37cba702380107e2d22161c31e3",
                 "shasum": ""
             },
             "require": {
@@ -3213,20 +3213,20 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2024-03-28T15:07:18+00:00"
+            "time": "2024-04-02T14:01:33+00:00"
         },
         {
             "name": "laravel/jetstream",
-            "version": "v5.0.1",
+            "version": "v5.0.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/jetstream.git",
-                "reference": "33b3a7c2ac02391cbe5088b99d702f624b8746ad"
+                "reference": "152c89b14748ff210c19567c75b58a18742b1957"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/jetstream/zipball/33b3a7c2ac02391cbe5088b99d702f624b8746ad",
-                "reference": "33b3a7c2ac02391cbe5088b99d702f624b8746ad",
+                "url": "https://api.github.com/repos/laravel/jetstream/zipball/152c89b14748ff210c19567c75b58a18742b1957",
+                "reference": "152c89b14748ff210c19567c75b58a18742b1957",
                 "shasum": ""
             },
             "require": {
@@ -3280,7 +3280,7 @@
                 "issues": "https://github.com/laravel/jetstream/issues",
                 "source": "https://github.com/laravel/jetstream"
             },
-            "time": "2024-03-19T20:10:08+00:00"
+            "time": "2024-03-29T14:29:53+00:00"
         },
         {
             "name": "laravel/prompts",
@@ -3341,16 +3341,16 @@
         },
         {
             "name": "laravel/reverb",
-            "version": "v1.0.0-beta4",
+            "version": "v1.0.0-beta5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/reverb.git",
-                "reference": "7237ff17a249128218c614a6e0f9cf0a8aca91a9"
+                "reference": "d1b72f46a0af42ca5e84d5c1d0f97b8013c6dac3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/reverb/zipball/7237ff17a249128218c614a6e0f9cf0a8aca91a9",
-                "reference": "7237ff17a249128218c614a6e0f9cf0a8aca91a9",
+                "url": "https://api.github.com/repos/laravel/reverb/zipball/d1b72f46a0af42ca5e84d5c1d0f97b8013c6dac3",
+                "reference": "d1b72f46a0af42ca5e84d5c1d0f97b8013c6dac3",
                 "shasum": ""
             },
             "require": {
@@ -3366,6 +3366,7 @@
                 "ratchet/rfc6455": "^0.3.1",
                 "react/promise-timer": "^1.10",
                 "react/socket": "^1.14",
+                "symfony/console": "^6.0|^7.0",
                 "symfony/http-foundation": "^6.3|^7.0"
             },
             "require-dev": {
@@ -3416,9 +3417,9 @@
             ],
             "support": {
                 "issues": "https://github.com/laravel/reverb/issues",
-                "source": "https://github.com/laravel/reverb/tree/v1.0.0-beta4"
+                "source": "https://github.com/laravel/reverb/tree/v1.0.0-beta5"
             },
-            "time": "2024-03-18T17:36:49+00:00"
+            "time": "2024-03-27T17:03:33+00:00"
         },
         {
             "name": "laravel/sanctum",
@@ -3486,16 +3487,16 @@
         },
         {
             "name": "laravel/scout",
-            "version": "v10.8.4",
+            "version": "v10.8.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/scout.git",
-                "reference": "de4000a0044c0c13d513132af82562397da70d52"
+                "reference": "db26233becb979d5e2104fa2a931440252a73200"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/scout/zipball/de4000a0044c0c13d513132af82562397da70d52",
-                "reference": "de4000a0044c0c13d513132af82562397da70d52",
+                "url": "https://api.github.com/repos/laravel/scout/zipball/db26233becb979d5e2104fa2a931440252a73200",
+                "reference": "db26233becb979d5e2104fa2a931440252a73200",
                 "shasum": ""
             },
             "require": {
@@ -3560,7 +3561,7 @@
                 "issues": "https://github.com/laravel/scout/issues",
                 "source": "https://github.com/laravel/scout"
             },
-            "time": "2024-03-26T16:46:57+00:00"
+            "time": "2024-04-02T14:33:18+00:00"
         },
         {
             "name": "laravel/serializable-closure",
@@ -5136,16 +5137,16 @@
         },
         {
             "name": "nesbot/carbon",
-            "version": "3.2.2",
+            "version": "3.2.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/briannesbitt/Carbon.git",
-                "reference": "2d69b6de67e2a3c0652d0c9dfcfda8b4563c4cee"
+                "reference": "4d599a6e2351d6b6bf21737accdfe1a4ce3fdbb1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/2d69b6de67e2a3c0652d0c9dfcfda8b4563c4cee",
-                "reference": "2d69b6de67e2a3c0652d0c9dfcfda8b4563c4cee",
+                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/4d599a6e2351d6b6bf21737accdfe1a4ce3fdbb1",
+                "reference": "4d599a6e2351d6b6bf21737accdfe1a4ce3fdbb1",
                 "shasum": ""
             },
             "require": {
@@ -5238,7 +5239,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-03-28T12:59:49+00:00"
+            "time": "2024-03-30T18:22:00+00:00"
         },
         {
             "name": "nette/schema",
@@ -7121,16 +7122,16 @@
         },
         {
             "name": "psy/psysh",
-            "version": "v0.12.2",
+            "version": "v0.12.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/bobthecow/psysh.git",
-                "reference": "9185c66c2165bbf4d71de78a69dccf4974f9538d"
+                "reference": "b6b6cce7d3ee8fbf31843edce5e8f5a72eff4a73"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/9185c66c2165bbf4d71de78a69dccf4974f9538d",
-                "reference": "9185c66c2165bbf4d71de78a69dccf4974f9538d",
+                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/b6b6cce7d3ee8fbf31843edce5e8f5a72eff4a73",
+                "reference": "b6b6cce7d3ee8fbf31843edce5e8f5a72eff4a73",
                 "shasum": ""
             },
             "require": {
@@ -7194,9 +7195,9 @@
             ],
             "support": {
                 "issues": "https://github.com/bobthecow/psysh/issues",
-                "source": "https://github.com/bobthecow/psysh/tree/v0.12.2"
+                "source": "https://github.com/bobthecow/psysh/tree/v0.12.3"
             },
-            "time": "2024-03-17T01:53:00+00:00"
+            "time": "2024-04-02T15:57:53+00:00"
         },
         {
             "name": "pusher/pusher-php-server",
@@ -8304,16 +8305,16 @@
         },
         {
             "name": "spatie/browsershot",
-            "version": "4.0.1",
+            "version": "4.0.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/browsershot.git",
-                "reference": "04b3527022dc31daae425f22a328fed646dc3cac"
+                "reference": "b764ca1683facdc1833ea9ee7d735001606fce2b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/browsershot/zipball/04b3527022dc31daae425f22a328fed646dc3cac",
-                "reference": "04b3527022dc31daae425f22a328fed646dc3cac",
+                "url": "https://api.github.com/repos/spatie/browsershot/zipball/b764ca1683facdc1833ea9ee7d735001606fce2b",
+                "reference": "b764ca1683facdc1833ea9ee7d735001606fce2b",
                 "shasum": ""
             },
             "require": {
@@ -8359,7 +8360,7 @@
                 "webpage"
             ],
             "support": {
-                "source": "https://github.com/spatie/browsershot/tree/4.0.1"
+                "source": "https://github.com/spatie/browsershot/tree/4.0.2"
             },
             "funding": [
                 {
@@ -8367,7 +8368,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-01-02T17:36:56+00:00"
+            "time": "2024-04-01T08:19:46+00:00"
         },
         {
             "name": "spatie/crawler",
@@ -12006,6 +12007,259 @@
             },
             "time": "2023-12-08T13:03:43+00:00"
         },
+        {
+            "name": "tomatophp/circle-contacts-module",
+            "version": "v1.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/tomatophp/circle-contacts-module.git",
+                "reference": "0d3ca37f38e52c895097413c45ed6caacb60a3aa"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/tomatophp/circle-contacts-module/zipball/0d3ca37f38e52c895097413c45ed6caacb60a3aa",
+                "reference": "0d3ca37f38e52c895097413c45ed6caacb60a3aa",
+                "shasum": ""
+            },
+            "require": {
+                "joshbrw/laravel-module-installer": "^2.0",
+                "nwidart/laravel-modules": "^10.0",
+                "php": "^8.1|^8.2",
+                "tomatophp/console-helpers": "^1.1",
+                "tomatophp/tomato-admin": "^1.2",
+                "tomatophp/tomato-plugins": "^1.2"
+            },
+            "type": "laravel-module",
+            "extra": {
+                "laravel": {
+                    "providers": [],
+                    "aliases": []
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Modules\\CircleContacts\\": "",
+                    "Modules\\CircleContacts\\App\\": "app/",
+                    "Modules\\CircleContacts\\Database\\Seeders\\": "database/seeders/",
+                    "Modules\\CircleContacts\\Database\\Factories\\": "database/factories/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fady Mondy",
+                    "email": "info@3x1.io"
+                }
+            ],
+            "description": "Manage your contacts and customers from your profile",
+            "keywords": [
+                "circlexo",
+                "contacts",
+                "customers",
+                "laravel",
+                "module",
+                "profile",
+                "tomatophp"
+            ],
+            "support": {
+                "issues": "https://github.com/tomatophp/circle-contacts-module/issues",
+                "source": "https://github.com/tomatophp/circle-contacts-module/tree/v1.0.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/3x1io",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-04-02T19:36:00+00:00"
+        },
+        {
+            "name": "tomatophp/circle-docs-module",
+            "version": "v1.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/tomatophp/circle-docs-module.git",
+                "reference": "21f272abe130ce502f6e83207dc17e0efa53432b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/tomatophp/circle-docs-module/zipball/21f272abe130ce502f6e83207dc17e0efa53432b",
+                "reference": "21f272abe130ce502f6e83207dc17e0efa53432b",
+                "shasum": ""
+            },
+            "require": {
+                "joshbrw/laravel-module-installer": "^2.0",
+                "nwidart/laravel-modules": "^10.0",
+                "php": "^8.1|^8.2",
+                "tomatophp/console-helpers": "^1.1",
+                "tomatophp/tomato-admin": "^1.2",
+                "tomatophp/tomato-plugins": "^1.2"
+            },
+            "type": "laravel-module",
+            "extra": {
+                "laravel": {
+                    "providers": [],
+                    "aliases": []
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Modules\\CircleDocs\\": "",
+                    "Modules\\CircleDocs\\App\\": "app/",
+                    "Modules\\CircleDocs\\Database\\Seeders\\": "database/seeders/",
+                    "Modules\\CircleDocs\\Database\\Factories\\": "database/factories/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fady Mondy",
+                    "email": "info@3x1.io"
+                }
+            ],
+            "description": "Create and share, search in your docs using markdown editor and GitHub integration",
+            "keywords": [
+                "circle",
+                "docs",
+                "editor",
+                "github",
+                "integration",
+                "laravel",
+                "markdown",
+                "module"
+            ],
+            "support": {
+                "issues": "https://github.com/tomatophp/circle-docs-module/issues",
+                "source": "https://github.com/tomatophp/circle-docs-module/tree/v1.0.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/3x1io",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-04-02T19:47:03+00:00"
+        },
+        {
+            "name": "tomatophp/circle-invoices-module",
+            "version": "v1.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/tomatophp/circle-invoices-module.git",
+                "reference": "5c6f55fb17db6bcbf1031c2bc026763e2b952c60"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/tomatophp/circle-invoices-module/zipball/5c6f55fb17db6bcbf1031c2bc026763e2b952c60",
+                "reference": "5c6f55fb17db6bcbf1031c2bc026763e2b952c60",
+                "shasum": ""
+            },
+            "type": "laravel-module",
+            "extra": {
+                "laravel": {
+                    "providers": [],
+                    "aliases": []
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Modules\\CircleInvoices\\": "",
+                    "Modules\\CircleInvoices\\App\\": "app/",
+                    "Modules\\CircleInvoices\\Database\\Seeders\\": "database/seeders/",
+                    "Modules\\CircleInvoices\\Database\\Factories\\": "database/factories/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fady Mondy",
+                    "email": "info@3x1.io"
+                }
+            ],
+            "description": "Invoices Generator With Custom Templates, to generate public invoices and your customer can download it",
+            "support": {
+                "issues": "https://github.com/tomatophp/circle-invoices-module/issues",
+                "source": "https://github.com/tomatophp/circle-invoices-module/tree/v1.0.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/3x1io",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-04-02T19:36:41+00:00"
+        },
+        {
+            "name": "tomatophp/circle-notes-module",
+            "version": "v1.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/tomatophp/circle-notes-module.git",
+                "reference": "66fa5695a8022ee9a2bcf46d7cdd2aafab554d25"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/tomatophp/circle-notes-module/zipball/66fa5695a8022ee9a2bcf46d7cdd2aafab554d25",
+                "reference": "66fa5695a8022ee9a2bcf46d7cdd2aafab554d25",
+                "shasum": ""
+            },
+            "require": {
+                "joshbrw/laravel-module-installer": "^2.0",
+                "nwidart/laravel-modules": "^10.0",
+                "php": "^8.1|^8.2",
+                "tomatophp/console-helpers": "^1.1",
+                "tomatophp/tomato-admin": "^1.2",
+                "tomatophp/tomato-plugins": "^1.2"
+            },
+            "type": "laravel-module",
+            "extra": {
+                "laravel": {
+                    "providers": [],
+                    "aliases": []
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Modules\\CircleNotes\\": "",
+                    "Modules\\CircleNotes\\App\\": "app/",
+                    "Modules\\CircleNotes\\Database\\Seeders\\": "database/seeders/",
+                    "Modules\\CircleNotes\\Database\\Factories\\": "database/factories/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Abdelmjid Saber",
+                    "email": "AbdelmjidDev@gmail.com"
+                }
+            ],
+            "description": "Capture Notes, organize tasks and ideas easily",
+            "keywords": [
+                "circlexo",
+                "laravel",
+                "module",
+                "notes",
+                "profile",
+                "tomatophp"
+            ],
+            "support": {
+                "issues": "https://github.com/tomatophp/circle-notes-module/issues",
+                "source": "https://github.com/tomatophp/circle-notes-module/tree/v1.0.0"
+            },
+            "time": "2024-04-02T19:32:07+00:00"
+        },
         {
             "name": "tomatophp/console-helpers",
             "version": "v1.1.0",
@@ -13096,16 +13350,16 @@
         },
         {
             "name": "tomatophp/tomato-roles-module",
-            "version": "v1.0.2",
+            "version": "v1.0.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/tomatophp/tomato-roles-module.git",
-                "reference": "4dc4aa30d2c27b4dab43e1735ef53be87876791c"
+                "reference": "b66b5845dd6210b929e7242481e46b4dceaf13f8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/tomatophp/tomato-roles-module/zipball/4dc4aa30d2c27b4dab43e1735ef53be87876791c",
-                "reference": "4dc4aa30d2c27b4dab43e1735ef53be87876791c",
+                "url": "https://api.github.com/repos/tomatophp/tomato-roles-module/zipball/b66b5845dd6210b929e7242481e46b4dceaf13f8",
+                "reference": "b66b5845dd6210b929e7242481e46b4dceaf13f8",
                 "shasum": ""
             },
             "require": {
@@ -13160,7 +13414,7 @@
             ],
             "support": {
                 "issues": "https://github.com/tomatophp/tomato-roles-module/issues",
-                "source": "https://github.com/tomatophp/tomato-roles-module/tree/v1.0.2"
+                "source": "https://github.com/tomatophp/tomato-roles-module/tree/v1.0.3"
             },
             "funding": [
                 {
@@ -13168,7 +13422,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-20T13:13:15+00:00"
+            "time": "2024-04-02T15:24:52+00:00"
         },
         {
             "name": "tomatophp/tomato-sections-module",
@@ -14232,16 +14486,16 @@
         },
         {
             "name": "laravel/pint",
-            "version": "v1.15.0",
+            "version": "v1.15.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/pint.git",
-                "reference": "c52de679b3ac01207016c179d7ce173e4be128c4"
+                "reference": "5f288b5e79938cc72f5c298d384e639de87507c6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/pint/zipball/c52de679b3ac01207016c179d7ce173e4be128c4",
-                "reference": "c52de679b3ac01207016c179d7ce173e4be128c4",
+                "url": "https://api.github.com/repos/laravel/pint/zipball/5f288b5e79938cc72f5c298d384e639de87507c6",
+                "reference": "5f288b5e79938cc72f5c298d384e639de87507c6",
                 "shasum": ""
             },
             "require": {
@@ -14252,13 +14506,13 @@
                 "php": "^8.1.0"
             },
             "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3.49.0",
-                "illuminate/view": "^10.43.0",
-                "larastan/larastan": "^2.8.1",
+                "friendsofphp/php-cs-fixer": "^3.52.1",
+                "illuminate/view": "^10.48.4",
+                "larastan/larastan": "^2.9.2",
                 "laravel-zero/framework": "^10.3.0",
-                "mockery/mockery": "^1.6.7",
+                "mockery/mockery": "^1.6.11",
                 "nunomaduro/termwind": "^1.15.1",
-                "pestphp/pest": "^2.33.6"
+                "pestphp/pest": "^2.34.5"
             },
             "bin": [
                 "builds/pint"
@@ -14294,7 +14548,7 @@
                 "issues": "https://github.com/laravel/pint/issues",
                 "source": "https://github.com/laravel/pint"
             },
-            "time": "2024-03-26T16:40:24+00:00"
+            "time": "2024-04-02T14:28:47+00:00"
         },
         {
             "name": "laravel/sail",
@@ -16650,16 +16904,16 @@
         },
         {
             "name": "spatie/laravel-ignition",
-            "version": "2.5.0",
+            "version": "2.5.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/laravel-ignition.git",
-                "reference": "e23f4e8ce6644dc3d68b9d8a0aed3beaca0d6ada"
+                "reference": "0c864b3cbd66ce67a2096c5f743e07ce8f1d6ab9"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-ignition/zipball/e23f4e8ce6644dc3d68b9d8a0aed3beaca0d6ada",
-                "reference": "e23f4e8ce6644dc3d68b9d8a0aed3beaca0d6ada",
+                "url": "https://api.github.com/repos/spatie/laravel-ignition/zipball/0c864b3cbd66ce67a2096c5f743e07ce8f1d6ab9",
+                "reference": "0c864b3cbd66ce67a2096c5f743e07ce8f1d6ab9",
                 "shasum": ""
             },
             "require": {
@@ -16738,7 +16992,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-29T14:14:55+00:00"
+            "time": "2024-04-02T06:30:22+00:00"
         },
         {
             "name": "symfony/yaml",
diff --git a/config/services.php b/config/services.php
index d1efc01..399ee21 100644
--- a/config/services.php
+++ b/config/services.php
@@ -33,6 +33,7 @@
 
     'discord' => [
         'error-webhook' => env('DISCORD_ERROR_WEBHOOK'),
+        'error-webhook-active' => env('DISCORD_ERROR_WEBHOOK_ACTIVE'),
         'notification-webhook' => env('DISCORD_NOTIFICATION_WEBHOOK'),
         'client_id' => env('DISCORD_CLIENT_ID'),
         'client_secret' => env('DISCORD_CLIENT_SECRET'),
diff --git a/modules_statuses.json b/modules_statuses.json
index c9a3171..0de4807 100644
--- a/modules_statuses.json
+++ b/modules_statuses.json
@@ -15,5 +15,7 @@
     "TomatoSections": true,
     "TomatoMenus": true,
     "CircleContacts": true,
-    "CircleInvoices": true
-}
\ No newline at end of file
+    "CircleInvoices": true,
+    "CircleDocs": true,
+    "CircleNotes": true
+}
diff --git a/resources/js/app.js b/resources/js/app.js
index df3b32f..a1fa2c7 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -34,6 +34,7 @@ import InstantSearch from 'vue-instantsearch/vue3/es';
 import { MdEditor, MdPreview } from 'md-editor-v3';
 import 'md-editor-v3/lib/style.css';
 import Search from "./components/Search.vue";
+import SearchDocs from "../../Modules/CircleDocs/resources/assets/js/SearchDocs.vue";
 import vue3StarRatings from "vue3-star-ratings";
 
 import VueSocialSharing from 'vue-social-sharing';
@@ -53,6 +54,7 @@ createApp({
     .component("Recap", Recap)
     .component("Rating", vue3StarRatings)
     .component("Search", Search)
+    .component("SearchDocs", SearchDocs)
     .component("Swiper", Swiper)
     .component("SwiperSlide", SwiperSlide)
     .component('TomatoTable', TomatoTable)
diff --git a/resources/js/components/Search.vue b/resources/js/components/Search.vue
index 9b39f48..fc535cf 100644
--- a/resources/js/components/Search.vue
+++ b/resources/js/components/Search.vue
@@ -103,7 +103,6 @@ export default {
     },
     methods:{
         goToProfile(item){
-            console.log(item);
             this.$splade.visit(this.$props.url +"/"+ item.username)
         }
     }
diff --git a/resources/js/echo.js b/resources/js/echo.js
index 9349afa..8fe78f8 100644
--- a/resources/js/echo.js
+++ b/resources/js/echo.js
@@ -10,5 +10,5 @@ window.Echo = new Echo({
     wsPort: import.meta.env.VITE_REVERB_PORT ?? 80,
     wssPort: import.meta.env.VITE_REVERB_PORT ?? 443,
     forceTLS: (import.meta.env.VITE_REVERB_SCHEME ?? 'https') === 'https',
-    enabledTransports: ['ws', 'wss'],
+    enabledTransports: ['ws', 'wss']
 });
diff --git a/routes/channels.php b/routes/channels.php
index df2ad28..e2d7551 100644
--- a/routes/channels.php
+++ b/routes/channels.php
@@ -2,6 +2,6 @@
 
 use Illuminate\Support\Facades\Broadcast;
 
-Broadcast::channel('App.Models.User.{id}', function ($user, $id) {
-    return (int) $user->id === (int) $id;
-});
+Broadcast::channel('accounts.{id}', function ($user, $id) {
+    return $user;
+}, ['guards' => ['accounts']]);