@nexttylabs/echo 0.2.0

package/components/portal/roadmap-column.tsx

@@ -0,0 +1,78 @@
+"use client";
+
+
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { RoadmapCard } from "./roadmap-card";
+import { cn } from "@/lib/utils";
+import type { RoadmapStatus } from "./roadmap-board";
+
+export interface RoadmapItem {
+  id: number;
+  title: string;
+  category?: string;
+  voteCount: number;
+  status: RoadmapStatus;
+}
+
+interface RoadmapColumnProps {
+  status: RoadmapStatus;
+  label: string;
+  items: RoadmapItem[];
+  headerColor?: string;
+  className?: string;
+}
+
+export function RoadmapColumn({
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  status: _status,
+  label,
+  items,
+  headerColor,
+  className,
+}: RoadmapColumnProps) {
+  return (
+    <div className={cn("flex flex-col min-h-[400px] rounded-xl border bg-background", className)}>
+      {/* Column Header */}
+      <div
+        className={cn(
+          "flex items-center justify-between px-4 py-3 rounded-t-xl border-b",
+          headerColor
+        )}
+      >
+        <h3 className="font-semibold text-sm">{label}</h3>
+        <span className="text-xs text-muted-foreground bg-background/80 px-2 py-0.5 rounded-full">
+          {items.length}
+        </span>
+      </div>
+
+      {/* Column Content */}
+      <div className="flex-1 p-2 bg-muted/20 rounded-b-xl space-y-2">
+        {items.length === 0 ? (
+          <div className="flex items-center justify-center h-24 text-sm text-muted-foreground">
+            No items
+          </div>
+        ) : (
+          items.map((item) => (
+            <RoadmapCard key={item.id} item={item} />
+          ))
+        )}
+      </div>
+    </div>
+  );
+}

package/components/portal/settings-forms/access-form.tsx

@@ -0,0 +1,194 @@
+"use client";
+
+
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { useState } from "react";
+import { useForm, useWatch } from "react-hook-form";
+import { Button } from "@/components/ui/button";
+import { Label } from "@/components/ui/label";
+import { Switch } from "@/components/ui/switch";
+import { Loader2 } from "lucide-react";
+import { updatePortalSettings } from "@/lib/services/portal-settings";
+import type { PortalSeoConfig, PortalSharingConfig } from "@/lib/db/schema";
+
+interface PortalAccessFormProps {
+  organizationId: string;
+  initialSharing?: PortalSharingConfig;
+  initialSeo?: PortalSeoConfig;
+}
+
+type AccessFormData = {
+  enabled: boolean;
+  allowPublicVoting: boolean;
+  allowPublicComments: boolean;
+  showVoteCount: boolean;
+  showAuthor: boolean;
+  noIndex: boolean;
+};
+
+function SwitchField({
+  id,
+  label,
+  description,
+  checked,
+  onCheckedChange,
+}: {
+  id: keyof AccessFormData;
+  label: string;
+  description: string;
+  checked: boolean;
+  onCheckedChange: (checked: boolean) => void;
+}) {
+  return (
+    <div className="flex items-center justify-between rounded-lg border p-4">
+      <div className="space-y-0.5">
+        <Label htmlFor={id}>{label}</Label>
+        <p className="text-sm text-muted-foreground">{description}</p>
+      </div>
+      <Switch id={id} checked={checked} onCheckedChange={onCheckedChange} />
+    </div>
+  );
+}
+
+export function PortalAccessForm({ organizationId, initialSharing, initialSeo }: PortalAccessFormProps) {
+  const [saving, setSaving] = useState(false);
+  const [message, setMessage] = useState<{ type: "success" | "error"; text: string } | null>(null);
+
+  const form = useForm<AccessFormData>({
+    defaultValues: {
+      enabled: initialSharing?.enabled ?? true,
+      allowPublicVoting: initialSharing?.allowPublicVoting ?? true,
+      allowPublicComments: initialSharing?.allowPublicComments ?? false,
+      showVoteCount: initialSharing?.showVoteCount ?? true,
+      showAuthor: initialSharing?.showAuthor ?? false,
+      noIndex: initialSeo?.noIndex ?? false,
+    },
+  });
+  const enabled = useWatch({ control: form.control, name: "enabled" }) ?? true;
+  const allowPublicVoting = useWatch({ control: form.control, name: "allowPublicVoting" }) ?? true;
+  const allowPublicComments = useWatch({ control: form.control, name: "allowPublicComments" }) ?? false;
+  const showVoteCount = useWatch({ control: form.control, name: "showVoteCount" }) ?? true;
+  const showAuthor = useWatch({ control: form.control, name: "showAuthor" }) ?? false;
+  const noIndex = useWatch({ control: form.control, name: "noIndex" }) ?? false;
+
+  const onSubmit = async (data: AccessFormData) => {
+    setSaving(true);
+    setMessage(null);
+
+    const sharingPayload: PortalSharingConfig = {
+      ...initialSharing,
+      enabled: data.enabled,
+      allowPublicVoting: data.allowPublicVoting,
+      allowPublicComments: data.allowPublicComments,
+      showVoteCount: data.showVoteCount,
+      showAuthor: data.showAuthor,
+    };
+
+    const seoPayload: PortalSeoConfig = {
+      ...initialSeo,
+      noIndex: data.noIndex,
+    };
+
+    const sharingResult = await updatePortalSettings(organizationId, "sharing", sharingPayload);
+
+    if (!sharingResult.success) {
+      setMessage({ type: "error", text: sharingResult.error || "保存失败" });
+      setSaving(false);
+      return;
+    }
+
+    const seoResult = await updatePortalSettings(organizationId, "seo", seoPayload);
+
+    if (seoResult.success) {
+      setMessage({ type: "success", text: "可见性设置已保存" });
+    } else {
+      setMessage({ type: "error", text: seoResult.error || "保存失败" });
+    }
+
+    setSaving(false);
+  };
+
+  return (
+    <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+      <SwitchField
+        id="enabled"
+        label="公开 Portal"
+        description="关闭后访客无法访问公开门户"
+        checked={enabled}
+        onCheckedChange={(checked) => form.setValue("enabled", checked)}
+      />
+
+      <SwitchField
+        id="allowPublicVoting"
+        label="允许公开投票"
+        description="访客无需登录即可投票"
+        checked={allowPublicVoting}
+        onCheckedChange={(checked) => form.setValue("allowPublicVoting", checked)}
+      />
+
+      <SwitchField
+        id="allowPublicComments"
+        label="允许公开评论"
+        description="访客无需登录即可评论"
+        checked={allowPublicComments}
+        onCheckedChange={(checked) => form.setValue("allowPublicComments", checked)}
+      />
+
+      <SwitchField
+        id="showVoteCount"
+        label="显示投票数量"
+        description="在反馈列表中显示投票计数"
+        checked={showVoteCount}
+        onCheckedChange={(checked) => form.setValue("showVoteCount", checked)}
+      />
+
+      <SwitchField
+        id="showAuthor"
+        label="显示提交者"
+        description="显示反馈提交者名称"
+        checked={showAuthor}
+        onCheckedChange={(checked) => form.setValue("showAuthor", checked)}
+      />
+
+      <SwitchField
+        id="noIndex"
+        label="阻止搜索引擎索引"
+        description="启用后搜索引擎将不会收录此页面"
+        checked={noIndex}
+        onCheckedChange={(checked) => form.setValue("noIndex", checked)}
+      />
+
+      <div className="flex items-center gap-4">
+        <Button type="submit" disabled={saving}>
+          {saving && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+          保存更改
+        </Button>
+        {message && (
+          <p
+            className={`text-sm ${
+              message.type === "success" ? "text-green-600" : "text-destructive"
+            }`}
+          >
+            {message.text}
+          </p>
+        )}
+      </div>
+    </form>
+  );
+}

package/components/portal/settings-forms/copy-form.tsx

@@ -0,0 +1,95 @@
+"use client";
+
+
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { useState } from "react";
+import { useTranslations } from "next-intl";
+import { useForm } from "react-hook-form";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Loader2 } from "lucide-react";
+import { updatePortalSettings } from "@/lib/services/portal-settings";
+import type { PortalCopyConfig } from "@/lib/db/schema";
+
+interface CopyFormProps {
+  organizationId: string;
+  initialData?: PortalCopyConfig;
+}
+
+type CopyFormData = Pick<PortalCopyConfig, "title">;
+
+export function CopyForm({ organizationId, initialData }: CopyFormProps) {
+  const t = useTranslations("settings.portal.branding.copyForm");
+  const [saving, setSaving] = useState(false);
+  const [message, setMessage] = useState<{ type: "success" | "error"; text: string } | null>(null);
+
+  const form = useForm<CopyFormData>({
+    defaultValues: {
+      title: initialData?.title ?? t("defaults.title"),
+    },
+  });
+
+  const onSubmit = async (data: CopyFormData) => {
+    setSaving(true);
+    setMessage(null);
+
+    const result = await updatePortalSettings(organizationId, "copy", data);
+
+    if (result.success) {
+      setMessage({ type: "success", text: t("status.saved") });
+    } else {
+      setMessage({ type: "error", text: result.error || t("status.saveFailed") });
+    }
+
+    setSaving(false);
+  };
+
+  return (
+    <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+      {/* Title */}
+      <div className="space-y-2">
+        <Label htmlFor="title">{t("labels.title")}</Label>
+        <Input
+          id="title"
+          placeholder={t("placeholders.title")}
+          {...form.register("title")}
+        />
+        <p className="text-sm text-muted-foreground">{t("help.title")}</p>
+      </div>
+
+      {/* Submit */}
+      <div className="flex items-center gap-4">
+        <Button type="submit" disabled={saving}>
+          {saving && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+          {t("buttons.save")}
+        </Button>
+        {message && (
+          <p
+            className={`text-sm ${
+              message.type === "success" ? "text-green-600" : "text-destructive"
+            }`}
+          >
+            {message.text}
+          </p>
+        )}
+      </div>
+    </form>
+  );
+}

package/components/portal/settings-forms/index.ts

@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+export { ThemeForm } from "./theme-form";
+export { CopyForm } from "./copy-form";
+export { SeoForm } from "./seo-form";
+export { SharingForm } from "./sharing-form";
+export { LanguagesForm } from "./languages-form";
+export { PortalAccessForm } from "./access-form";

package/components/portal/settings-forms/languages-form.tsx

@@ -0,0 +1,223 @@
+"use client";
+
+
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { useState } from "react";
+import { useForm, useFieldArray, useWatch } from "react-hook-form";
+import { Button } from "@/components/ui/button";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Loader2, Plus, X } from "lucide-react";
+import { updatePortalSettings } from "@/lib/services/portal-settings";
+
+interface LanguagesFormProps {
+  organizationId: string;
+  initialLanguages?: string[];
+  initialDefaultLanguage?: string;
+}
+
+const availableLanguages = [
+  { code: "zh-CN", label: "简体中文" },
+  { code: "zh-TW", label: "繁體中文" },
+  { code: "en", label: "English" },
+  { code: "ja", label: "日本語" },
+  { code: "ko", label: "한국어" },
+  { code: "de", label: "Deutsch" },
+  { code: "fr", label: "Français" },
+  { code: "es", label: "Español" },
+  { code: "pt", label: "Português" },
+  { code: "ru", label: "Русский" },
+] as const;
+
+type FormData = {
+  languages: { code: string }[];
+  defaultLanguage: string;
+};
+
+export function LanguagesForm({
+  organizationId,
+  initialLanguages,
+  initialDefaultLanguage,
+}: LanguagesFormProps) {
+  const [saving, setSaving] = useState(false);
+  const [message, setMessage] = useState<{ type: "success" | "error"; text: string } | null>(null);
+
+  const form = useForm<FormData>({
+    defaultValues: {
+      languages: (initialLanguages ?? ["zh-CN"]).map((code) => ({ code })),
+      defaultLanguage: initialDefaultLanguage ?? "zh-CN",
+    },
+  });
+
+  const { fields, append, remove } = useFieldArray({
+    control: form.control,
+    name: "languages",
+  });
+
+  const watchLanguages = useWatch({ control: form.control, name: "languages" }) ?? [];
+  const defaultLanguage = useWatch({ control: form.control, name: "defaultLanguage" }) ?? "zh-CN";
+  const selectedCodes = watchLanguages.map((l) => l.code);
+
+  const onSubmit = async (data: FormData) => {
+    setSaving(true);
+    setMessage(null);
+
+    const languageCodes = data.languages.map((l) => l.code);
+    
+    // Update languages array
+    const result = await updatePortalSettings(organizationId, "languages", languageCodes);
+
+    if (result.success) {
+      // Also update defaultLanguage
+      await updatePortalSettings(organizationId, "defaultLanguage" as never, data.defaultLanguage as never);
+      setMessage({ type: "success", text: "语言设置已保存" });
+    } else {
+      setMessage({ type: "error", text: result.error || "保存失败" });
+    }
+
+    setSaving(false);
+  };
+
+  const getLanguageLabel = (code: string) => {
+    return availableLanguages.find((l) => l.code === code)?.label ?? code;
+  };
+
+  return (
+    <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+      {/* Default Language */}
+      <div className="space-y-2">
+        <Label htmlFor="defaultLanguage">默认语言</Label>
+        <Select
+          value={defaultLanguage}
+          onValueChange={(value) => form.setValue("defaultLanguage", value)}
+        >
+          <SelectTrigger id="defaultLanguage">
+            <SelectValue placeholder="选择默认语言" />
+          </SelectTrigger>
+          <SelectContent>
+            {watchLanguages.map((lang) => (
+              <SelectItem key={lang.code} value={lang.code}>
+                {getLanguageLabel(lang.code)}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+        <p className="text-sm text-muted-foreground">Portal 加载时使用的语言</p>
+      </div>
+
+      {/* Supported Languages */}
+      <div className="space-y-4">
+        <div className="flex items-center justify-between">
+          <Label>支持的语言</Label>
+          <Button
+            type="button"
+            variant="outline"
+            size="sm"
+            onClick={() => {
+              const available = availableLanguages.find(
+                (l) => !selectedCodes.includes(l.code)
+              );
+              if (available) {
+                append({ code: available.code });
+              }
+            }}
+            disabled={selectedCodes.length >= availableLanguages.length}
+          >
+            <Plus className="mr-1 h-4 w-4" />
+            添加语言
+          </Button>
+        </div>
+
+        <div className="space-y-2">
+          {fields.map((field, index) => (
+            <div key={field.id} className="flex items-center gap-2">
+              <Select
+                value={field.code}
+                onValueChange={(value) => {
+                  form.setValue(`languages.${index}.code`, value);
+                }}
+              >
+                <SelectTrigger className="flex-1">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  {availableLanguages
+                    .filter(
+                      (l) => l.code === field.code || !selectedCodes.includes(l.code)
+                    )
+                    .map((lang) => (
+                      <SelectItem key={lang.code} value={lang.code}>
+                        {lang.label}
+                      </SelectItem>
+                    ))}
+                </SelectContent>
+              </Select>
+              {fields.length > 1 && (
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="icon"
+                  onClick={() => {
+                    // If removing default language, update default
+                    if (defaultLanguage === field.code) {
+                      const remaining = watchLanguages.filter((_, i) => i !== index);
+                      if (remaining.length > 0) {
+                        form.setValue("defaultLanguage", remaining[0].code);
+                      }
+                    }
+                    remove(index);
+                  }}
+                >
+                  <X className="h-4 w-4" />
+                </Button>
+              )}
+            </div>
+          ))}
+        </div>
+
+        <p className="text-sm text-muted-foreground">
+          用户可以在 Portal 中切换的语言选项
+        </p>
+      </div>
+
+      {/* Submit */}
+      <div className="flex items-center gap-4">
+        <Button type="submit" disabled={saving}>
+          {saving && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+          保存更改
+        </Button>
+        {message && (
+          <p
+            className={`text-sm ${
+              message.type === "success" ? "text-green-600" : "text-destructive"
+            }`}
+          >
+            {message.text}
+          </p>
+        )}
+      </div>
+    </form>
+  );
+}