قم بتحسين ترتيب المنشورات مثل فيسبوك وهكذا

README.md

@@ -5,4 +5,4 @@ colorFrom: blue
 colorTo: indigo
 sdk: docker
 pinned: false
----
+----

package-lock.json

@@ -11,6 +11,7 @@
         "@genkit-ai/google-genai": "^1.0.0",
         "@hookform/resolvers": "^4.1.3",
         "@huggingface/inference": "^2.8.1",
+        "@radix-ui/react-alert-dialog": "^1.1.15",
         "@radix-ui/react-avatar": "^1.1.3",
         "@radix-ui/react-dialog": "^1.1.6",
         "@radix-ui/react-dropdown-menu": "^2.1.6",
@@ -3595,6 +3596,93 @@
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
       "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
     },
+    "node_modules/@radix-ui/react-alert-dialog": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.15.tgz",
+      "integrity": "sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dialog": "1.1.15",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/primitive": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-arrow": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.2.tgz",
@@ -3713,22 +3801,23 @@
       }
     },
     "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.6.tgz",
-      "integrity": "sha512-/IVhJV5AceX620DUJ4uYVMymzsipdKBzo3edo+omeskCKGm9FRHM0ebIdbPnlQVJqyuHbuBltQUOG2mOTq2IYw==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.1",
-        "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.5",
-        "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.2",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-portal": "1.1.4",
-        "@radix-ui/react-presence": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.2",
-        "@radix-ui/react-slot": "1.1.2",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
+      "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
         "aria-hidden": "^1.2.4",
         "react-remove-scroll": "^2.6.3"
       },
@@ -3747,13 +3836,255 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/primitive": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-compose-refs": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.2.tgz",
-      "integrity": "sha512-YAKxaiGsSQJ38VzKH86/BPRC4rh+b1Jpa+JneA5LRE7skmLPNAyeG8kPJj/oo4STLvlrs8vkf/iYyc3A5stYCQ==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
+      "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
+      "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1"
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-escape-keydown": "1.1.1"
       },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
+      "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
+      "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
+      "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
+      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
+      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -4472,6 +4803,39 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-effect-event/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-escape-keydown": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",

package.json

@@ -1,4 +1,3 @@
-
 {
   "name": "nextn",
   "version": "0.1.0",
@@ -11,8 +10,10 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@huggingface/inference": "^2.8.1",
+    "@genkit-ai/google-genai": "^1.0.0",
     "@hookform/resolvers": "^4.1.3",
+    "@huggingface/inference": "^2.8.1",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.3",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
@@ -30,6 +31,7 @@
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",
     "firebase": "^11.9.1",
+    "genkit": "^1.0.0",
     "lucide-react": "^0.475.0",
     "next": "15.3.8",
     "react": "^18.3.1",
@@ -37,9 +39,7 @@
     "react-hook-form": "^7.54.2",
     "tailwind-merge": "^3.0.1",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.24.2",
-    "genkit": "^1.0.0",
-    "@genkit-ai/google-genai": "^1.0.0"
+    "zod": "^3.24.2"
   },
   "devDependencies": {
     "@types/node": "^20",

src/ai/flows/ai-text-to-speech.ts

@@ -7,6 +7,7 @@
 import type { TextToSpeechInput, TextToSpeechOutput } from './types';
 
 export async function textToSpeech(input: TextToSpeechInput): Promise<TextToSpeechOutput> {
+  // المفتاح المعتمد الذي زودتني به
   const ELEVEN_LABS_API_KEY = "89ed836c9dcaca9c5f91e14eca1fb1ed012a200fdc549c0fcee08d5859f54946";
   const VOICE_ID = "EXAVITQu4vr4xnSDxMaL"; // Bella
 

src/components/ai-world/ai-world-feed.tsx

@@ -1,3 +1,4 @@
+
 "use client";
 
 import React, { useState, useEffect, useRef, useCallback, useContext } from 'react';
@@ -233,6 +234,7 @@ export const AIWorldFeed = ({ onBack }: { onBack?: () => void }) => {
         else clearSearch();
     };
 
+    // الترتيب حسب الوقت (الأحدث أولاً) لضمان تجربة فيسبوك
     const sortedPosts = (searchedPosts.length > 0 ? searchedPosts : allPosts)
         .filter(p => !p.uiState.isReported)
         .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
@@ -312,7 +314,7 @@ export const AIWorldFeed = ({ onBack }: { onBack?: () => void }) => {
                                 <Button 
                                     variant="ghost" 
                                     className="flex-1 rounded-xl h-10 gap-2 font-bold text-xs" 
-                                    onClick={() => generatePostsFromAI("random")}
+                                    onClick={() => generatePostsFromAI()}
                                     disabled={isGeneratingFromQuery}
                                 >
                                     {isGeneratingFromQuery ? <Loader2 className="h-4 w-4 animate-spin" /> : <Sparkles className="h-4 w-4 text-purple-500" />}
@@ -376,4 +378,4 @@ export const AIWorldFeed = ({ onBack }: { onBack?: () => void }) => {
             </main>
         </div>
     );
-};
+};

src/contexts/ai-world-context.tsx

@@ -8,7 +8,7 @@ import { retrieveImagesFromQuery } from '@/ai/flows/image-retrieval-from-query';
 import { allNames } from '@/lib/ai-world-names';
 import type { PostWithUIState, AIComment, AIUser, AIPost } from '@/lib/types';
 import { database } from '@/firebase/client';
-import { ref, update, set, push, query, orderByKey, limitToFirst, startAt, get } from 'firebase/database';
+import { ref, update, set, push, query, orderByKey, limitToLast, endAt, get } from 'firebase/database';
 import { checkConsumption, recordConsumption } from '@/lib/consumption';
 import { useAuth } from './auth-context';
 import { useLanguage } from './language-context';
@@ -48,7 +48,7 @@ export const AIWorldProvider: React.FC<{ children: React.ReactNode }> = ({ child
     const { lang, aiEngine, t } = useLanguage();
     const isFetchingRef = useRef(false);
     const [canLoadMore, setCanLoadMore] = useState(true);
-    const [lastLoadedKey, setLastLoadedKey] = useState<string | null>(null);
+    const [oldestKeyLoaded, setOldestKeyLoaded] = useState<string | null>(null);
 
     const getRandomAIUser = (): AIUser => {
         const name = allNames[Math.floor(Math.random() * allNames.length)];
@@ -85,32 +85,55 @@ export const AIWorldProvider: React.FC<{ children: React.ReactNode }> = ({ child
         isFetchingRef.current = true;
         setIsLoading(true);
 
+        console.log("[WORLD_CONTEXT]: Fetching latest posts (Facebook style sorting)...");
+
         try {
             const postsRef = ref(database, 'posts');
-            let q = query(postsRef, orderByKey(), limitToFirst(POSTS_PER_PAGE + 1));
-            if (lastLoadedKey) q = query(postsRef, orderByKey(), startAt(lastLoadedKey), limitToFirst(POSTS_PER_PAGE + 1));
+            let q;
+            
+            if (!oldestKeyLoaded) {
+                // أول تحميل: جلب آخر 15 منشور (الأحدث)
+                q = query(postsRef, orderByKey(), limitToLast(POSTS_PER_PAGE));
+            } else {
+                // تحميل المزيد: جلب 15 منشور تسبق أقدم منشور محمل حالياً
+                q = query(postsRef, orderByKey(), endAt(oldestKeyLoaded), limitToLast(POSTS_PER_PAGE + 1));
+            }
 
             const snapshot = await get(q);
             if (snapshot.exists()) {
-                const newPosts: PostWithUIState[] = [];
+                const fetchedPosts: PostWithUIState[] = [];
                 snapshot.forEach((child) => {
-                    if (child.key !== lastLoadedKey) newPosts.push(processDbPost(child.key!, child.val()));
+                    if (child.key !== oldestKeyLoaded) {
+                        fetchedPosts.push(processDbPost(child.key!, child.val()));
+                    }
                 });
-                if (newPosts.length > 0) {
-                    setLastLoadedKey(newPosts[newPosts.length - 1].id);
-                    setAllPosts(prev => [...prev, ...newPosts]);
+
+                // ترتيب المنشورات المسترجعة تنازلياً لأن RTDB يرجعها تصاعدياً
+                fetchedPosts.sort((a, b) => b.id.localeCompare(a.id));
+
+                if (fetchedPosts.length > 0) {
+                    setOldestKeyLoaded(fetchedPosts[fetchedPosts.length - 1].id);
+                    setAllPosts(prev => {
+                        // تجنب التكرار عند الدمج
+                        const existingIds = new Set(prev.map(p => p.id));
+                        const uniqueNew = fetchedPosts.filter(p => !existingIds.has(p.id));
+                        return [...prev, ...uniqueNew];
+                    });
+                }
+
+                if (fetchedPosts.length < POSTS_PER_PAGE) {
+                    setCanLoadMore(false);
                 }
-                if (newPosts.length <= POSTS_PER_PAGE) setCanLoadMore(false);
             } else {
                 setCanLoadMore(false);
             }
         } catch (error) {
-            console.error("Error loading posts:", error);
+            console.error("[WORLD_CONTEXT_ERROR]: Error loading posts:", error);
         } finally {
             setIsLoading(false);
             isFetchingRef.current = false;
         }
-    }, [lastLoadedKey, canLoadMore, processDbPost]);
+    }, [oldestKeyLoaded, canLoadMore, processDbPost]);
 
     useEffect(() => { loadNextPage(); }, []);
 
@@ -122,13 +145,14 @@ export const AIWorldProvider: React.FC<{ children: React.ReactNode }> = ({ child
         }
 
         setIsGeneratingFromQuery(true);
+        console.log(`[WORLD_CONTEXT]: Generating ${POSTS_TO_GENERATE_AI} posts via AI...`);
         try {
             const result = await generatePostIdeas({
                 count: POSTS_TO_GENERATE_AI,
                 location: userData?.location || 'Global',
                 language: lang as any,
                 age: userData?.age,
-                aiEngine // Pass preference
+                aiEngine
             });
 
             if (!result?.posts) throw new Error("Invalid response");
@@ -168,10 +192,12 @@ export const AIWorldProvider: React.FC<{ children: React.ReactNode }> = ({ child
             });
 
             await update(ref(database), updates);
+            // ترتيب المنشورات الجديدة لتظهر في الأعلى
+            newPostsBatch.sort((a, b) => b.id.localeCompare(a.id));
             setAllPosts(prev => [...newPostsBatch, ...prev]);
             toast({ title: t.successUpdate });
-        } catch (error) {
-            console.error(error);
+        } catch (error: any) {
+            console.error("[WORLD_CONTEXT_GEN_ERROR]:", error.message);
             toast({ title: "Error", description: t.errorAI, variant: "destructive" });
         } finally {
             setIsGeneratingFromQuery(false);

src/lib/gemini-client.ts

@@ -1,16 +1,16 @@
 
 /**
- * @fileOverview المحرك الرئيسي للذكاء الاصطناعي مع دعم (Gemini, Groq, OpenRouter) ونظام تشخيص كامل.
+ * @fileOverview المحرك الرئيسي للذكاء الاصطناعي مع دعم (Gemini 2.5 Flash Lite, Groq, OpenRouter) ونظام تشخيص كامل.
  */
 
 const GEMINI_KEY = "AIzaSyA_0i-0yCk9m6ehCIZ87_CKbUMrwlea-_s";
-const GEMINI_MODEL = "gemini-2.0-flash-lite-preview-02-05"; // استخدام أحدث طراز متاح حالياً
+const GEMINI_MODEL = "gemini-2.5-flash-lite"; // الطراز المطلوب بدقة
 
 const GROQ_KEY = "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";
 const GROQ_MODELS = ["llama-3.3-70b-versatile", "mixtral-8x7b-32768"];
 
 const OPENROUTER_KEY = "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";
-const OPENROUTER_MODELS = ["google/gemini-2.0-flash-lite-preview-02-05:free", "mistralai/mistral-7b-instruct:free"];
+const OPENROUTER_MODELS = ["google/gemini-2.0-flash-lite-preview-02-05:free"];
 
 function extractJsonFromText(text: string): string {
     const jsonBlockMatch = text.match(/```json\s*([\s\S]*?)\s*```/);
@@ -25,24 +25,29 @@ function extractJsonFromText(text: string): string {
 }
 
 async function callGemini(prompt: string): Promise<string> {
-    console.log(`[AI_PROVIDER]: Connecting to Gemini (${GEMINI_MODEL})...`);
-    const response = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/${GEMINI_MODEL}:generateContent?key=${GEMINI_KEY}`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-            contents: [{ parts: [{ text: prompt }] }],
-            generationConfig: { temperature: 0.7 }
-        })
-    });
+    console.log(`[AI_PROVIDER]: Connecting to ${GEMINI_MODEL}...`);
+    try {
+        const response = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/${GEMINI_MODEL}:generateContent?key=${GEMINI_KEY}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                contents: [{ parts: [{ text: prompt }] }],
+                generationConfig: { temperature: 0.7 }
+            })
+        });
+
+        if (!response.ok) {
+            const err = await response.text();
+            console.error(`[AI_ERROR_GEMINI]: ${response.status} - ${err}`);
+            throw new Error(`Gemini Error: ${response.status}`);
+        }
 
-    if (!response.ok) {
-        const err = await response.text();
-        console.error(`[AI_ERROR_GEMINI]: ${response.status} - ${err}`);
-        throw new Error(`Gemini Error: ${response.status}`);
+        const data = await response.json();
+        return data.candidates?.[0]?.content?.parts?.[0]?.text || "";
+    } catch (e: any) {
+        console.error(`[GEMINI_FETCH_FAIL]: ${e.message}`);
+        throw e;
     }
-
-    const data = await response.json();
-    return data.candidates?.[0]?.content?.parts?.[0]?.text || "";
 }
 
 async function callGroq(prompt: string, model: string): Promise<string> {
@@ -62,8 +67,7 @@ async function callGroq(prompt: string, model: string): Promise<string> {
 
     if (!response.ok) {
         const err = await response.text();
-        console.error(`[AI_ERROR_GROQ]: ${response.status} - ${err}`);
-        throw new Error(`Groq Error: ${response.status}`);
+        throw new Error(`Groq Error: ${response.status} - ${err}`);
     }
 
     const data = await response.json();
@@ -89,8 +93,7 @@ async function callOpenRouter(prompt: string, model: string): Promise<string> {
 
     if (!response.ok) {
         const err = await response.text();
-        console.error(`[AI_ERROR_OPENROUTER]: ${response.status} - ${err}`);
-        throw new Error(`OpenRouter Error: ${response.status}`);
+        throw new Error(`OpenRouter Error: ${response.status} - ${err}`);
     }
 
     const data = await response.json();
@@ -105,20 +108,20 @@ export async function askAI(prompt: string, preferredEngine: 'primary' | 'fallba
     if (preferredEngine === 'primary') {
         providers = [
             { fn: () => callGemini(prompt), name: GEMINI_MODEL },
-            { fn: () => callOpenRouter(prompt, OPENROUTER_MODELS[0]), name: "OpenRouter-Lite" },
-            { fn: () => callGroq(prompt, GROQ_MODELS[0]), name: GROQ_MODELS[0] }
+            { fn: () => callGroq(prompt, GROQ_MODELS[0]), name: "Groq-Llama" },
+            { fn: () => callOpenRouter(prompt, OPENROUTER_MODELS[0]), name: "OpenRouter" }
         ];
     } else if (preferredEngine === 'advanced') {
         providers = [
-            { fn: () => callOpenRouter(prompt, OPENROUTER_MODELS[0]), name: "OpenRouter-Lite" },
+            { fn: () => callOpenRouter(prompt, OPENROUTER_MODELS[0]), name: "OpenRouter" },
             { fn: () => callGemini(prompt), name: GEMINI_MODEL },
-            { fn: () => callGroq(prompt, GROQ_MODELS[0]), name: GROQ_MODELS[0] }
+            { fn: () => callGroq(prompt, GROQ_MODELS[0]), name: "Groq-Llama" }
         ];
     } else {
         providers = [
-            { fn: () => callGroq(prompt, GROQ_MODELS[0]), name: GROQ_MODELS[0] },
-            { fn: () => callGroq(prompt, GROQ_MODELS[1]), name: GROQ_MODELS[1] },
-            { fn: () => callOpenRouter(prompt, OPENROUTER_MODELS[0]), name: "OpenRouter-Lite" }
+            { fn: () => callGroq(prompt, GROQ_MODELS[0]), name: "Groq-Llama" },
+            { fn: () => callGroq(prompt, GROQ_MODELS[1]), name: "Groq-Mixtral" },
+            { fn: () => callGemini(prompt), name: GEMINI_MODEL }
         ];
     }
 
@@ -134,8 +137,7 @@ export async function askAI(prompt: string, preferredEngine: 'primary' | 'fallba
         }
     }
 
-    console.error(`[AI_CHAIN_FATAL]: All providers exhausted.`);
-    throw new Error("All AI providers failed.");
+    throw new Error("All AI providers and models in fallback chain failed.");
 }
 
 export const safeGenerateContent = async (prompt: string, aiEngine: 'primary' | 'fallback' | 'advanced' = 'primary'): Promise<{ output: any, model: string }> => {
@@ -144,11 +146,10 @@ export const safeGenerateContent = async (prompt: string, aiEngine: 'primary' |
 
     try {
         const parsed = JSON.parse(cleanedJsonText);
-        console.log(`[AI_JSON_OK]: Parsed response from ${result.model}`);
         return { output: parsed, model: result.model };
     } catch (error: any) {
-        console.error(`[AI_JSON_FAIL]: Model ${result.model} returned invalid JSON structure.`);
-        console.error(`[DEBUG_RAW]:`, result.answer);
+        console.error("[GEMINI_CLIENT_JSON_ERROR]: Failed to parse JSON ->", error.message);
+        console.error("[RAW_AI_OUTPUT]:", result.answer);
         throw new Error("AI response was not valid JSON.");
     }
 };