Vaayne
75766dbfdc
- Created CommandPocPage.tsx with basic layout structure - Added POC-specific TypeScript interfaces and types - Implemented basic UI components: PocHeader, PocMessageList, PocMessageBubble, PocCommandInput, PocStatusBar - Added /command-poc route to Router.tsx - Set up component folder structure following PRD specifications 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Python CLI Web Interface</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>Python CLI Web Interface</h1>
|
|
<div class="status">
|
|
<span id="status-indicator" class="status-disconnected">●</span>
|
|
<span id="status-text">Disconnected</span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="chat-container">
|
|
<div id="output" class="output-area"></div>
|
|
|
|
<div class="input-area">
|
|
<div class="command-input-container">
|
|
<input type="text" id="command-input" placeholder="Enter Python command (e.g., python script.py)" autocomplete="off">
|
|
<button id="run-btn">Run</button>
|
|
<button id="kill-btn" disabled>Kill</button>
|
|
</div>
|
|
|
|
<div class="user-input-container" id="user-input-container" style="display: none;">
|
|
<input type="text" id="user-input" placeholder="Enter input for Python script..." autocomplete="off">
|
|
<button id="send-btn">Send</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |