fix(reviews): restore modal detail review gating

src/components/AppDetailModal.vue

@@ -179,6 +179,14 @@
                   </button>
                 </div>
               </template>
+              <button
+                type="button"
+                class="inline-flex w-full items-center justify-center gap-2 rounded-xl border border-slate-300 bg-white px-4 py-2.5 text-sm font-medium text-slate-600 transition hover:bg-slate-50 hover:text-slate-900 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-300 dark:hover:bg-slate-700"
+                @click="handleFavorite"
+              >
+                <i class="fas fa-star text-xs"></i>
+                <span>收藏</span>
+              </button>
             </div>
 
             <!-- 其他元信息 -->
@@ -312,6 +320,50 @@
             >
               <p class="text-sm text-slate-400">暂无应用截图</p>
             </div>
+
+            <ReviewsPanel
+              v-if="loggedIn && activeReviewAppKey && activeReviewTags"
+              :app-key="activeReviewAppKey"
+              :tags="activeReviewTags"
+              :logged-in="loggedIn"
+              :can-submit="isinstalled"
+              @request-login="$emit('request-login', $event)"
+            />
+            <section
+              v-else-if="!loggedIn && reviewAppKey && reviewTags"
+              class="rounded-2xl border border-slate-200/60 bg-slate-50/50 p-5 dark:border-slate-800/60 dark:bg-slate-800/30"
+            >
+              <h3
+                class="text-base font-semibold text-slate-900 dark:text-white mb-3 flex items-center gap-2"
+              >
+                <i class="fas fa-comments text-slate-400"></i>
+                应用评价
+              </h3>
+              <p class="text-sm text-slate-500 dark:text-slate-400">
+                登录星火账号后可查看评价并发表评论。
+              </p>
+              <button
+                type="button"
+                class="mt-4 inline-flex items-center rounded-xl bg-slate-800 px-4 py-2 text-sm font-medium text-white transition hover:bg-slate-700 dark:bg-slate-700 dark:hover:bg-slate-600"
+                @click="emit('request-login', '登录后查看和发表评论。')"
+              >
+                登录后查看评价
+              </button>
+            </section>
+            <section
+              v-else-if="reviewAppKey && reviewTags"
+              class="rounded-2xl border border-slate-200/60 bg-slate-50/50 p-5 dark:border-slate-800/60 dark:bg-slate-800/30"
+            >
+              <h3
+                class="text-base font-semibold text-slate-900 dark:text-white mb-3 flex items-center gap-2"
+              >
+                <i class="fas fa-comments text-slate-400"></i>
+                应用评价
+              </h3>
+              <p class="text-sm text-slate-500 dark:text-slate-400">
+                安装应用后可发表评论。
+              </p>
+            </section>
           </div>
         </div>
       </div>
@@ -439,12 +491,14 @@
 <script setup lang="ts">
 import { computed, useAttrs, ref, watch } from "vue";
 import axios from "axios";
+import ReviewsPanel from "@/components/ReviewsPanel.vue";
 import { useInstallFeedback, downloads } from "../global/downloadStatus";
 import {
   APM_STORE_BASE_URL,
   getHybridDefaultOrigin,
 } from "../global/storeConfig";
-import type { App } from "../global/typedefinition";
+import { buildReviewAppKey, buildReviewTags } from "../modules/appIdentity";
+import type { App, ReviewTags } from "../global/typedefinition";
 
 const attrs = useAttrs();
 
@@ -454,12 +508,17 @@ const props = defineProps<{
   screenshots: string[];
   sparkInstalled: boolean;
   apmInstalled: boolean;
+  loggedIn: boolean;
+  reviewAppKey: string;
+  reviewTags: ReviewTags | null;
 }>();
 
 const emit = defineEmits<{
   (e: "close"): void;
   (e: "install", app: App): void;
   (e: "remove", app: App): void;
+  (e: "favorite", app: App): void;
+  (e: "request-login", message: string): void;
   (e: "open-preview", index: number): void;
   (e: "open-app", pkgname: string, origin?: "spark" | "apm"): void;
   (e: "check-install", app: App): void;
@@ -576,6 +635,22 @@ const iconPath = computed(() => {
   return `${APM_STORE_BASE_URL}/${finalArch}/${displayApp.value.category}/${displayApp.value.pkgname}/icon.png`;
 });
 
+const activeReviewAppKey = computed(() => {
+  if (!displayApp.value) return "";
+  return buildReviewAppKey(
+    displayApp.value,
+    props.reviewTags?.clientArch ?? "amd64",
+  );
+});
+
+const activeReviewTags = computed<ReviewTags | null>(() => {
+  if (!displayApp.value || !props.reviewTags) return null;
+  return buildReviewTags(displayApp.value, {
+    clientArch: props.reviewTags.clientArch,
+    distro: props.reviewTags.distro,
+  });
+});
+
 const downloadCount = ref<string>("");
 
 // 监听 app 变化，获取新app的下载量
@@ -620,6 +695,15 @@ const handleRemove = () => {
   }
 };
 
+const handleFavorite = () => {
+  if (!displayApp.value) return;
+  if (!props.loggedIn) {
+    emit("request-login", "收藏应用需要登录星火账号。");
+    return;
+  }
+  emit("favorite", displayApp.value);
+};
+
 const openPreview = (index: number) => {
   emit("open-preview", index);
 };

src/components/AppDetailPage.vue

@@ -200,10 +200,11 @@
           :app-key="reviewAppKey"
           :tags="reviewTags"
           :logged-in="loggedIn"
+          :can-submit="isInstalled"
           @request-login="$emit('request-login', $event)"
         />
         <section
-          v-else-if="reviewAppKey && reviewTags"
+          v-else-if="!loggedIn && reviewAppKey && reviewTags"
           class="rounded-2xl border border-slate-200/60 bg-slate-50/50 p-5 dark:border-slate-800/60 dark:bg-slate-800/30"
         >
           <h2 class="mb-2 flex items-center gap-2 text-base font-semibold">
@@ -221,6 +222,18 @@
             登录后查看评价
           </button>
         </section>
+        <section
+          v-else-if="reviewAppKey && reviewTags"
+          class="rounded-2xl border border-slate-200/60 bg-slate-50/50 p-5 dark:border-slate-800/60 dark:bg-slate-800/30"
+        >
+          <h2 class="mb-2 flex items-center gap-2 text-base font-semibold">
+            <i class="fas fa-comments text-slate-400"></i>
+            应用评价
+          </h2>
+          <p class="text-sm text-slate-500 dark:text-slate-400">
+            安装应用后可发表评论。
+          </p>
+        </section>
       </div>
     </div>
   </section>

src/components/ReviewsPanel.vue

@@ -56,6 +56,13 @@
       登录后发表评论
     </button>
 
+    <p
+      v-else-if="!canSubmit"
+      class="mb-4 text-sm text-slate-500 dark:text-slate-400"
+    >
+      安装应用后可发表评论。
+    </p>
+
     <form v-else class="mb-4 space-y-3" @submit.prevent="submit">
       <label
         class="block text-sm font-medium text-slate-600 dark:text-slate-300"
@@ -127,11 +134,15 @@ import type {
   ReviewTags,
 } from "@/global/typedefinition";
 
-const props = defineProps<{
-  appKey: string;
-  tags: ReviewTags;
-  loggedIn: boolean;
-}>();
+const props = withDefaults(
+  defineProps<{
+    appKey: string;
+    tags: ReviewTags;
+    loggedIn: boolean;
+    canSubmit?: boolean;
+  }>(),
+  { canSubmit: true },
+);
 
 const emit = defineEmits<{
   "request-login": [message: string];
@@ -152,6 +163,16 @@ const ratingText = computed(() => {
   return `${summary.value.averageRating.toFixed(1)} / 5 (${summary.value.reviewCount})`;
 });
 
+const canSubmit = computed(() => props.canSubmit);
+
+const toReviewErrorMessage = (caught: unknown): string => {
+  const message = caught instanceof Error ? caught.message : "";
+  if (message === "Network Error") {
+    return "无法连接星火账号服务，请稍后重试。";
+  }
+  return message || "发表评论失败";
+};
+
 const clearReviewState = () => {
   loadGeneration.value += 1;
   reviews.value = [];
@@ -189,6 +210,7 @@ const loadReviews = async () => {
 };
 
 const submit = async () => {
+  if (!canSubmit.value) return;
   const appKey = props.appKey;
   const tags = props.tags;
   submitting.value = true;
@@ -204,7 +226,7 @@ const submit = async () => {
     await loadReviews();
   } catch (caught: unknown) {
     if (appKey !== props.appKey) return;
-    error.value = (caught as Error)?.message || "发表评论失败";
+    error.value = toReviewErrorMessage(caught);
   } finally {
     if (appKey === props.appKey) {
       submitting.value = false;