Import FastTextPager repo

2 files changed, 125 insertions, 0 deletions

diff --git a/ui/src/components.css b/ui/src/components.css
new file mode 100644
index 0000000..2832e12
--- /dev/null
+++ b/ui/src/components.css
@@ -0,0 +1,122 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+    .config-section {
+        @apply bg-white rounded-lg shadow-md p-6;
+    }
+    
+    .section-title {
+        @apply text-xl font-semibold text-gray-700 mb-4;
+    }
+    
+    .form-label {
+        @apply block text-sm font-medium text-gray-700 mb-2;
+    }
+    
+    .form-input {
+        @apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm;
+    }
+    
+    .checkbox-label {
+        @apply flex items-center cursor-pointer hover:bg-gray-50 p-2 rounded;
+    }
+    
+    .checkbox-text {
+        @apply text-sm text-gray-700;
+    }
+    
+    .btn {
+        @apply px-4 py-2 font-medium text-sm rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2;
+    }
+    
+    .btn-blue {
+        @apply bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500;
+    }
+    
+    .btn-green {
+        @apply bg-green-600 text-white hover:bg-green-700 focus:ring-green-500;
+    }
+    
+    .btn-gray {
+        @apply bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500;
+    }
+    
+    .btn-red {
+        @apply bg-red-600 text-white hover:bg-red-700 focus:ring-red-500;
+    }
+    
+    .btn-purple {
+        @apply bg-purple-600 text-white hover:bg-purple-700 focus:ring-purple-500;
+    }
+    
+    .btn-orange {
+        @apply bg-orange-600 text-white hover:bg-orange-700 focus:ring-orange-500;
+    }
+}
+
+/* Console styling */
+#python-console {
+    background-color: #1a1a1a;
+    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
+    line-height: 1.4;
+}
+
+#console-content {
+    word-wrap: break-word;
+}
+
+/* Console text colors */
+.console-stdout {
+    color: #a8cc8c;
+}
+
+.console-stderr {
+    color: #e88388;
+}
+
+.console-info {
+    color: #66c2cd;
+}
+
+.console-timestamp {
+    color: #6c7986;
+    font-size: 0.875rem;
+}
+
+/* Ensure full height layout */
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.container-fluid {
+    max-width: 100%;
+    height: 100vh;
+}
+
+/* Scrollbar styling for console */
+#python-console::-webkit-scrollbar {
+    width: 8px;
+}
+
+#python-console::-webkit-scrollbar-track {
+    background: #2a2a2a;
+}
+
+#python-console::-webkit-scrollbar-thumb {
+    background: #4a4a4a;
+    border-radius: 4px;
+}
+
+#python-console::-webkit-scrollbar-thumb:hover {
+    background: #5a5a5a;
+}
+
+/* Ensure buttons have proper disabled states */
+button:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+} 
diff --git a/ui/src/input.css b/ui/src/input.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/ui/src/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;