Initial commit: Obsidian Web Interface for Claude Code

- Full IDE with terminal integration using xterm.js - Session management with local and web sessions - HTML preview functionality - Multi-terminal support with session picker Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-19 16:29:44 +00:00
commit 0dd2083556
44 changed files with 18955 additions and 0 deletions
--- a/public/claude-landing.html
+++ b/public/claude-landing.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Claude Code</title>
+    <link rel="stylesheet" href="/claude/css/style.css">
+    <link rel="stylesheet" href="/claude/claude-ide/sessions-landing.css">
+</head>
+<body class="sessions-page">
+    <!-- Hero Section -->
+    <section class="hero-section">
+        <h1 class="hero-title">Claude Code</h1>
+        <p class="hero-subtitle">Start coding</p>
+        <input
+            type="text"
+            id="project-input"
+            class="project-input"
+            placeholder="What project are you working on?"
+            maxlength="50"
+            autocomplete="off"
+        />
+        <div id="input-status" class="input-status"></div>
+    </section>
+
+    <!-- Projects Section -->
+    <section class="projects-section">
+        <div class="projects-header">
+            <h2 class="projects-title">Projects</h2>
+            <button class="btn-refresh" onclick="refreshSessions()">
+                <span>🔄</span> Refresh
+            </button>
+        </div>
+
+        <!-- Empty State -->
+        <div id="projects-empty" class="projects-empty" style="display: none;">
+            No projects yet. Type above to create your first one.
+        </div>
+
+        <!-- Projects Table -->
+        <div class="projects-table-wrapper">
+            <table id="projects-table" class="projects-table">
+                <thead>
+                    <tr>
+                        <th class="col-name">Project Name</th>
+                        <th class="col-activity">Last Activity</th>
+                        <th class="col-status">Status</th>
+                        <th class="col-actions">Actions</th>
+                    </tr>
+                </thead>
+                <tbody id="projects-tbody">
+                    <!-- Rows rendered dynamically -->
+                </tbody>
+            </table>
+        </div>
+    </section>
+
+    <script src="/claude/js/app.js"></script>
+    <script src="/claude/claude-ide/sessions-landing.js"></script>
+</body>
+</html>