openxiangda 1.0.67 → 1.0.69

package/templates/openxiangda-react-spa/src/pages/admin/RuntimeWorkspacePage.tsx

@@ -1,219 +0,0 @@
-import {
-  Activity,
-  CheckCircle2,
-  Clock3,
-  Cookie,
-  Database,
-  FileText,
-  GitBranch,
-  Rocket,
-  ShieldCheck,
-  Sparkles,
-  Workflow,
-} from "lucide-react";
-import type { ReactNode } from "react";
-import { useRuntimeBootstrap } from "openxiangda/runtime/react";
-
-import {
-  MacDiagnosticPanel,
-  MacListItem,
-  MacMetricCard,
-  MacPageHeader,
-  MacPanel,
-  MacPrimaryButton,
-  MacSecondaryButton,
-  MacStatusPill,
-  MacTrendBars,
-} from "@/shared/mac-admin";
-
-const metrics = [
-  {
-    caption: "较昨日 +12.4%，来自用户门户与公开页。",
-    icon: Activity,
-    label: "页面访问",
-    tone: "blue" as const,
-    value: "24,680",
-  },
-  {
-    caption: "流程节点、办理任务和待确认数据。",
-    icon: Clock3,
-    label: "待处理",
-    tone: "amber" as const,
-    value: "18",
-  },
-  {
-    caption: "表单、流程和数据列表均由 SDK 默认页承载。",
-    icon: FileText,
-    label: "默认页",
-    tone: "emerald" as const,
-    value: "6",
-  },
-  {
-    caption: "Playwright 可使用真实用户一次性登录验证。",
-    icon: Sparkles,
-    label: "AI 校验",
-    tone: "violet" as const,
-    value: "Ready",
-  },
-];
-
-const activities = [
-  { icon: <CheckCircle2 size={17} />, text: "加载应用菜单与当前用户页面权限。", tone: "emerald" as const },
-  { icon: <GitBranch size={17} />, text: "React Router 接管 /view 下的应用路由。", tone: "blue" as const },
-  { icon: <ShieldCheck size={17} />, text: "后端继续兜底表单、字段、数据和流程权限。", tone: "amber" as const },
-  { icon: <Sparkles size={17} />, text: "AI 验证登录以真实用户身份进入页面。", tone: "violet" as const },
-];
-
-const tasks = [
-  { label: "运行时需求", meta: "普通表单 · 待提交", tone: "blue" as const },
-  { label: "运行时审批", meta: "流程表单 · 待处理", tone: "amber" as const },
-  { label: "用户门户", meta: "页面权限 · 已发布", tone: "emerald" as const },
-  { label: "公开访问", meta: "ticket 链路 · 待验证", tone: "violet" as const },
-];
-
-export function RuntimeWorkspacePage() {
-  const runtime = useRuntimeBootstrap();
-  const appName = String(runtime.data?.app?.name || "OpenXiangda React SPA");
-  const appType = runtime.appType || String(runtime.data?.appType || "");
-  const buildId = String(runtime.data?.runtime?.activeBuildId || "local-dev");
-  const releaseId = String(runtime.data?.runtime?.activeReleaseId || "draft");
-
-  return (
-    <div className="min-w-0 space-y-5">
-      <MacPageHeader
-        actions={
-          <>
-            <MacSecondaryButton>
-              <Database size={17} />
-              同步资源
-            </MacSecondaryButton>
-            <MacPrimaryButton>
-              <Rocket size={17} />
-              发布版本
-            </MacPrimaryButton>
-          </>
-        }
-        description="应用路由、布局、用户门户、公开访问和默认表单页均由当前 React SPA 接管；平台继续负责登录、权限、数据和流程接口。"
-        eyebrow="Runtime Workspace"
-        meta={
-          <>
-            <MacStatusPill tone="emerald">SDK 已连接</MacStatusPill>
-            <MacStatusPill tone="blue">Cookie 同域代理</MacStatusPill>
-            <MacStatusPill tone="amber">后端权限兜底</MacStatusPill>
-            <MacStatusPill tone="violet">React SPA</MacStatusPill>
-          </>
-        }
-        title={appName}
-      />
-
-      <section className="grid min-w-0 gap-4 md:grid-cols-2 xl:grid-cols-4">
-        {metrics.map(metric => (
-          <MacMetricCard key={metric.label} {...metric} />
-        ))}
-      </section>
-
-      <section className="grid min-w-0 gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(320px,0.65fr)]">
-        <MacPanel
-          description="用于检查新应用运行质量、AI 验证覆盖度和默认页接入情况。"
-          title="运行概览"
-        >
-          <div className="grid min-w-0 gap-4 lg:grid-cols-[minmax(0,1fr)_280px]">
-            <div className="min-w-0">
-              <MacTrendBars tone="blue" values={[36, 48, 42, 66, 58, 78, 86, 71, 92, 88, 104, 118]} />
-              <div className="mt-4 grid gap-3 sm:grid-cols-3">
-                <RuntimeChip icon={<Cookie size={17} />} label="Service Proxy" value="/service" />
-                <RuntimeChip icon={<ShieldCheck size={17} />} label="Route Guard" value="backend" />
-                <RuntimeChip icon={<Workflow size={17} />} label="Workflow" value="enabled" />
-              </div>
-            </div>
-            <div className="rounded-2xl border border-slate-200/80 bg-slate-950 p-5 text-white">
-              <div className="text-sm text-slate-300">AI 验证覆盖</div>
-              <div
-                className="mx-auto mt-6 grid h-36 w-36 place-items-center rounded-full"
-                style={{ background: "conic-gradient(#22c55e 0 72%, #38bdf8 72% 88%, #f59e0b 88% 100%)" }}
-              >
-                <div className="grid h-24 w-24 place-items-center rounded-full bg-slate-950 text-center">
-                  <span className="text-3xl font-semibold">88%</span>
-                  <span className="-mt-4 text-xs text-slate-400">verified</span>
-                </div>
-              </div>
-              <div className="mt-5 grid gap-2 text-xs text-slate-300">
-                <span>真实用户登录链路</span>
-                <span>默认页 + override 双路径</span>
-                <span>401 / 403 状态分离</span>
-              </div>
-            </div>
-          </div>
-        </MacPanel>
-
-        <MacPanel title="待办与入口" description="这些入口可以替换成你的真实业务菜单。">
-          <div className="space-y-3">
-            {tasks.map(task => (
-              <MacListItem key={task.label} tone={task.tone}>
-                <div className="flex items-center justify-between gap-3">
-                  <div className="min-w-0">
-                    <div className="truncate text-sm font-semibold text-slate-950">{task.label}</div>
-                    <div className="mt-1 truncate text-xs text-slate-500">{task.meta}</div>
-                  </div>
-                  <span className="rounded-full bg-slate-100 px-2.5 py-1 text-xs text-slate-500">open</span>
-                </div>
-              </MacListItem>
-            ))}
-          </div>
-        </MacPanel>
-      </section>
-
-      <section className="grid min-w-0 gap-4 xl:grid-cols-[minmax(0,1fr)_380px]">
-        <MacPanel title="最近活动">
-          <div className="grid gap-3 md:grid-cols-2">
-            {activities.map(activity => (
-              <MacListItem icon={activity.icon} key={activity.text} tone={activity.tone}>
-                <div className="text-sm leading-6 text-slate-600">{activity.text}</div>
-              </MacListItem>
-            ))}
-          </div>
-        </MacPanel>
-
-        <MacPanel title="运行环境" description="诊断信息默认收起，避免首页出现横向滚动。">
-          <div className="space-y-3 text-sm">
-            <InfoRow label="appType" value={appType} />
-            <InfoRow label="buildId" value={buildId} />
-            <InfoRow label="releaseId" value={releaseId} />
-            <InfoRow label="mode" value={String(runtime.data?.runtime?.mode || "react-spa")} />
-          </div>
-        </MacPanel>
-      </section>
-
-      <MacDiagnosticPanel data={runtime.data} title="Runtime Bootstrap" />
-    </div>
-  );
-}
-
-function RuntimeChip({
-  icon,
-  label,
-  value,
-}: {
-  icon: ReactNode;
-  label: string;
-  value: string;
-}) {
-  return (
-    <div className="rounded-2xl border border-slate-200/80 bg-white/75 p-3">
-      <div className="flex items-center gap-2 text-xs text-slate-500">
-        <span className="text-blue-600">{icon}</span>
-        {label}
-      </div>
-      <div className="mt-2 truncate text-sm font-semibold text-slate-950">{value}</div>
-    </div>
-  );
-}
-
-function InfoRow({ label, value }: { label: string; value: string }) {
-  return (
-    <div className="flex min-w-0 items-center justify-between gap-3 rounded-xl bg-slate-50 px-3 py-2">
-      <span className="shrink-0 text-xs font-medium text-slate-500">{label}</span>
-      <span className="min-w-0 truncate text-xs font-semibold text-slate-800">{value}</span>
-    </div>
-  );
-}