نسخهٔ وب مستقل — پلتفرم نیروی کار هوش مصنوعی

مخزن اختصاصی برنامهٔ وب؛ محتوای پوشهٔ web در ریشهٔ مخزن قرار گرفت. تاریخچهٔ پروژهٔ ربات (agy-bot) در این مخزن وجود ندارد و هیچ وابستگی runtime به آن نیست.
2026-10-13 00:39:28 +03:30
commit 717e53a7ce
185 changed files with 39910 additions and 0 deletions
@@ -0,0 +1,87 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import * as React from "react";
+import { Button, Card, CardHint, CardTitle, ErrorState, Field, LoadingState } from "@agy/ui";
+import { ApiError, api } from "@/lib/api";
+import { useSession } from "@/lib/session";
+
+/** First-run flow: create the user's first organization. */
+export default function OnboardingPage() {
+  const router = useRouter();
+  const { ready, user, organizations, refresh } = useSession();
+  const [name, setName] = React.useState("");
+  const [error, setError] = React.useState<string | null>(null);
+  const [submitting, setSubmitting] = React.useState(false);
+
+  React.useEffect(() => {
+    if (ready && !user) router.replace("/login");
+  }, [ready, user, router]);
+
+  const onSubmit = async (event: React.FormEvent) => {
+    event.preventDefault();
+    setError(null);
+    setSubmitting(true);
+    try {
+      await api.createOrganization(name.trim());
+      await refresh();
+      router.replace("/dashboard");
+    } catch (err) {
+      setError(err instanceof ApiError ? err.message : "ساخت سازمان ناموفق بود.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  if (!ready) {
+    return (
+      <div className="flex min-h-screen items-center justify-center p-8">
+        <LoadingState />
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex min-h-screen items-center justify-center p-5">
+      <Card className="w-full max-w-md">
+        <CardTitle>ساخت اولین سازمان</CardTitle>
+        <CardHint>
+          سازمان ظرف اصلی محصول است: اعضا، پروژه‌ها، کارمندهای هوش مصنوعی و مصرف
+          همه به سازمان تعلق دارند.
+        </CardHint>
+
+        {organizations.length > 0 && (
+          <div className="mt-4 flex flex-col gap-2">
+            <p className="text-xs text-slate-400">سازمان‌های فعلی شما:</p>
+            {organizations.map((org) => (
+              <button
+                key={org.id}
+                type="button"
+                onClick={() => router.replace("/dashboard")}
+                className="rounded-lg border border-surface-border px-3 py-2 text-right text-xs text-slate-200 hover:bg-surface-overlay"
+              >
+                {org.name}
+              </button>
+            ))}
+            <div className="my-2 border-t border-surface-border" />
+          </div>
+        )}
+
+        <form onSubmit={onSubmit} className="mt-4 flex flex-col gap-4">
+          <Field
+            label="نام سازمان"
+            required
+            minLength={2}
+            value={name}
+            onChange={(e) => setName(e.target.value)}
+            placeholder="مثلاً شرکت نمونه"
+          />
+          {error && <ErrorState title="ساخت سازمان ناموفق" message={error} />}
+          <Button type="submit" loading={submitting}>
+            ساخت سازمان
+          </Button>
+        </form>
+      </Card>
+    </div>
+  );
+}