agentic-dev 0.2.9 → 0.2.11

package/client/admin/src/pages/AdminLoginPage.tsx

@@ -1,75 +0,0 @@
-import { ShieldCheck } from "lucide-react";
-import { useState } from "react";
-import { Navigate, useLocation } from "react-router-dom";
-
-import { useAuth } from "@/auth/AuthProvider";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { adminTheme } from "@/theme";
-import { adminThemeVars } from "@/theme-vars";
-
-export function AdminLoginPage() {
-  const { authenticating, login, user } = useAuth();
-  const location = useLocation();
-  const [email, setEmail] = useState("admin@example.com");
-  const [password, setPassword] = useState("");
-  const [error, setError] = useState<string | null>(null);
-
-  if (user) {
-    const destination = (location.state as { from?: { pathname?: string } } | null)?.from?.pathname ?? "/";
-    return <Navigate to={destination} replace />;
-  }
-
-  async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
-    event.preventDefault();
-    setError(null);
-
-    try {
-      await login({ email, password });
-    } catch (submitError) {
-      setError(submitError instanceof Error ? submitError.message : "로그인에 실패했습니다.");
-    }
-  }
-
-  return (
-    <div className="min-h-screen bg-[var(--admin-shell-bg)] px-6 py-10 text-[#283042]" style={adminThemeVars(adminTheme)}>
-      <div className="mx-auto grid max-w-6xl overflow-hidden rounded-[36px] border border-[var(--admin-border)] bg-white shadow-[0_30px_80px_rgba(20,27,40,0.18)] lg:grid-cols-[1fr_440px]">
-        <section className="bg-[#232a39] px-8 py-10 text-white sm:px-12 sm:py-14">
-          <div className="inline-flex items-center gap-3 rounded-full bg-white/10 px-4 py-2 text-sm font-semibold">
-            <ShieldCheck className="h-4 w-4" />
-            Admin console
-          </div>
-          <h1 className="mt-8 text-4xl font-black tracking-[-0.04em]">운영 콘솔 실로그인</h1>
-          <p className="mt-5 max-w-md text-base leading-7 text-white/72">
-            토큰을 저장한 뒤 `auth/me`를 재호출해서 운영 셸 진입 전 인증 상태를 검증합니다.
-          </p>
-        </section>
-
-        <section className="px-8 py-10 sm:px-10 sm:py-14">
-          <form className="space-y-5" onSubmit={handleSubmit}>
-            <div>
-              <p className="text-sm font-semibold uppercase tracking-[0.18em] text-[#f0447d]">Restricted access</p>
-              <h2 className="mt-3 text-3xl font-black text-[#232a39]">Sign in</h2>
-            </div>
-
-            <label className="block space-y-2">
-              <span className="text-sm font-semibold text-[#3a4354]">Email</span>
-              <Input type="email" value={email} onChange={(event) => setEmail(event.target.value)} required />
-            </label>
-
-            <label className="block space-y-2">
-              <span className="text-sm font-semibold text-[#3a4354]">Password</span>
-              <Input type="password" value={password} onChange={(event) => setPassword(event.target.value)} required />
-            </label>
-
-            {error ? <p className="text-sm font-medium text-[#cc2f5c]">{error}</p> : null}
-
-            <Button className="w-full" type="submit" disabled={authenticating}>
-              {authenticating ? "Signing in..." : "Open admin console"}
-            </Button>
-          </form>
-        </section>
-      </div>
-    </div>
-  );
-}

package/client/admin/src/pages/AdminQueuePage.tsx

@@ -1,107 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { useAuth } from "@/auth/AuthProvider";
-import { fetchAdminQueue, type AdminQueueItem } from "@/api/orders";
-
-export function AdminQueuePage() {
-  const { token } = useAuth();
-  const [rows, setRows] = useState<AdminQueueItem[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    if (!token?.access_token) {
-      return;
-    }
-
-    let cancelled = false;
-
-    setLoading(true);
-    setError(null);
-
-    fetchAdminQueue(token.access_token)
-      .then((response) => {
-        if (!cancelled) {
-          setRows(response);
-        }
-      })
-      .catch((nextError: Error) => {
-        if (!cancelled) {
-          setError(nextError.message);
-          setRows([]);
-        }
-      })
-      .finally(() => {
-        if (!cancelled) {
-          setLoading(false);
-        }
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [token?.access_token]);
-
-  return (
-    <div className="space-y-6">
-      <div className="rounded-[var(--admin-card-radius)] border border-[var(--admin-border)] bg-white p-6">
-        <h1 className="text-lg font-bold">거래관리</h1>
-        <p className="mt-2 text-sm text-[var(--admin-muted)]">
-          총 <span className="font-semibold text-[#202939]">{loading ? "..." : rows.length}</span>건의 거래
-        </p>
-      </div>
-
-      <div className="rounded-[var(--admin-card-radius)] border border-[var(--admin-border)] bg-white">
-        <table className="w-full border-collapse text-sm">
-          <thead className="bg-[#f8fafe] text-left text-[#516174]">
-            <tr>
-              {["주문ID", "상품", "고객", "상태", "SLA"].map((cell) => (
-                <th key={cell} className="border-b border-r border-[var(--admin-border)] px-4 py-4 font-semibold last:border-r-0">
-                  {cell}
-                </th>
-              ))}
-            </tr>
-          </thead>
-          <tbody>
-            {loading ? (
-              <tr>
-                <td className="border-b border-[var(--admin-border)] px-4 py-4 text-[var(--admin-muted)]" colSpan={5}>
-                  거래 큐를 불러오는 중입니다.
-                </td>
-              </tr>
-            ) : null}
-            {error ? (
-              <tr>
-                <td className="border-b border-[var(--admin-border)] px-4 py-4 text-[var(--admin-danger)]" colSpan={5}>
-                  {error}
-                </td>
-              </tr>
-            ) : null}
-            {!loading && !error && !rows.length ? (
-              <tr>
-                <td className="border-b border-[var(--admin-border)] px-4 py-4 text-[var(--admin-muted)]" colSpan={5}>
-                  현재 표시할 거래가 없습니다.
-                </td>
-              </tr>
-            ) : null}
-            {rows.map((row) => (
-              <tr key={row.order_id}>
-                <td className="border-b border-r border-[var(--admin-border)] px-4 py-4 align-middle last:border-r-0">{row.order_id}</td>
-                <td className="border-b border-r border-[var(--admin-border)] px-4 py-4 align-middle last:border-r-0">{row.product_name}</td>
-                <td className="border-b border-r border-[var(--admin-border)] px-4 py-4 align-middle last:border-r-0">{row.customer_name}</td>
-                <td
-                  className={`border-b border-r border-[var(--admin-border)] px-4 py-4 align-middle last:border-r-0 ${
-                    row.status === "Exception" ? "text-[var(--admin-danger)]" : ""
-                  }`}
-                >
-                  {row.status}
-                </td>
-                <td className="border-b border-r border-[var(--admin-border)] px-4 py-4 align-middle last:border-r-0">{row.sla}</td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  );
-}

package/client/admin/src/pages/AdminSupportPage.tsx

@@ -1,61 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { useAuth } from "@/auth/AuthProvider";
-import { fetchSupportFaqs, type SupportFaq } from "@/api/support";
-
-export function AdminSupportPage() {
-  const { token } = useAuth();
-  const [faqs, setFaqs] = useState<SupportFaq[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    if (!token?.access_token) {
-      return;
-    }
-
-    let cancelled = false;
-
-    setLoading(true);
-    setError(null);
-
-    fetchSupportFaqs(token.access_token)
-      .then((response) => {
-        if (!cancelled) {
-          setFaqs(response);
-        }
-      })
-      .catch((nextError: Error) => {
-        if (!cancelled) {
-          setError(nextError.message);
-          setFaqs([]);
-        }
-      })
-      .finally(() => {
-        if (!cancelled) {
-          setLoading(false);
-        }
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [token?.access_token]);
-
-  return (
-    <div className="rounded-[var(--admin-card-radius)] border border-[var(--admin-border)] bg-white p-6">
-      <h1 className="text-lg font-bold">FAQ 관리</h1>
-      <div className="mt-6 space-y-3">
-        {loading ? <div className="text-sm text-[var(--admin-muted)]">FAQ를 불러오는 중입니다.</div> : null}
-        {error ? <div className="text-sm font-semibold text-[var(--admin-danger)]">{error}</div> : null}
-        {!loading && !error && !faqs.length ? <div className="text-sm text-[var(--admin-muted)]">등록된 FAQ가 없습니다.</div> : null}
-        {faqs.map((item) => (
-          <div key={item.id} className="flex items-center justify-between rounded-xl border border-[var(--admin-border)] px-4 py-3">
-            <span>{item.question}</span>
-            <span className="text-sm text-[var(--admin-muted)]">{item.visibility}</span>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}

package/client/admin/src/styles/globals.css

@@ -1,17 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  color-scheme: light;
-  font-family: "SUIT", "Pretendard", "Noto Sans KR", sans-serif;
-}
-
-body {
-  margin: 0;
-  background: var(--admin-shell-bg, #f5f7fb);
-}
-
-* {
-  box-sizing: border-box;
-}

package/client/admin/src/theme-vars.ts

@@ -1,18 +0,0 @@
-import type { CSSProperties } from "react";
-
-import type { AdminTheme } from "./theme";
-
-export function adminThemeVars(theme: AdminTheme): CSSProperties {
-  return {
-    "--admin-rail-width": theme.railWidth,
-    "--admin-topbar-height": theme.topbarHeight,
-    "--admin-drawer-width": theme.drawerWidth,
-    "--admin-shell-bg": theme.shellBg,
-    "--admin-rail-bg": theme.railBg,
-    "--admin-border": theme.border,
-    "--admin-card-radius": theme.cardRadius,
-    "--admin-danger": theme.danger,
-    "--admin-accent": theme.accent,
-    "--admin-muted": theme.muted,
-  } as CSSProperties;
-}

package/client/admin/src/theme.ts

@@ -1,25 +0,0 @@
-export type AdminTheme = {
-  railWidth: string;
-  topbarHeight: string;
-  drawerWidth: string;
-  shellBg: string;
-  railBg: string;
-  border: string;
-  cardRadius: string;
-  danger: string;
-  accent: string;
-  muted: string;
-};
-
-export const adminTheme: AdminTheme = {
-  railWidth: "232px",
-  topbarHeight: "88px",
-  drawerWidth: "452px",
-  shellBg: "#f5f7fb",
-  railBg: "#202632",
-  border: "#e7ebf1",
-  cardRadius: "18px",
-  danger: "#e06a57",
-  accent: "#f0447d",
-  muted: "#738095",
-};

package/client/admin/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/client/admin/tailwind.config.js

@@ -1,8 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ["./index.html", "./src/**/*.{ts,tsx}"],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};

package/client/admin/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  },
-  "include": ["src"],
-  "references": []
-}

package/client/admin/vite.config.ts

@@ -1,12 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import { fileURLToPath, URL } from "node:url";
-
-export default defineConfig({
-  plugins: [react()],
-  resolve: {
-    alias: {
-      "@": fileURLToPath(new URL("./src", import.meta.url)),
-    },
-  },
-});

package/client/landing/.dockerignore

@@ -1,3 +0,0 @@
-node_modules
-dist
-.env

package/client/landing/.env.example

@@ -1 +0,0 @@
-VITE_API_BASE_URL=http://127.0.0.1:8000/api/v1

package/client/landing/Dockerfile

@@ -1,16 +0,0 @@
-FROM node:20-slim
-
-WORKDIR /app
-
-COPY pnpm-lock.yaml pnpm-workspace.yaml ./
-COPY client/landing/package.json ./client/landing/package.json
-
-RUN npm install -g pnpm@10.32.0 && pnpm install --filter @do4ai/client-landing-template...
-
-COPY . .
-
-WORKDIR /app/client/landing
-
-EXPOSE 3000
-
-CMD ["pnpm", "dev", "--host", "0.0.0.0", "--port", "3000"]

package/client/landing/Dockerfile.dev

@@ -1,18 +0,0 @@
-FROM node:20-slim
-
-WORKDIR /app
-
-RUN npm install -g pnpm@10.32.0
-
-COPY pnpm-lock.yaml pnpm-workspace.yaml ./
-COPY client/landing/package.json ./client/landing/package.json
-
-RUN pnpm install --frozen-lockfile --filter @do4ai/client-landing-template...
-
-COPY client/landing ./client/landing
-
-WORKDIR /app/client/landing
-
-EXPOSE 3000
-
-CMD ["sh", "-lc", "pnpm exec vite --host 0.0.0.0 --port ${PORT:-3000}"]

package/client/landing/README.md

@@ -1,18 +0,0 @@
-# landing
-
-브랜드/마케팅 랜딩 페이지 보일러플레이트다.
-
-포함 패턴:
-
-- hero + proof points + feature grid + CTA
-- 브랜드 컬러와 section spacing을 token surface로 제어
-- 전형적인 white/purple 템플릿 대신 따뜻한 톤의 제품 랜딩 방향
-
-시작:
-
-```bash
-npm install
-npm run dev
-```
-
-기본 DEV 포트는 `3000`이다.

package/client/landing/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="ko">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>client-landing template</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/client/landing/package.json

@@ -1,41 +0,0 @@
-{
-  "name": "@do4ai/client-landing-template",
-  "private": true,
-  "version": "0.1.0",
-  "type": "module",
-  "packageManager": "pnpm@10.32.0",
-  "scripts": {
-    "dev": "vite --host 0.0.0.0 --port 3000",
-    "build": "tsc -b && vite build",
-    "preview": "vite preview --host 0.0.0.0 --port 4300",
-    "ui:parity:init": "bash ../../sdd/99_toolchain/01_automation/agentic-dev/init_frontend_parity.sh ../.. landing",
-    "ui:parity:bootstrap": "bash ../../sdd/99_toolchain/01_automation/agentic-dev/bootstrap_frontend_parity.sh ../.. landing",
-    "ui:parity:scaffold": "bash ../../sdd/99_toolchain/01_automation/agentic-dev/run_frontend_target.sh scaffold ../.. landing",
-    "ui:parity:materialize-references": "bash ../../sdd/99_toolchain/01_automation/agentic-dev/run_frontend_target.sh materialize_references ../.. landing",
-    "ui:parity:route-gap": "bash ../../sdd/99_toolchain/01_automation/agentic-dev/run_frontend_target.sh route_gap ../.. landing",
-    "ui:parity:proof": "bash ../../sdd/99_toolchain/01_automation/agentic-dev/run_frontend_target.sh proof ../.. landing"
-  },
-  "dependencies": {
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.576.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^6.30.3",
-    "tailwind-merge": "^3.5.0"
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.58.2",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^4.7.0",
-    "autoprefixer": "^10.4.21",
-    "pixelmatch": "^7.1.0",
-    "pngjs": "^7.0.0",
-    "postcss": "^8.5.3",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.8.3",
-    "vite": "^5.4.19",
-    "yaml": "^2.8.1"
-  }
-}

package/client/landing/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/client/landing/scripts/ui-parity-landing-adapter.mjs

@@ -1,65 +0,0 @@
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-const scriptDir = path.dirname(fileURLToPath(import.meta.url));
-const screens = JSON.parse(
-  fs.readFileSync(path.resolve(scriptDir, "../src/lib/specScreens.json"), "utf8"),
-);
-const routes = JSON.parse(
-  fs.readFileSync(path.resolve(scriptDir, "../src/lib/specRouteCatalog.json"), "utf8"),
-);
-
-const routeMap = new Map(routes.map((entry) => [entry.id, entry.route]));
-
-export default {
-  service: "templates-landing",
-  targetBaseUrl: "http://127.0.0.1:4300",
-  viewport: {
-    width: 1440,
-    height: 1024,
-  },
-  screens: screens.map((screen) => ({
-    id: screen.id,
-    title: screen.title,
-    route: routeMap.get(screen.id) ?? "/",
-    referenceImage: `sdd/03_verify/10_test/ui_parity/reference/${screen.id}.png`,
-    readySelector: "body",
-    readyTimeoutMs: 10000,
-    tags: ["template", "landing"],
-  })),
-  async preparePage(page, { route }) {
-    await page.route("**/auth/me", async (routeRequest) => {
-      await routeRequest.fulfill({
-        status: 200,
-        contentType: "application/json",
-        body: JSON.stringify({
-          id: "tmpl-landing",
-          name: "Template Member",
-          email: "member@example.com",
-          role: "member",
-        }),
-      });
-    });
-    await page.addInitScript(() => {
-      window.localStorage.setItem(
-        "landing.auth.token",
-        JSON.stringify({
-          access_token: "template-access-token",
-          token_type: "bearer",
-        }),
-      );
-    });
-    if (route === "/login" || route === "/") {
-      await page.addInitScript(() => {
-        window.localStorage.removeItem("landing.auth.token");
-      });
-    }
-  },
-  async waitForReady(page) {
-    await page.waitForLoadState("networkidle");
-  },
-  async resolveMaskRects() {
-    return [];
-  },
-};

package/client/landing/src/App.tsx

@@ -1,21 +0,0 @@
-import { Route, Routes } from "react-router-dom";
-
-import { ProtectedRoute } from "@/auth/ProtectedRoute";
-import { LandingShell } from "@/components/LandingShell";
-import { LandingHomePage } from "@/pages/LandingHomePage";
-import { LandingLoginPage } from "@/pages/LandingLoginPage";
-import { LandingWorkspacePage } from "@/pages/LandingWorkspacePage";
-
-export function App() {
-  return (
-    <Routes>
-      <Route path="/" element={<LandingHomePage />} />
-      <Route path="/login" element={<LandingLoginPage />} />
-      <Route element={<ProtectedRoute />}>
-        <Route element={<LandingShell />}>
-          <Route path="/workspace" element={<LandingWorkspacePage />} />
-        </Route>
-      </Route>
-    </Routes>
-  );
-}

package/client/landing/src/api/catalog.ts

@@ -1,30 +0,0 @@
-import { apiGet } from "@/api/client";
-
-export interface Money {
-  amount: number;
-  currency: string;
-}
-
-export interface MediaAsset {
-  url: string;
-  alt: string;
-}
-
-export interface CatalogProductSummary {
-  id: string;
-  slug: string;
-  name: string;
-  brand: string;
-  category: string;
-  status: string;
-  short_description: string;
-  hero_image: MediaAsset;
-  price: Money;
-  compare_at_price: Money | null;
-  tags: string[];
-  variant_count: number;
-}
-
-export function fetchCatalogProducts(accessToken?: string) {
-  return apiGet<CatalogProductSummary[]>("/catalog/products", { accessToken });
-}

package/client/landing/src/api/client.ts

@@ -1,30 +0,0 @@
-const API_BASE_URL = (import.meta.env.VITE_API_BASE_URL as string | undefined)?.replace(/\/$/, "") ?? "";
-
-interface RequestOptions {
-  accessToken?: string;
-}
-
-async function readJson<T>(response: Response): Promise<T> {
-  if (!response.ok) {
-    let message = "Request failed";
-    try {
-      const data = (await response.json()) as { detail?: string };
-      if (typeof data.detail === "string" && data.detail.length > 0) {
-        message = data.detail;
-      }
-    } catch {
-      message = response.statusText || message;
-    }
-    throw new Error(message);
-  }
-
-  return (await response.json()) as T;
-}
-
-export async function apiGet<T>(path: string, options?: RequestOptions): Promise<T> {
-  const response = await fetch(`${API_BASE_URL}${path}`, {
-    headers: options?.accessToken ? { Authorization: `Bearer ${options.accessToken}` } : undefined,
-  });
-
-  return readJson<T>(response);
-}