Spaces:

minchyeom
/

llmOS-Agent

Runtime error

App Files Files Community

starsnatched commited on Jun 10

Commit

c4aea9f

1 Parent(s): 95aeb25

Remove frontend codebase including components, styles, and configuration files

Browse files

Files changed (21) hide show

frontend/.gitignore +0 -24
frontend/README.md +0 -12
frontend/eslint.config.js +0 -33
frontend/index.html +0 -19
frontend/package-lock.json +0 -0
frontend/package.json +0 -28
frontend/public/vite.svg +0 -1
frontend/src/App.css +0 -42
frontend/src/App.jsx +0 -8
frontend/src/api.js +0 -23
frontend/src/assets/react.svg +0 -1
frontend/src/components/ChatWindow.jsx +0 -63
frontend/src/components/InputBar.jsx +0 -31
frontend/src/components/MessageBubble.jsx +0 -13
frontend/src/components/MessageList.jsx +0 -23
frontend/src/components/SessionList.jsx +0 -24
frontend/src/components/UsernameForm.jsx +0 -32
frontend/src/index.css +0 -47
frontend/src/main.jsx +0 -10
frontend/src/styles/chat.css +0 -167
frontend/vite.config.js +0 -7

frontend/.gitignore DELETED Viewed

@@ -1,24 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-node_modules
-dist
-dist-ssr
-*.local
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

frontend/README.md DELETED Viewed

@@ -1,12 +0,0 @@
-# React + Vite
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-Currently, two official plugins are available:
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-## Expanding the ESLint configuration
-If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

frontend/eslint.config.js DELETED Viewed

@@ -1,33 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-export default [
-  { ignores: ['dist'] },
-  {
-    files: ['**/*.{js,jsx}'],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-      parserOptions: {
-        ecmaVersion: 'latest',
-        ecmaFeatures: { jsx: true },
-        sourceType: 'module',
-      },
-    },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-    },
-    rules: {
-      ...js.configs.recommended.rules,
-      ...reactHooks.configs.recommended.rules,
-      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
-    },
-  },
-]

frontend/index.html DELETED Viewed

@@ -1,19 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
-      rel="stylesheet"
-    />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>LLM Chat</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
-  </body>
-</html>

frontend/package-lock.json DELETED Viewed

The diff for this file is too large to render. See raw diff

frontend/package.json DELETED Viewed

@@ -1,28 +0,0 @@
-{
-  "name": "frontend",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "prop-types": "^15.8.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.25.0",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
-    "@vitejs/plugin-react": "^4.4.1",
-    "eslint": "^9.25.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^16.0.0",
-    "vite": "^6.3.5"
-  }
-}

frontend/public/vite.svg DELETED Viewed

frontend/src/App.css DELETED Viewed

@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-.card {
-  padding: 2em;
-}
-.read-the-docs {
-  color: #888;
-}

frontend/src/App.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import ChatWindow from './components/ChatWindow'
-import './index.css'
-function App() {
-  return <ChatWindow />
-}
-export default App

frontend/src/api.js DELETED Viewed

@@ -1,23 +0,0 @@
-const API_BASE = import.meta.env.VITE_API_BASE || 'http://localhost:8000';
-export async function fetchStream(user, session, prompt, onChunk) {
-  const res = await fetch(`${API_BASE}/chat/stream`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ user, session, prompt }),
-  });
-  const reader = res.body.getReader();
-  const decoder = new TextDecoder();
-  while (true) {
-    const { value, done } = await reader.read();
-    if (done) break;
-    onChunk(decoder.decode(value));
-  }
-}
-export async function fetchSessions(user) {
-  const res = await fetch(`${API_BASE}/sessions/${encodeURIComponent(user)}`);
-  if (!res.ok) return [];
-  const data = await res.json();
-  return data.sessions ?? [];
-}

frontend/src/assets/react.svg DELETED Viewed

frontend/src/components/ChatWindow.jsx DELETED Viewed

@@ -1,63 +0,0 @@
-import { useEffect, useState } from 'react'
-import MessageList from './MessageList'
-import InputBar from './InputBar'
-import SessionList from './SessionList'
-import UsernameForm from './UsernameForm'
-import '../styles/chat.css'
-import { fetchStream, fetchSessions } from '../api'
-function ChatWindow() {
-  const [messages, setMessages] = useState([])
-  const [sessionName] = useState(() => crypto.randomUUID())
-  const [sessions, setSessions] = useState([])
-  const [username, setUsername] = useState(() =>
-    localStorage.getItem('username') || ''
-  )
-  useEffect(() => {
-    if (username) {
-      fetchSessions(username).then(setSessions)
-    }
-  }, [username])
-  const refreshSessions = () => {
-    if (username) {
-      fetchSessions(username).then(setSessions)
-    }
-  }
-  const sendMessage = async (text) => {
-    const userMsg = { role: 'user', content: text }
-    setMessages((prev) => [...prev, userMsg, { role: 'assistant', content: '' }])
-    const index = messages.length + 1
-    await fetchStream(username, sessionName, text, (chunk) => {
-      setMessages((prev) => {
-        const copy = [...prev]
-        copy[index] = { ...copy[index], content: copy[index].content + chunk }
-        return copy
-      })
-    })
-    refreshSessions()
-  }
-  const handleUsernameSet = (name) => {
-    localStorage.setItem('username', name)
-    setUsername(name)
-  }
-  return (
-    <div className="chat-container">
-      {!username ? (
-        <UsernameForm onSet={handleUsernameSet} />
-      ) : (
-        <>
-          <SessionList sessions={sessions} current={sessionName} />
-          <MessageList messages={messages} />
-          <InputBar onSend={sendMessage} />
-        </>
-      )}
-    </div>
-  )
-}
-export default ChatWindow

frontend/src/components/InputBar.jsx DELETED Viewed

@@ -1,31 +0,0 @@
-import { useState } from 'react'
-import PropTypes from 'prop-types'
-function InputBar({ onSend }) {
-  const [text, setText] = useState('')
-  const handleSubmit = (e) => {
-    e.preventDefault()
-    if (!text.trim()) return
-    onSend(text)
-    setText('')
-  }
-  return (
-    <form className="input-bar" onSubmit={handleSubmit}>
-      <input
-        type="text"
-        value={text}
-        onChange={(e) => setText(e.target.value)}
-        placeholder="Type a message..."
-      />
-      <button type="submit">Send</button>
-    </form>
-  )
-}
-InputBar.propTypes = {
-  onSend: PropTypes.func.isRequired,
-}
-export default InputBar

frontend/src/components/MessageBubble.jsx DELETED Viewed

@@ -1,13 +0,0 @@
-import PropTypes from 'prop-types'
-import '../styles/chat.css'
-function MessageBubble({ role, content }) {
-  return <div className={`message ${role}`}>{content}</div>
-}
-MessageBubble.propTypes = {
-  role: PropTypes.string.isRequired,
-  content: PropTypes.string.isRequired,
-}
-export default MessageBubble

frontend/src/components/MessageList.jsx DELETED Viewed

@@ -1,23 +0,0 @@
-import PropTypes from 'prop-types'
-import MessageBubble from './MessageBubble'
-function MessageList({ messages }) {
-  return (
-    <div className="message-list">
-      {messages.map((m, i) => (
-        <MessageBubble key={i} role={m.role} content={m.content} />
-      ))}
-    </div>
-  )
-}
-MessageList.propTypes = {
-  messages: PropTypes.arrayOf(
-    PropTypes.shape({
-      role: PropTypes.string.isRequired,
-      content: PropTypes.string.isRequired,
-    })
-  ).isRequired,
-}
-export default MessageList

frontend/src/components/SessionList.jsx DELETED Viewed

@@ -1,24 +0,0 @@
-import PropTypes from 'prop-types'
-import '../styles/chat.css'
-function SessionList({ sessions, current }) {
-  return (
-    <div className="session-list">
-      {sessions.map((name) => (
-        <span
-          key={name}
-          className={`session-item ${name === current ? 'active' : ''}`}
-        >
-          {name}
-        </span>
-      ))}
-    </div>
-  )
-}
-SessionList.propTypes = {
-  sessions: PropTypes.arrayOf(PropTypes.string).isRequired,
-  current: PropTypes.string.isRequired,
-}
-export default SessionList

frontend/src/components/UsernameForm.jsx DELETED Viewed

@@ -1,32 +0,0 @@
-import { useState } from 'react'
-import PropTypes from 'prop-types'
-import '../styles/chat.css'
-function UsernameForm({ onSet }) {
-  const [name, setName] = useState('')
-  const handleSubmit = (e) => {
-    e.preventDefault()
-    const trimmed = name.trim()
-    if (!trimmed) return
-    onSet(trimmed)
-  }
-  return (
-    <form className="username-form" onSubmit={handleSubmit}>
-      <input
-        type="text"
-        value={name}
-        onChange={(e) => setName(e.target.value)}
-        placeholder="Enter your name..."
-      />
-      <button type="submit">Start Chatting</button>
-    </form>
-  )
-}
-UsernameForm.propTypes = {
-  onSet: PropTypes.func.isRequired,
-}
-export default UsernameForm

frontend/src/index.css DELETED Viewed

@@ -1,47 +0,0 @@
-:root {
-  --glass-bg: rgba(255, 255, 255, 0.15);
-  --glass-border: rgba(255, 255, 255, 0.35);
-  --blur: 16px;
-  --radius: 20px;
-  --glare: radial-gradient(circle at top left, rgba(255, 255, 255, 0.6), transparent);
-}
-* {
-  box-sizing: border-box;
-}
-body {
-  margin: 0;
-  padding: 0;
-  font-family: 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;
-  background: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 100vh;
-  position: relative;
-  overflow: hidden;
-}
-body::before,
-body::after {
-  content: '';
-  position: absolute;
-  width: 300px;
-  height: 300px;
-  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.5), transparent);
-  filter: blur(100px);
-  z-index: 0;
-  mix-blend-mode: overlay;
-  opacity: 0.6;
-}
-body::before {
-  top: -80px;
-  left: -80px;
-}
-body::after {
-  bottom: -80px;
-  right: -80px;
-}

frontend/src/main.jsx DELETED Viewed

@@ -1,10 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.jsx'
-createRoot(document.getElementById('root')).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)

frontend/src/styles/chat.css DELETED Viewed

@@ -1,167 +0,0 @@
-.chat-container {
-  width: 420px;
-  max-width: 90vw;
-  height: 600px;
-  display: flex;
-  flex-direction: column;
-  background: var(--glass-bg);
-  border: 1px solid var(--glass-border);
-  backdrop-filter: blur(var(--blur)) saturate(180%);
-  -webkit-backdrop-filter: blur(var(--blur)) saturate(180%);
-  border-radius: var(--radius);
-  padding: 1rem;
-  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-  position: relative;
-  overflow: hidden;
-}
-.chat-container::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: var(--glare);
-  mix-blend-mode: overlay;
-  pointer-events: none;
-}
-.message-list {
-  flex: 1;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  padding-right: 4px;
-  scroll-behavior: smooth;
-}
-.session-list {
-  display: flex;
-  gap: 0.5rem;
-  flex-wrap: wrap;
-  margin-bottom: 0.5rem;
-  z-index: 1;
-}
-.session-item {
-  padding: 0.25rem 0.5rem;
-  background: var(--glass-bg);
-  border: 1px solid var(--glass-border);
-  border-radius: var(--radius);
-  backdrop-filter: blur(var(--blur));
-  -webkit-backdrop-filter: blur(var(--blur));
-  font-size: 0.75rem;
-  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
-}
-.session-item.active {
-  background: rgba(255, 255, 255, 0.4);
-  font-weight: bold;
-}
-.message {
-  width: fit-content;
-  max-width: 80%;
-  padding: 0.5rem 1rem;
-  background: var(--glass-bg);
-  border: 1px solid var(--glass-border);
-  border-radius: var(--radius);
-  backdrop-filter: blur(var(--blur));
-  -webkit-backdrop-filter: blur(var(--blur));
-  animation: jelly 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-}
-.message.user {
-  align-self: flex-end;
-}
-.input-bar {
-  display: flex;
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-}
-.input-bar input {
-  flex: 1;
-  padding: 0.5rem 1rem;
-  border: 1px solid var(--glass-border);
-  background: var(--glass-bg);
-  border-radius: var(--radius);
-  backdrop-filter: blur(var(--blur));
-  -webkit-backdrop-filter: blur(var(--blur));
-  color: #000;
-  outline: none;
-}
-.input-bar button {
-  padding: 0.5rem 1rem;
-  border: none;
-  border-radius: var(--radius);
-  background: rgba(255, 255, 255, 0.6);
-  color: #000;
-  font-weight: bold;
-  cursor: pointer;
-  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
-}
-.username-form {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  flex: 1;
-  justify-content: center;
-  align-items: center;
-}
-.username-form input {
-  padding: 0.75rem 1rem;
-  border: 1px solid var(--glass-border);
-  background: var(--glass-bg);
-  border-radius: var(--radius);
-  backdrop-filter: blur(var(--blur));
-  -webkit-backdrop-filter: blur(var(--blur));
-  width: 100%;
-  max-width: 200px;
-  text-align: center;
-  outline: none;
-}
-.username-form button {
-  padding: 0.5rem 1.5rem;
-  border: none;
-  border-radius: var(--radius);
-  background: rgba(255, 255, 255, 0.7);
-  font-weight: bold;
-  cursor: pointer;
-  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
-}
-.username-form button:hover {
-  transform: scale(1.05);
-}
-.username-form button:active {
-  transform: scale(0.95);
-}
-.input-bar button:hover {
-  transform: scale(1.05);
-}
-.input-bar button:active {
-  transform: scale(0.95);
-}
-@keyframes jelly {
-  0% {
-    transform: scale(0.9);
-  }
-  40% {
-    transform: scale(1.05);
-  }
-  60% {
-    transform: scale(0.97);
-  }
-  100% {
-    transform: scale(1);
-  }
-}

frontend/vite.config.js DELETED Viewed

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-})