Remove frontend application files and configurations

frontend/.env.example

@@ -1 +0,0 @@
-NEXT_PUBLIC_API_URL=http://localhost:8000

frontend/.gitignore

@@ -1,41 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# env files (can opt-in for committing if needed)
-.env*
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts

frontend/README.md

@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

frontend/eslint.config.mjs

@@ -1,16 +0,0 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
-
-const eslintConfig = [
-  ...compat.extends("next/core-web-vitals", "next/typescript"),
-];
-
-export default eslintConfig;

frontend/next.config.ts

@@ -1,7 +0,0 @@
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  /* config options here */
-};
-
-export default nextConfig;

frontend/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "frontend",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "next": "15.3.3"
-  },
-  "devDependencies": {
-    "typescript": "^5",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4",
-    "eslint": "^9",
-    "eslint-config-next": "15.3.3",
-    "@eslint/eslintrc": "^3"
-  }
-}

frontend/postcss.config.mjs

@@ -1,5 +0,0 @@
-const config = {
-  plugins: ["@tailwindcss/postcss"],
-};
-
-export default config;

frontend/src/app/globals.css

@@ -1,63 +0,0 @@
-@import "tailwindcss";
-
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: ui-sans-serif, system-ui, sans-serif;
-  --font-mono: ui-monospace, monospace;
-}
-
-
-.glass-panel {
-  background: rgba(255, 255, 255, 0.6);
-  border: 1px solid rgba(255, 255, 255, 0.8);
-  backdrop-filter: blur(12px);
-  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-  position: relative;
-  overflow: hidden;
-}
-
-.glass-panel::before,
-.glass-panel::after {
-  content: "";
-  position: absolute;
-  pointer-events: none;
-}
-
-.glass-panel::before {
-  top: -20%;
-  left: -20%;
-  width: 50%;
-  height: 50%;
-  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.9), transparent);
-  transform: rotate(45deg);
-}
-
-.glass-panel::after {
-  bottom: -20%;
-  right: -20%;
-  width: 60%;
-  height: 60%;
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), transparent);
-}
-
-body {
-  background: var(--background) url('/background.svg') no-repeat center center fixed;
-  background-size: cover;
-  color: var(--foreground);
-  font-family: var(--font-sans, Arial, Helvetica, sans-serif);
-}
-
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(5px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-.animate-fadeIn {
-  animation: fadeIn 0.3s ease-in-out;
-}

frontend/src/app/layout.tsx

@@ -1,22 +0,0 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
-
-const inter = Inter({ subsets: ["latin"], variable: "--font-sans", display: "swap" });
-
-export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en" className={inter.variable}>
-      <body className="antialiased">{children}</body>
-    </html>
-  );
-}

frontend/src/app/page.tsx

@@ -1,5 +0,0 @@
-import ChatApp from "../components/ChatApp";
-
-export default function Home() {
-  return <ChatApp />;
-}

frontend/src/components/ChatApp.tsx

@@ -1,61 +0,0 @@
-'use client';
-
-import { useState, useRef, useEffect } from 'react';
-import { streamChat, ChatRequest } from '../utils/api';
-import MessageList from './MessageList';
-import MessageInput from './MessageInput';
-import { Message } from './MessageItem';
-
-export default function ChatApp() {
-  const [messages, setMessages] = useState<Message[]>([]);
-  const [input, setInput] = useState('');
-  const [loading, setLoading] = useState(false);
-  const listRef = useRef<HTMLDivElement>(null);
-
-  const scrollToEnd = () => {
-    listRef.current?.scrollTo({ top: listRef.current.scrollHeight, behavior: 'smooth' });
-  };
-
-  useEffect(() => {
-    scrollToEnd();
-  }, [messages]);
-
-  const sendMessage = async () => {
-    if (!input.trim() || loading) return;
-    const prompt = input;
-    setInput('');
-    setMessages((prev) => [...prev, { role: 'user', content: prompt }, { role: 'assistant', content: '' }]);
-    setLoading(true);
-    try {
-      const req: ChatRequest = { user: 'demo', session: 'default', prompt };
-      for await (const chunk of streamChat(req)) {
-        setMessages((prev) => {
-          const msgs = [...prev];
-          msgs[msgs.length - 1] = {
-            role: 'assistant',
-            content: msgs[msgs.length - 1].content + chunk,
-          };
-          return msgs;
-        });
-      }
-    } catch (err) {
-      console.error(err);
-      setMessages((prev) => {
-        const msgs = [...prev];
-        msgs[msgs.length - 1] = { role: 'assistant', content: 'Error retrieving response' };
-        return msgs;
-      });
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <div className="flex flex-col min-h-screen bg-gradient-to-br from-white to-gray-100 text-gray-900 p-4">
-      <div className="w-full max-w-3xl flex flex-col flex-1 mx-auto glass-panel rounded-lg overflow-hidden">
-        <MessageList ref={listRef} messages={messages} />
-        <MessageInput value={input} onChange={setInput} onSend={sendMessage} disabled={loading} />
-      </div>
-    </div>
-  );
-}

frontend/src/components/MessageInput.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import GlassButton from './ui/GlassButton';
-
-interface MessageInputProps {
-  value: string;
-  onChange: (value: string) => void;
-  onSend: () => void;
-  disabled?: boolean;
-}
-
-export default function MessageInput({ value, onChange, onSend, disabled }: MessageInputProps) {
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    onSend();
-  };
-
-  return (
-    <form onSubmit={handleSubmit} className="flex gap-2 p-2 border-t border-gray-200">
-      <input
-        type="text"
-        className="flex-1 bg-white/60 backdrop-blur-sm border border-gray-300 text-gray-900 px-3 py-2 rounded-md focus:outline-none"
-        value={value}
-        onChange={(e) => onChange(e.target.value)}
-        placeholder="Type your message..."
-      />
-      <GlassButton type="submit" disabled={disabled}>
-        Send
-      </GlassButton>
-    </form>
-  );
-}

frontend/src/components/MessageItem.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-
-export interface Message {
-  role: 'user' | 'assistant';
-  content: string;
-}
-
-interface MessageItemProps {
-  message: Message;
-}
-
-export default function MessageItem({ message }: MessageItemProps) {
-  const alignment = message.role === 'user' ? 'items-end' : 'items-start';
-  return (
-    <div className={`flex flex-col ${alignment} animate-fadeIn`}>
-      <div className="w-full max-w-xl p-3 my-2 glass-panel rounded-lg shadow-md">
-        <p className="whitespace-pre-wrap break-words">{message.content}</p>
-      </div>
-    </div>
-  );
-}

frontend/src/components/MessageList.tsx

@@ -1,20 +0,0 @@
-import React, { forwardRef } from 'react';
-import MessageItem, { Message } from './MessageItem';
-
-interface MessageListProps {
-  messages: Message[];
-}
-
-const MessageList = forwardRef<HTMLDivElement, MessageListProps>(({ messages }, ref) => {
-  return (
-    <div className="flex-1 overflow-y-auto p-4 space-y-4" ref={ref}>
-      {messages.map((msg, idx) => (
-        <MessageItem key={idx} message={msg} />
-      ))}
-    </div>
-  );
-});
-
-MessageList.displayName = 'MessageList';
-
-export default MessageList;

frontend/src/components/ui/GlassButton.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-
-interface GlassButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  children: React.ReactNode;
-}
-
-export default function GlassButton({ children, className = '', ...props }: GlassButtonProps) {
-  return (
-    <button
-      className={`bg-white/60 backdrop-blur-sm border border-gray-300 text-gray-900 px-4 py-2 rounded-md shadow-lg transition-all hover:bg-white active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed ${className}`}
-      {...props}
-    >
-      {children}
-    </button>
-  );
-}

frontend/src/utils/api.ts

@@ -1,31 +0,0 @@
-export interface ChatRequest {
-  user: string;
-  session: string;
-  prompt: string;
-}
-
-export async function* streamChat(
-  req: ChatRequest
-): AsyncGenerator<string> {
-  const url = `${process.env.NEXT_PUBLIC_API_URL}/chat/stream`;
-  const res = await fetch(url, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify(req),
-  });
-
-  if (!res.ok || !res.body) {
-    throw new Error('API request failed');
-  }
-
-  const reader = res.body.getReader();
-  const decoder = new TextDecoder();
-
-  while (true) {
-    const { value, done } = await reader.read();
-    if (done) break;
-    yield decoder.decode(value);
-  }
-}

frontend/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}