agentic-dev 0.2.10 → 0.2.12

package/client/mobile/postcss.config.js

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

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

@@ -1,67 +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-mobile",
-  targetBaseUrl: "http://127.0.0.1:4302",
-  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", "mobile"],
-  })),
-  async preparePage(page, { route }) {
-    await page.route("**/auth/me", async (routeRequest) => {
-      await routeRequest.fulfill({
-        status: 200,
-        contentType: "application/json",
-        body: JSON.stringify({
-          id: "tmpl-mobile",
-          name: "Template Mobile Operator",
-          email: "operator@example.com",
-          role: "operator",
-          status: "active",
-        }),
-      });
-    });
-    await page.addInitScript(() => {
-      window.localStorage.setItem(
-        "mobile.auth.token",
-        JSON.stringify({
-          access_token: "template-access-token",
-          token_type: "bearer",
-          user_id: "tmpl-mobile",
-        }),
-      );
-    });
-    if (route === "/login") {
-      await page.addInitScript(() => {
-        window.localStorage.removeItem("mobile.auth.token");
-      });
-    }
-  },
-  async waitForReady(page) {
-    await page.waitForLoadState("networkidle");
-  },
-  async resolveMaskRects() {
-    return [];
-  },
-};

package/client/mobile/src/App.tsx

@@ -1 +0,0 @@
-export { App } from "./app/App";

package/client/mobile/src/api/client.ts

@@ -1,62 +0,0 @@
-const API_BASE_URL =
-  (import.meta.env.VITE_API_BASE_URL as string | undefined)?.replace(/\/$/, "") ??
-  "";
-
-interface RequestOptions {
-  accessToken?: string;
-}
-
-interface WriteOptions extends RequestOptions {
-  body?: unknown;
-}
-
-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);
-}
-
-export async function apiPatch<T>(
-  path: string,
-  options?: WriteOptions,
-): Promise<T> {
-  const headers: Record<string, string> = {
-    "Content-Type": "application/json",
-  };
-
-  if (options?.accessToken) {
-    headers.Authorization = `Bearer ${options.accessToken}`;
-  }
-
-  const response = await fetch(`${API_BASE_URL}${path}`, {
-    method: "PATCH",
-    headers,
-    body: JSON.stringify(options?.body ?? {}),
-  });
-
-  return readJson<T>(response);
-}

package/client/mobile/src/api/fulfillment.ts

@@ -1,55 +0,0 @@
-import { apiGet } from "@/api/client";
-
-export interface FulfillmentStat {
-  label: string;
-  value: string;
-  tone?: string | null;
-}
-
-export interface FulfillmentTimelineItem {
-  time: string;
-  title: string;
-  tone: string;
-}
-
-export interface FulfillmentStageLoad {
-  label: string;
-  value: string;
-}
-
-export interface FulfillmentOverviewResponse {
-  throughput_total: string;
-  stats: FulfillmentStat[];
-  timeline: FulfillmentTimelineItem[];
-  stage_load: FulfillmentStageLoad[];
-}
-
-export interface FulfillmentTask {
-  id: string;
-  order_id: string;
-  title: string;
-  assignee: string;
-  stage: string;
-  status: string;
-  priority: string;
-  sla: string;
-}
-
-export interface FulfillmentNote {
-  id: string;
-  note: string;
-  emphasis: string;
-}
-
-export interface FulfillmentBoardResponse {
-  tasks: FulfillmentTask[];
-  notes: FulfillmentNote[];
-}
-
-export function fetchFulfillmentOverview(accessToken: string) {
-  return apiGet<FulfillmentOverviewResponse>("/fulfillment/overview", { accessToken });
-}
-
-export function fetchFulfillmentBoard(accessToken: string) {
-  return apiGet<FulfillmentBoardResponse>("/fulfillment/board", { accessToken });
-}

package/client/mobile/src/api/shipping.ts

@@ -1,56 +0,0 @@
-import { apiGet, apiPatch } from "@/api/client";
-
-export interface ShippingStat {
-  label: string;
-  value: string;
-  tone?: string | null;
-}
-
-export interface ShippingCarrierLoad {
-  label: string;
-  value: string;
-}
-
-export interface ShippingOverviewResponse {
-  stats: ShippingStat[];
-  carriers: ShippingCarrierLoad[];
-  highlighted_route: string;
-}
-
-export interface ShipmentSummary {
-  shipment_id: string;
-  order_id: string;
-  carrier: string;
-  destination: string;
-  tracking_number: string;
-  status: string;
-  eta: string;
-  last_event: string;
-}
-
-export interface ShipmentStatusTransition {
-  shipment_id: string;
-  previous_status: string;
-  status: string;
-  previous_last_event: string;
-  last_event: string;
-}
-
-export function fetchShippingOverview(accessToken: string) {
-  return apiGet<ShippingOverviewResponse>("/shipping/overview", { accessToken });
-}
-
-export function fetchShipments(accessToken: string) {
-  return apiGet<ShipmentSummary[]>("/shipping/shipments", { accessToken });
-}
-
-export function updateShipmentStatus(
-  shipmentId: string,
-  accessToken: string,
-  body: { status: string; last_event: string; eta?: string },
-) {
-  return apiPatch<ShipmentStatusTransition>(
-    `/shipping/shipments/${shipmentId}/status`,
-    { accessToken, body },
-  );
-}

package/client/mobile/src/app/App.tsx

@@ -1,23 +0,0 @@
-import { Route, Routes } from "react-router-dom";
-
-import { ProtectedRoute } from "@/auth/ProtectedRoute";
-import { InShell } from "@/components/InShell";
-import { DashboardPage } from "@/pages/DashboardPage";
-import { FulfillmentPage } from "@/pages/FulfillmentPage";
-import { LoginPage } from "@/pages/LoginPage";
-import { ShippingPage } from "@/pages/ShippingPage";
-
-export function App() {
-  return (
-    <Routes>
-      <Route path="/login" element={<LoginPage />} />
-      <Route element={<ProtectedRoute />}>
-        <Route element={<InShell />}>
-          <Route path="/" element={<DashboardPage />} />
-          <Route path="/fulfillment" element={<FulfillmentPage />} />
-          <Route path="/shipping" element={<ShippingPage />} />
-        </Route>
-      </Route>
-    </Routes>
-  );
-}

package/client/mobile/src/auth/AuthProvider.tsx

@@ -1,122 +0,0 @@
-import { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from "react";
-
-import { getMe, login as loginRequest } from "@/auth/auth-client";
-import type { AuthToken, AuthUser, LoginCommand } from "@/auth/types";
-
-const STORAGE_KEY = "mobile.auth.token";
-
-interface AuthContextValue {
-  user: AuthUser | null;
-  token: AuthToken | null;
-  initializing: boolean;
-  authenticating: boolean;
-  login: (command: LoginCommand) => Promise<void>;
-  logout: () => void;
-}
-
-const AuthContext = createContext<AuthContextValue | undefined>(undefined);
-
-function readStoredToken(): AuthToken | null {
-  const raw = window.localStorage.getItem(STORAGE_KEY);
-  if (!raw) {
-    return null;
-  }
-
-  try {
-    return JSON.parse(raw) as AuthToken;
-  } catch {
-    window.localStorage.removeItem(STORAGE_KEY);
-    return null;
-  }
-}
-
-function storeToken(token: AuthToken | null) {
-  if (token) {
-    window.localStorage.setItem(STORAGE_KEY, JSON.stringify(token));
-    return;
-  }
-
-  window.localStorage.removeItem(STORAGE_KEY);
-}
-
-export function AuthProvider({ children }: { children: ReactNode }) {
-  const [token, setToken] = useState<AuthToken | null>(() => readStoredToken());
-  const [user, setUser] = useState<AuthUser | null>(null);
-  const [initializing, setInitializing] = useState(true);
-  const [authenticating, setAuthenticating] = useState(false);
-
-  useEffect(() => {
-    let cancelled = false;
-
-    async function bootstrap() {
-      if (!token) {
-        setUser(null);
-        setInitializing(false);
-        return;
-      }
-
-      try {
-        const currentUser = await getMe(token.access_token);
-        if (!cancelled) {
-          setUser(currentUser);
-        }
-      } catch {
-        if (!cancelled) {
-          setToken(null);
-          setUser(null);
-          storeToken(null);
-        }
-      } finally {
-        if (!cancelled) {
-          setInitializing(false);
-        }
-      }
-    }
-
-    void bootstrap();
-
-    return () => {
-      cancelled = true;
-    };
-  }, [token]);
-
-  const value = useMemo<AuthContextValue>(
-    () => ({
-      user,
-      token,
-      initializing,
-      authenticating,
-      async login(command) {
-        setAuthenticating(true);
-        try {
-          const nextToken = await loginRequest(command);
-          storeToken(nextToken);
-          setToken(nextToken);
-          const currentUser = await getMe(nextToken.access_token);
-          setUser(currentUser);
-        } finally {
-          setAuthenticating(false);
-          setInitializing(false);
-        }
-      },
-      logout() {
-        storeToken(null);
-        setToken(null);
-        setUser(null);
-        setInitializing(false);
-      },
-    }),
-    [authenticating, initializing, token, user],
-  );
-
-  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
-}
-
-export function useAuth() {
-  const context = useContext(AuthContext);
-  if (!context) {
-    throw new Error("useAuth must be used within an AuthProvider");
-  }
-
-  return context;
-}

package/client/mobile/src/auth/ProtectedRoute.tsx

@@ -1,27 +0,0 @@
-import { Navigate, Outlet, useLocation } from "react-router-dom";
-
-import { useAuth } from "@/auth/AuthProvider";
-import { inTheme } from "@/theme";
-import { inThemeVars } from "@/theme-vars";
-
-export function ProtectedRoute() {
-  const { initializing, user } = useAuth();
-  const location = useLocation();
-
-  if (initializing) {
-    return (
-      <div
-        className="flex min-h-screen items-center justify-center bg-[var(--in-shell-bg)] text-sm font-medium text-[var(--in-muted)]"
-        style={inThemeVars(inTheme)}
-      >
-        세션을 확인하는 중입니다.
-      </div>
-    );
-  }
-
-  if (!user) {
-    return <Navigate to="/login" replace state={{ from: location }} />;
-  }
-
-  return <Outlet />;
-}

package/client/mobile/src/auth/auth-client.ts

@@ -1,38 +0,0 @@
-import type { AuthToken, AuthUser, LoginCommand } from "@/auth/types";
-
-const API_BASE_URL = (import.meta.env.VITE_API_BASE_URL as string | undefined)?.replace(/\/$/, "") ?? "";
-
-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 login(command: LoginCommand): Promise<AuthToken> {
-  const response = await fetch(`${API_BASE_URL}/auth/login`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(command),
-  });
-
-  return readJson<AuthToken>(response);
-}
-
-export async function getMe(accessToken: string): Promise<AuthUser> {
-  const response = await fetch(`${API_BASE_URL}/auth/me`, {
-    headers: { Authorization: `Bearer ${accessToken}` },
-  });
-
-  return readJson<AuthUser>(response);
-}

package/client/mobile/src/auth/types.ts

@@ -1,18 +0,0 @@
-export interface AuthToken {
-  access_token: string;
-  token_type: string;
-  user_id: string;
-}
-
-export interface AuthUser {
-  id: string;
-  name: string;
-  email: string;
-  role: string;
-  status: string;
-}
-
-export interface LoginCommand {
-  email: string;
-  password: string;
-}

package/client/mobile/src/components/InShell.tsx

@@ -1,74 +0,0 @@
-import { Globe2, Languages, Sparkles, Truck } from "lucide-react";
-import { NavLink, Outlet } from "react-router-dom";
-
-import { useAuth } from "@/auth/AuthProvider";
-import { Button } from "@/components/ui/button";
-import { inTheme } from "@/theme";
-import { inThemeVars } from "@/theme-vars";
-
-const navItems = [
-  { to: "/", label: "Overview", icon: Globe2 },
-  { to: "/fulfillment", label: "Fulfillment", icon: Languages },
-  { to: "/shipping", label: "Shipping", icon: Truck },
-];
-
-export function InShell() {
-  const { logout, user } = useAuth();
-
-  return (
-    <div
-      className="min-h-screen bg-[var(--in-shell-bg)] text-[var(--in-text)]"
-      style={inThemeVars(inTheme)}
-    >
-      <header className="border-b border-[var(--in-border)] bg-[var(--in-panel-bg)]">
-        <div className="mx-auto flex max-w-7xl flex-wrap items-center gap-4 px-6 py-5">
-          <div>
-            <div className="text-xs font-black uppercase tracking-[0.24em] text-[var(--in-accent)]">IN</div>
-            <div className="mt-1 text-xl font-black tracking-[-0.04em]">Operations Relay Workspace</div>
-          </div>
-
-          <nav className="flex items-center gap-2 md:ml-8">
-            {navItems.map((item) => {
-              const Icon = item.icon;
-              return (
-                <NavLink
-                  key={item.to}
-                  to={item.to}
-                  end={item.to === "/"}
-                  className={({ isActive }) =>
-                    [
-                      "inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm font-semibold transition-colors",
-                      isActive
-                        ? "bg-[var(--in-accent-soft)] text-[var(--in-accent)]"
-                        : "text-[var(--in-muted)] hover:bg-white",
-                    ].join(" ")
-                  }
-                >
-                  <Icon className="h-4 w-4" />
-                  {item.label}
-                </NavLink>
-              );
-            })}
-          </nav>
-
-          <div className="ml-auto flex flex-wrap items-center gap-3">
-            <div className="inline-flex items-center gap-2 rounded-full bg-[var(--in-accent-soft)] px-3 py-2 text-sm font-semibold text-[var(--in-accent)]">
-              <Sparkles className="h-4 w-4" />
-              Multilingual relay active
-            </div>
-            <div className="rounded-full border border-[var(--in-border)] bg-white px-4 py-2 text-sm font-semibold text-[var(--in-text)]">
-              {user?.name ?? user?.email}
-            </div>
-            <Button variant="outline" onClick={logout}>
-              Log out
-            </Button>
-          </div>
-        </div>
-      </header>
-
-      <main className="mx-auto max-w-7xl px-6 py-8">
-        <Outlet />
-      </main>
-    </div>
-  );
-}

package/client/mobile/src/components/ui/button.tsx

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/cn";
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center rounded-full text-sm font-semibold transition-colors disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-[var(--in-accent)] text-white hover:opacity-90",
-        secondary: "bg-[var(--in-accent-soft)] text-[var(--in-accent)] hover:opacity-90",
-        outline: "border border-[var(--in-border)] bg-white text-[var(--in-text)] hover:bg-[var(--in-accent-soft)]",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 px-3",
-        lg: "h-11 px-5",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({ className, variant, size, ...props }, ref) => {
-  return <button ref={ref} className={cn(buttonVariants({ variant, size }), className)} {...props} />;
-});
-Button.displayName = "Button";
-
-export { Button, buttonVariants };

package/client/mobile/src/components/ui/card.tsx

@@ -1,15 +0,0 @@
-import type { HTMLAttributes } from "react";
-
-import { cn } from "@/lib/cn";
-
-export function Card({ className, ...props }: HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div
-      className={cn(
-        "rounded-[var(--in-card-radius)] border border-[var(--in-border)] bg-[var(--in-panel-bg)]",
-        className,
-      )}
-      {...props}
-    />
-  );
-}

package/client/mobile/src/components/ui/input.tsx

@@ -1,21 +0,0 @@
-import * as React from "react";
-
-import { cn } from "@/lib/cn";
-
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
-
-const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, ...props }, ref) => {
-  return (
-    <input
-      ref={ref}
-      className={cn(
-        "flex h-11 w-full rounded-2xl border border-[var(--in-border)] bg-white px-4 py-2 text-sm text-[var(--in-text)] outline-none placeholder:text-[var(--in-muted)] focus:border-[var(--in-accent)] focus:ring-2 focus:ring-[#d6eee7]",
-        className,
-      )}
-      {...props}
-    />
-  );
-});
-Input.displayName = "Input";
-
-export { Input };

package/client/mobile/src/lib/cn.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/client/mobile/src/lib/specRouteCatalog.json

@@ -1,26 +0,0 @@
-[
-  {
-    "id": "TIN_001",
-    "route": "/login",
-    "binding": "direct",
-    "notes": ["Authentication entry route for the mobile workspace."]
-  },
-  {
-    "id": "TIN_002",
-    "route": "/",
-    "binding": "protected",
-    "notes": ["Overview route for fulfillment and shipping relay status."]
-  },
-  {
-    "id": "TIN_003",
-    "route": "/fulfillment",
-    "binding": "protected",
-    "notes": ["Fulfillment board route backed by the fulfillment domain."]
-  },
-  {
-    "id": "TIN_004",
-    "route": "/shipping",
-    "binding": "protected",
-    "notes": ["Shipping operations route backed by the shipping domain."]
-  }
-]

package/client/mobile/src/lib/specScreens.json

@@ -1,22 +0,0 @@
-[
-  {
-    "id": "TIN_001",
-    "title": "Login",
-    "tags": ["auth", "entry"]
-  },
-  {
-    "id": "TIN_002",
-    "title": "Overview",
-    "tags": ["dashboard", "protected"]
-  },
-  {
-    "id": "TIN_003",
-    "title": "Fulfillment",
-    "tags": ["fulfillment", "protected"]
-  },
-  {
-    "id": "TIN_004",
-    "title": "Shipping",
-    "tags": ["shipping", "protected"]
-  }
-]