fantasy-cli 1.2.10 → 1.2.11

data/lib/gsd/api/public/style.css

@@ -0,0 +1,416 @@
+:root {
+    /* Colors - Hacker/Fantasy Theme */
+    --bg-base: #050510;
+    --bg-panel: #0a0a1a;
+    --bg-input: #111122;
+    --text-main: #e0e0e0;
+    --text-dim: #8888aa;
+    --accent-cyan: #00f0ff;
+    --accent-purple: #9d4edd;
+    --accent-pink: #ff007f;
+    --border-dim: #1a1a3a;
+    --glow-cyan: 0 0 10px rgba(0, 240, 255, 0.4);
+    --glow-purple: 0 0 10px rgba(157, 78, 221, 0.4);
+
+    /* Fonts */
+    --font-body: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    --font-mono: "Fira Code", "Consolas", monospace;
+}
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    background-color: var(--bg-base);
+    color: var(--text-main);
+    font-family: var(--font-body);
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    padding: 20px;
+    gap: 20px;
+}
+
+/* Header */
+.app-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 20px;
+    background-color: var(--bg-panel);
+    border: 1px solid var(--border-dim);
+    border-radius: 8px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
+}
+
+.logo h1 {
+    font-family: var(--font-mono);
+    color: var(--accent-cyan);
+    text-transform: uppercase;
+    font-size: 1.5rem;
+    text-shadow: var(--glow-cyan);
+}
+
+.logo .subtitle {
+    font-size: 0.8rem;
+    color: var(--accent-purple);
+    font-family: var(--font-mono);
+    letter-spacing: 2px;
+    text-transform: uppercase;
+}
+
+.app-nav ul {
+    display: flex;
+    list-style: none;
+    gap: 20px;
+}
+
+.app-nav a {
+    color: var(--text-main);
+    text-decoration: none;
+    font-family: var(--font-mono);
+    font-size: 0.9rem;
+    transition:
+        color 0.3s,
+        text-shadow 0.3s;
+}
+
+.app-nav a:hover {
+    color: var(--accent-pink);
+    text-shadow: 0 0 8px var(--accent-pink);
+}
+
+/* Main Grid */
+.dashboard-grid {
+    display: grid;
+    grid-template-columns: 1fr 1.5fr;
+    grid-template-rows: auto 1fr;
+    gap: 20px;
+    flex-grow: 1;
+    /* Cap height so inner scrollbars work */
+    height: calc(100vh - 120px);
+}
+
+/* Specific Placements */
+#project-state {
+    grid-column: 1 / 2;
+    grid-row: 1 / 2;
+}
+#phases-list {
+    grid-column: 1 / 2;
+    grid-row: 2 / 3;
+}
+#roadmap-summary {
+    grid-column: 2 / 3;
+    grid-row: 1 / 2;
+}
+#ai-chat {
+    grid-column: 2 / 3;
+    grid-row: 2 / 3;
+}
+
+/* Panels */
+.panel {
+    background-color: var(--bg-panel);
+    border: 1px solid var(--border-dim);
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    position: relative;
+}
+
+.panel::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+        90deg,
+        var(--accent-cyan),
+        var(--accent-purple)
+    );
+}
+
+.panel-header {
+    padding: 15px 20px;
+    border-bottom: 1px solid var(--border-dim);
+    background-color: rgba(255, 255, 255, 0.02);
+}
+
+.panel-header h2 {
+    font-family: var(--font-mono);
+    font-size: 1.1rem;
+    color: var(--accent-purple);
+    text-transform: uppercase;
+    letter-spacing: 1px;
+}
+
+.panel-content {
+    padding: 20px;
+    flex-grow: 1;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
+
+.loading-indicator {
+    color: var(--text-dim);
+    font-family: var(--font-mono);
+    font-size: 0.9rem;
+    animation: pulse 1.5s infinite;
+}
+
+@keyframes pulse {
+    0%,
+    100% {
+        opacity: 0.5;
+    }
+    50% {
+        opacity: 1;
+    }
+}
+
+/* State Content (Injected by JS) */
+.stat-row {
+    display: flex;
+    justify-content: space-between;
+    font-family: var(--font-mono);
+    font-size: 0.9rem;
+}
+
+.stat-row .label {
+    color: var(--text-dim);
+}
+
+.stat-row .value {
+    color: var(--accent-cyan);
+    font-weight: bold;
+}
+
+.progress-bar-container {
+    height: 8px;
+    background-color: var(--bg-input);
+    border-radius: 4px;
+    overflow: hidden;
+    margin-top: 10px;
+}
+
+.progress-bar {
+    height: 100%;
+    background: linear-gradient(
+        90deg,
+        var(--accent-cyan),
+        var(--accent-purple)
+    );
+    width: 0%;
+    transition: width 0.3s ease;
+    box-shadow: var(--glow-cyan);
+}
+
+/* Phase and Roadmap Items (Injected by JS) */
+.phase-item,
+.roadmap-item {
+    background: var(--bg-input);
+    border: 1px solid var(--border-dim);
+    padding: 10px 15px;
+    border-radius: 6px;
+    font-size: 0.9rem;
+    font-family: var(--font-mono);
+}
+
+.status-badge {
+    display: inline-block;
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 0.75rem;
+    margin-left: 10px;
+}
+
+.status-active {
+    color: var(--accent-cyan);
+    border: 1px solid var(--accent-cyan);
+}
+.status-completed {
+    color: #10b981;
+    border: 1px solid #10b981;
+}
+.status-pending {
+    color: var(--text-dim);
+    border: 1px solid var(--text-dim);
+}
+
+/* Chat Section */
+.chat-layout {
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.chat-log-area {
+    flex-grow: 1;
+    padding: 20px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    background-color: var(--bg-panel);
+}
+
+.message {
+    padding: 10px 15px;
+    border-radius: 6px;
+    font-family: var(--font-mono);
+    font-size: 0.85rem;
+    line-height: 1.4;
+    max-width: 85%;
+}
+
+.message.system {
+    color: var(--text-dim);
+    align-self: center;
+    border-left: 2px solid var(--text-dim);
+    max-width: 100%;
+}
+
+.message.user {
+    align-self: flex-end;
+    background-color: rgba(157, 78, 221, 0.1);
+    border: 1px solid var(--accent-purple);
+    color: var(--text-main);
+    border-bottom-right-radius: 0;
+}
+
+.message.ai {
+    align-self: flex-start;
+    background-color: rgba(0, 240, 255, 0.1);
+    border: 1px solid var(--accent-cyan);
+    color: var(--text-main);
+    border-bottom-left-radius: 0;
+}
+
+.timestamp {
+    color: var(--accent-pink);
+    margin-right: 5px;
+}
+
+.chat-input-area {
+    padding: 15px;
+    background-color: var(--bg-input);
+    border-top: 1px solid var(--border-dim);
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.config-row {
+    display: flex;
+    gap: 15px;
+}
+
+.message-row {
+    display: flex;
+    gap: 15px;
+    align-items: flex-end;
+}
+
+.input-group {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+}
+
+.flex-grow {
+    flex-grow: 1;
+}
+
+.input-group label {
+    font-family: var(--font-mono);
+    font-size: 0.75rem;
+    color: var(--text-dim);
+    text-transform: uppercase;
+}
+
+select,
+input,
+textarea {
+    background-color: var(--bg-base);
+    color: var(--text-main);
+    border: 1px solid var(--border-dim);
+    padding: 8px 12px;
+    border-radius: 4px;
+    font-family: var(--font-mono);
+    font-size: 0.85rem;
+    outline: none;
+    transition:
+        border-color 0.3s,
+        box-shadow 0.3s;
+}
+
+textarea {
+    resize: vertical;
+}
+
+select:focus,
+input:focus,
+textarea:focus {
+    border-color: var(--accent-cyan);
+    box-shadow: 0 0 5px rgba(0, 240, 255, 0.3);
+}
+
+.action-btn {
+    background-color: transparent;
+    color: var(--accent-cyan);
+    border: 1px solid var(--accent-cyan);
+    padding: 0 20px;
+    border-radius: 4px;
+    font-family: var(--font-mono);
+    font-weight: bold;
+    text-transform: uppercase;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    height: 38px;
+}
+
+.action-btn:hover {
+    background-color: var(--accent-cyan);
+    color: var(--bg-base);
+    box-shadow: var(--glow-cyan);
+}
+
+/* Scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+}
+::-webkit-scrollbar-track {
+    background: var(--bg-base);
+}
+::-webkit-scrollbar-thumb {
+    background: var(--border-dim);
+    border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: var(--accent-purple);
+}
+
+@media (max-width: 900px) {
+    .dashboard-grid {
+        grid-template-columns: 1fr;
+        height: auto;
+    }
+    #project-state,
+    #phases-list,
+    #roadmap-summary,
+    #ai-chat {
+        grid-column: 1 / 2;
+        grid-row: auto;
+        min-height: 300px;
+    }
+}

data/lib/gsd/api/routes/health.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+require 'time'
+
+module Gsd
+  module API
+    module Routes
+      # Health route handler - Returns API server status and metadata
+      class Health
+        class << self
+          # Returns health check response
+          #
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def check(cwd: nil)
+            cwd ||= Dir.pwd
+            JSON.pretty_generate(
+              status: 'ok',
+              service: 'fantasy-cli-api',
+              version: Gsd::VERSION,
+              cwd: cwd,
+              timestamp: Time.now.iso8601,
+              uptime: uptime_seconds,
+              ruby_version: RUBY_VERSION,
+              endpoints: available_endpoints
+            )
+          end
+
+          private
+
+          def uptime_seconds
+            # Track server start time
+            @start_time ||= Time.now
+            (Time.now - @start_time).round
+          end
+
+          def available_endpoints
+            [
+              'GET /api/health',
+              'GET /api/state',
+              'GET /api/state/:section',
+              'GET /api/phases',
+              'GET /api/phases/:num',
+              'GET /api/roadmap'
+            ]
+          end
+        end
+      end
+    end
+  end
+end

data/lib/gsd/api/routes/phases.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+require 'json'
+
+module Gsd
+  module API
+    module Routes
+      # Phases route handlers - Exposes Gsd::Phase operations via HTTP
+      class Phases
+        class << self
+          # Lists all phases
+          #
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def list(cwd)
+            data = Gsd::Phase.list(cwd: cwd)
+            JSON.pretty_generate({
+              success: true,
+              data: data
+            })
+          end
+
+          # Finds a specific phase
+          #
+          # @param phase_num [String] Phase number to find
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def find(phase_num, cwd)
+            data = Gsd::Phase.find(phase_num, cwd: cwd)
+            JSON.pretty_generate({
+              success: true,
+              phase: phase_num,
+              data: data
+            })
+          end
+
+          # Creates a new phase
+          #
+          # @param description [String] Phase description
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def add(description, cwd)
+            unless description && !description.strip.empty?
+              raise ArgumentError, "description is required"
+            end
+
+            data = Gsd::Phase.add(description, cwd: cwd)
+            JSON.pretty_generate({
+              success: true,
+              data: data
+            })
+          end
+        end
+      end
+    end
+  end
+end

data/lib/gsd/api/routes/roadmap.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+require 'json'
+
+module Gsd
+  module API
+    module Routes
+      # Roadmap route handlers - Exposes Gsd::Roadmap operations via HTTP
+      class Roadmap
+        class << self
+          # Analyzes the full roadmap
+          #
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def analyze(cwd)
+            data = Gsd::Roadmap.analyze(cwd: cwd)
+            JSON.pretty_generate({
+              success: true,
+              data: data
+            })
+          end
+
+          # Gets a specific phase from the roadmap
+          #
+          # @param phase_num [String] Phase number to retrieve
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def get_phase(phase_num, cwd)
+            data = Gsd::Roadmap.get_phase(phase_num, cwd: cwd)
+            JSON.pretty_generate({
+              success: true,
+              phase: phase_num,
+              data: data
+            })
+          end
+        end
+      end
+    end
+  end
+end

data/lib/gsd/api/routes/state.rb

@@ -0,0 +1,68 @@
+# frozen_string_literal: true
+
+require 'json'
+
+module Gsd
+  module API
+    module Routes
+      # State route handlers - Exposes Gsd::State operations via HTTP
+      class State
+        class << self
+          # Returns state JSON
+          #
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def json(cwd)
+            data = Gsd::State.json(cwd: cwd)
+            JSON.pretty_generate({
+              success: true,
+              data: data
+            })
+          end
+
+          # Returns a specific state section
+          #
+          # @param section [String] Section name to retrieve
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def get_section(section, cwd)
+            data = Gsd::State.get(section: section, cwd: cwd)
+            JSON.pretty_generate({
+              success: true,
+              section: section,
+              data: data
+            })
+          end
+
+          # Updates a single state field
+          #
+          # @param field [String] Field name to update
+          # @param value [String] New value
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def update(field, value, cwd)
+            data = Gsd::State.update(field: field, value: value, cwd: cwd)
+            JSON.pretty_generate({
+              success: true,
+              field: field,
+              data: data
+            })
+          end
+
+          # Patches multiple state fields
+          #
+          # @param fields [Hash] Fields to update
+          # @param cwd [String] Working directory
+          # @return [String] JSON response
+          def patch(fields, cwd)
+            data = Gsd::State.patch(fields: fields, cwd: cwd)
+            JSON.pretty_generate({
+              success: true,
+              data: data
+            })
+          end
+        end
+      end
+    end
+  end
+end