Kyeongmin
0f0d3fa91f
Mirror of design_agent_front/design-agent/ for shipping alongside backend.
Vite plugin (vitePluginPhaseZApi) endpoints :
- POST /api/run — spawn `python -m src.phase_z2_pipeline` with overrides
- GET /api/sample-mdx?mdx=03/04/05 — fixed sample MDX
- GET /frame-preview/{n} — figma preview thumbnails
- GET /data/runs/{run_id}/{path} — pipeline artifacts (final.html, step*.json, ...)
Env toggle forward (보고용) :
PHASE_Z_ALLOW_RESTRUCTURE / PHASE_Z_ALLOW_REJECT / PHASE_Z_MAX_RANK=32
Components :
- LeftMdxPanel (03/04/05 fix list + section tree)
- SlideCanvas (iframe + slideOverrideCss prop for inline CSS inject)
- FramePanel (label priority + confidence sort)
- LayoutPanel
README with mermaid diagrams covering the 5-step demo flow.
node_modules / dist / .manus-logs / .env excluded via .gitignore.
86 lines
2.3 KiB
TypeScript
86 lines
2.3 KiB
TypeScript
import { useEffect, useState } from "react";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogFooter,
|
|
DialogTitle,
|
|
} from "@/components/ui/dialog";
|
|
|
|
interface ManusDialogProps {
|
|
title?: string;
|
|
logo?: string;
|
|
open?: boolean;
|
|
onLogin: () => void;
|
|
onOpenChange?: (open: boolean) => void;
|
|
onClose?: () => void;
|
|
}
|
|
|
|
export function ManusDialog({
|
|
title,
|
|
logo,
|
|
open = false,
|
|
onLogin,
|
|
onOpenChange,
|
|
onClose,
|
|
}: ManusDialogProps) {
|
|
const [internalOpen, setInternalOpen] = useState(open);
|
|
|
|
useEffect(() => {
|
|
if (!onOpenChange) {
|
|
setInternalOpen(open);
|
|
}
|
|
}, [open, onOpenChange]);
|
|
|
|
const handleOpenChange = (nextOpen: boolean) => {
|
|
if (onOpenChange) {
|
|
onOpenChange(nextOpen);
|
|
} else {
|
|
setInternalOpen(nextOpen);
|
|
}
|
|
|
|
if (!nextOpen) {
|
|
onClose?.();
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Dialog
|
|
open={onOpenChange ? open : internalOpen}
|
|
onOpenChange={handleOpenChange}
|
|
>
|
|
<DialogContent className="py-5 bg-[#f8f8f7] rounded-[20px] w-[400px] shadow-[0px_4px_11px_0px_rgba(0,0,0,0.08)] border border-[rgba(0,0,0,0.08)] backdrop-blur-2xl p-0 gap-0 text-center">
|
|
<div className="flex flex-col items-center gap-2 p-5 pt-12">
|
|
{logo ? (
|
|
<div className="w-16 h-16 bg-white rounded-xl border border-[rgba(0,0,0,0.08)] flex items-center justify-center">
|
|
<img src={logo} alt="Dialog graphic" className="w-10 h-10 rounded-md" />
|
|
</div>
|
|
) : null}
|
|
|
|
{/* Title and subtitle */}
|
|
{title ? (
|
|
<DialogTitle className="text-xl font-semibold text-[#34322d] leading-[26px] tracking-[-0.44px]">
|
|
{title}
|
|
</DialogTitle>
|
|
) : null}
|
|
<DialogDescription className="text-sm text-[#858481] leading-5 tracking-[-0.154px]">
|
|
Please login with Manus to continue
|
|
</DialogDescription>
|
|
</div>
|
|
|
|
<DialogFooter className="px-5 py-5">
|
|
{/* Login button */}
|
|
<Button
|
|
onClick={onLogin}
|
|
className="w-full h-10 bg-[#1a1a19] hover:bg-[#1a1a19]/90 text-white rounded-[10px] text-sm font-medium leading-5 tracking-[-0.154px]"
|
|
>
|
|
Login with Manus
|
|
</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
}
|