From 1107d506c19bb3f127864a2a4e8b702dc8552e47 Mon Sep 17 00:00:00 2001
From: JohnDoe6345789 <john.doe6345789@gmail.com>
Date: Fri, 26 Dec 2025 01:11:33 +0000
Subject: [PATCH] code: nextjs,frontends,tsx (2 files)

---
 .../components/level5/PowerTransferTab.tsx    | 88 -------------------
 .../package-glue/load-package-index.ts        | 30 +++++++
 2 files changed, 30 insertions(+), 88 deletions(-)
 delete mode 100644 frontends/nextjs/src/components/level5/PowerTransferTab.tsx
 create mode 100644 frontends/nextjs/src/lib/packages/package-glue/load-package-index.ts

diff --git a/frontends/nextjs/src/components/level5/PowerTransferTab.tsx b/frontends/nextjs/src/components/level5/PowerTransferTab.tsx
deleted file mode 100644
index 227e6b339..000000000
--- a/frontends/nextjs/src/components/level5/PowerTransferTab.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { useState } from 'react'
-import { Button } from '@/components/ui'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui'
-import { ScrollArea } from '@/components/ui'
-import { Badge } from '@/components/ui'
-import { Separator } from '@/components/ui'
-import { Alert, AlertDescription } from '@/components/ui'
-import { Crown, ArrowsLeftRight } from '@phosphor-icons/react'
-import type { User } from '@/lib/level-types'
-
-interface PowerTransferTabProps {
-  currentUser: User
-  allUsers: User[]
-  onInitiateTransfer: (userId: string) => void
-}
-
-export function PowerTransferTab({ currentUser, allUsers, onInitiateTransfer }: PowerTransferTabProps) {
-  const [selectedUserId, setSelectedUserId] = useState('')
-
-  return (
-    <Card className="bg-black/40 border-white/10 text-white">
-      <CardHeader>
-        <CardTitle>Transfer Super God Power</CardTitle>
-        <CardDescription className="text-gray-400">
-          Transfer your Super God privileges to another user. You will be downgraded to God.
-        </CardDescription>
-      </CardHeader>
-      <CardContent className="space-y-6">
-        <div className="p-4 bg-amber-500/10 border border-amber-500/30 rounded-lg">
-          <div className="flex gap-3">
-            <Crown className="w-6 h-6 text-amber-400 flex-shrink-0" weight="fill" />
-            <div>
-              <h4 className="font-semibold text-amber-200 mb-1">Critical Action</h4>
-              <p className="text-sm text-amber-300/80">
-                This action cannot be undone. Only one Super God can exist at a time. After transfer, you will have God-level access only.
-              </p>
-            </div>
-          </div>
-        </div>
-
-        <Separator className="bg-white/10" />
-
-        <div className="space-y-4">
-          <h4 className="font-semibold text-white">Select User to Transfer Power To:</h4>
-          <ScrollArea className="h-[300px]">
-            <div className="space-y-2">
-              {allUsers
-                .filter(u => u.id !== currentUser.id && u.role !== 'supergod')
-                .map(u => (
-                  <Card
-                    key={u.id}
-                    className={`cursor-pointer transition-all ${
-                      selectedUserId === u.id
-                        ? 'bg-purple-600/30 border-purple-500'
-                        : 'bg-white/5 border-white/10 hover:bg-white/10'
-                    }`}
-                    onClick={() => setSelectedUserId(u.id)}
-                  >
-                    <CardContent className="p-4">
-                      <div className="flex items-center justify-between">
-                        <div>
-                          <p className="font-medium text-white">{u.username}</p>
-                          <p className="text-sm text-gray-400">{u.email}</p>
-                        </div>
-                        <Badge variant="outline" className="text-gray-300 border-gray-500/50">
-                          {u.role}
-                        </Badge>
-                      </div>
-                    </CardContent>
-                  </Card>
-                ))}
-            </div>
-          </ScrollArea>
-        </div>
-
-        <Button
-          onClick={() => onInitiateTransfer(selectedUserId)}
-          disabled={!selectedUserId}
-          className="w-full bg-gradient-to-r from-amber-600 to-yellow-600 hover:from-amber-700 hover:to-yellow-700"
-          size="lg"
-        >
-          <ArrowsLeftRight className="w-5 h-5 mr-2" />
-          Initiate Power Transfer
-        </Button>
-      </CardContent>
-    </Card>
-  )
-}
diff --git a/frontends/nextjs/src/lib/packages/package-glue/load-package-index.ts b/frontends/nextjs/src/lib/packages/package-glue/load-package-index.ts
new file mode 100644
index 000000000..e3bbb2723
--- /dev/null
+++ b/frontends/nextjs/src/lib/packages/package-glue/load-package-index.ts
@@ -0,0 +1,30 @@
+export interface PackageIndexEntry {
+  packageId: string
+  name: string
+  version: string
+  description?: string
+  author?: string
+  category?: string
+  dependencies?: string[]
+  exports?: { components?: unknown[] }
+}
+
+interface PackageIndexResponse {
+  packages?: PackageIndexEntry[]
+}
+
+export async function loadPackageIndex(): Promise<PackageIndexEntry[] | null> {
+  try {
+    const response = await fetch('/packages/index.json', { cache: 'no-store' })
+    if (!response.ok) return null
+
+    const data = (await response.json()) as PackageIndexResponse
+    if (!data?.packages || !Array.isArray(data.packages)) {
+      return null
+    }
+
+    return data.packages
+  } catch (error) {
+    return null
+  }
+}