agentic-dev 0.2.9 → 0.2.11

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"]
-  }
-]

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

@@ -1,271 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-
-interface BrowserSpeechRecognitionAlternative {
-  transcript: string;
-}
-
-interface BrowserSpeechRecognitionResult {
-  isFinal: boolean;
-  length: number;
-  [index: number]: BrowserSpeechRecognitionAlternative;
-}
-
-interface BrowserSpeechRecognitionResultList {
-  length: number;
-  [index: number]: BrowserSpeechRecognitionResult;
-}
-
-interface BrowserSpeechRecognitionEvent extends Event {
-  resultIndex: number;
-  results: BrowserSpeechRecognitionResultList;
-}
-
-interface BrowserSpeechRecognitionErrorEvent extends Event {
-  error: string;
-}
-
-interface BrowserSpeechRecognition extends EventTarget {
-  continuous: boolean;
-  interimResults: boolean;
-  lang: string;
-  maxAlternatives: number;
-  onend: ((event: Event) => void) | null;
-  onerror: ((event: BrowserSpeechRecognitionErrorEvent) => void) | null;
-  onresult: ((event: BrowserSpeechRecognitionEvent) => void) | null;
-  onstart: ((event: Event) => void) | null;
-  abort: () => void;
-  start: () => void;
-  stop: () => void;
-}
-
-interface BrowserSpeechRecognitionConstructor {
-  new (): BrowserSpeechRecognition;
-}
-
-declare global {
-  interface Window {
-    SpeechRecognition?: BrowserSpeechRecognitionConstructor;
-    webkitSpeechRecognition?: BrowserSpeechRecognitionConstructor;
-  }
-}
-
-export interface SpeechRecognitionMessages {
-  applied: string;
-  errors: Partial<Record<string, string>>;
-  listening: string;
-  startFailed: string;
-  unsupported: string;
-}
-
-export interface UseSpeechRecognitionInputOptions {
-  lang?: string;
-  mergeTranscript?: (baseValue: string, transcript: string) => string;
-  messages?: Partial<SpeechRecognitionMessages>;
-  onValueChange: (nextValue: string) => void;
-  value: string;
-}
-
-export interface UseSpeechRecognitionInputResult {
-  abortListening: () => void;
-  clearStatus: () => void;
-  error: string | null;
-  feedback: string | null;
-  isListening: boolean;
-  isSupported: boolean;
-  startListening: () => void;
-  stopListening: () => void;
-  toggleListening: () => void;
-}
-
-const defaultSpeechRecognitionErrorMessages: Record<string, string> = {
-  "audio-capture": "사용 가능한 마이크를 찾지 못했어요. 기기 연결 상태를 확인해주세요.",
-  "network": "음성 인식 연결이 불안정해요. 네트워크 상태를 확인한 뒤 다시 시도해주세요.",
-  "no-speech": "음성이 들리지 않았어요. 조금 더 가까이에서 다시 말씀해주세요.",
-  "not-allowed": "마이크 권한이 필요해요. 브라우저 설정에서 마이크 접근을 허용해주세요.",
-  "service-not-allowed": "마이크 권한이 필요해요. 브라우저 설정에서 마이크 접근을 허용해주세요.",
-};
-
-const defaultSpeechRecognitionMessages: SpeechRecognitionMessages = {
-  applied: "음성 입력이 반영됐어요. 필요하면 바로 수정할 수 있어요.",
-  errors: defaultSpeechRecognitionErrorMessages,
-  listening: "듣는 중이에요. 말씀을 마치면 자동으로 입력돼요.",
-  startFailed: "음성 입력을 시작하지 못했어요. 잠시 후 다시 시도해주세요.",
-  unsupported: "현재 브라우저에서는 음성 입력을 지원하지 않아요. 외부 브라우저에서 다시 시도해주세요.",
-};
-
-function getSpeechRecognitionConstructor(): BrowserSpeechRecognitionConstructor | null {
-  if (typeof window === "undefined") {
-    return null;
-  }
-
-  return window.SpeechRecognition ?? window.webkitSpeechRecognition ?? null;
-}
-
-function resolveSpeechRecognitionMessages(messages?: Partial<SpeechRecognitionMessages>): SpeechRecognitionMessages {
-  return {
-    ...defaultSpeechRecognitionMessages,
-    ...messages,
-    errors: {
-      ...defaultSpeechRecognitionErrorMessages,
-      ...(messages?.errors ?? {}),
-    },
-  };
-}
-
-export function mergeSpeechRecognitionText(baseValue: string, transcript: string) {
-  const trimmedBaseValue = baseValue.trim();
-  const trimmedTranscript = transcript.trim();
-
-  if (!trimmedBaseValue) {
-    return trimmedTranscript;
-  }
-
-  if (!trimmedTranscript) {
-    return trimmedBaseValue;
-  }
-
-  return `${trimmedBaseValue} ${trimmedTranscript}`;
-}
-
-export function getSpeechRecognitionErrorMessage(error: string, messages?: Partial<Record<string, string>>) {
-  if (error === "aborted") {
-    return null;
-  }
-
-  return messages?.[error] ?? defaultSpeechRecognitionErrorMessages[error] ?? defaultSpeechRecognitionMessages.startFailed;
-}
-
-export function useSpeechRecognitionInput({
-  lang,
-  mergeTranscript = mergeSpeechRecognitionText,
-  messages,
-  onValueChange,
-  value,
-}: UseSpeechRecognitionInputOptions): UseSpeechRecognitionInputResult {
-  const recognitionRef = useRef<BrowserSpeechRecognition | null>(null);
-  const baseValueRef = useRef(value);
-  const valueRef = useRef(value);
-  const onValueChangeRef = useRef(onValueChange);
-  const [isListening, setIsListening] = useState(false);
-  const [feedback, setFeedback] = useState<string | null>(null);
-  const [error, setError] = useState<string | null>(null);
-  const isSupported = Boolean(getSpeechRecognitionConstructor());
-  const resolvedMessages = resolveSpeechRecognitionMessages(messages);
-
-  useEffect(() => {
-    valueRef.current = value;
-    onValueChangeRef.current = onValueChange;
-  }, [onValueChange, value]);
-
-  const clearStatus = useCallback(() => {
-    setError(null);
-    setFeedback(null);
-  }, []);
-
-  const abortListening = useCallback(() => {
-    recognitionRef.current?.abort();
-    recognitionRef.current = null;
-    setIsListening(false);
-    setFeedback(null);
-  }, []);
-
-  const stopListening = useCallback(() => {
-    recognitionRef.current?.stop();
-    setFeedback(null);
-  }, []);
-
-  const startListening = useCallback(() => {
-    if (recognitionRef.current) {
-      recognitionRef.current.abort();
-      recognitionRef.current = null;
-    }
-
-    const SpeechRecognition = getSpeechRecognitionConstructor();
-
-    if (!SpeechRecognition) {
-      setError(resolvedMessages.unsupported);
-      setFeedback(null);
-      setIsListening(false);
-      return;
-    }
-
-    const recognition = new SpeechRecognition();
-    recognition.lang = lang ?? (typeof navigator !== "undefined" && navigator.language ? navigator.language : "ko-KR");
-    recognition.continuous = false;
-    recognition.interimResults = true;
-    recognition.maxAlternatives = 1;
-    baseValueRef.current = valueRef.current;
-
-    recognition.onstart = () => {
-      setIsListening(true);
-      setError(null);
-      setFeedback(resolvedMessages.listening);
-    };
-
-    recognition.onresult = (event) => {
-      let transcript = "";
-      let hasFinalResult = false;
-
-      for (let index = event.resultIndex; index < event.results.length; index += 1) {
-        transcript += `${event.results[index][0].transcript} `;
-        hasFinalResult = hasFinalResult || event.results[index].isFinal;
-      }
-
-      onValueChangeRef.current(mergeTranscript(baseValueRef.current, transcript));
-      setError(null);
-      setFeedback(hasFinalResult ? resolvedMessages.applied : resolvedMessages.listening);
-    };
-
-    recognition.onerror = (event) => {
-      setIsListening(false);
-      recognitionRef.current = null;
-      setFeedback(null);
-      setError(getSpeechRecognitionErrorMessage(event.error, resolvedMessages.errors));
-    };
-
-    recognition.onend = () => {
-      setIsListening(false);
-      recognitionRef.current = null;
-    };
-
-    recognitionRef.current = recognition;
-
-    try {
-      recognition.start();
-    } catch {
-      recognitionRef.current = null;
-      setIsListening(false);
-      setFeedback(null);
-      setError(resolvedMessages.startFailed);
-    }
-  }, [lang, mergeTranscript, resolvedMessages]);
-
-  const toggleListening = useCallback(() => {
-    if (isListening) {
-      stopListening();
-      return;
-    }
-
-    startListening();
-  }, [isListening, startListening, stopListening]);
-
-  useEffect(
-    () => () => {
-      recognitionRef.current?.abort();
-      recognitionRef.current = null;
-    },
-    [],
-  );
-
-  return {
-    abortListening,
-    clearStatus,
-    error,
-    feedback,
-    isListening,
-    isSupported,
-    startListening,
-    stopListening,
-    toggleListening,
-  };
-}