codex-map 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,101 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" data-theme="light">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Codex Map</title>
7
+ <link rel="icon" href="data:,">
8
+ <link rel="stylesheet" href="/style.css">
9
+ <link id="hljs-light" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github.min.css">
10
+ <link id="hljs-dark" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github-dark.min.css" disabled>
11
+ </head>
12
+ <body>
13
+ <div id="app-loader" class="app-loader">
14
+ <div class="loader-card">
15
+ <div class="loader-orb"></div>
16
+ <strong>Loading Codex Map</strong>
17
+ <p>Scanning config, sessions, tools, and local files…</p>
18
+ </div>
19
+ </div>
20
+ <div class="shell">
21
+ <aside class="sidebar">
22
+ <button class="brand" onclick="selectGlobal()">
23
+ <span>Codex Map</span>
24
+ </button>
25
+
26
+ <div class="sidebar-card">
27
+ <div class="sidebar-row">
28
+ <h2>Projects</h2>
29
+ <button class="btn btn-small" onclick="openBrowser()">Add</button>
30
+ </div>
31
+ <div class="input-row">
32
+ <input id="path-input" type="text" placeholder="Paste project path">
33
+ <button class="btn btn-small" onclick="addPath()">Go</button>
34
+ </div>
35
+ <div id="project-list" class="project-list"></div>
36
+ </div>
37
+
38
+ <div class="sidebar-actions">
39
+ <button class="btn" onclick="toggleTheme()">Theme</button>
40
+ <button class="btn" onclick="downloadExport()">Export JSON</button>
41
+ <button class="btn" onclick="downloadBundle()">Bundle</button>
42
+ </div>
43
+
44
+ <div class="sidebar-meta">
45
+ <span id="sse-status">Connecting…</span>
46
+ <span id="scan-meta"></span>
47
+ </div>
48
+ </aside>
49
+
50
+ <main class="main">
51
+ <header class="hero">
52
+ <div>
53
+ <p class="eyebrow">Visual Codex dashboard</p>
54
+ <h1 id="hero-title">Your Codex setup, finally visible.</h1>
55
+ <p id="hero-subtitle" class="hero-copy">Scan global config, compare project skills, inspect sessions, and export the setup you actually use.</p>
56
+ </div>
57
+ <div class="hero-metrics" id="hero-metrics"></div>
58
+ </header>
59
+
60
+ <nav id="tabs" class="tabs"></nav>
61
+ <section id="content" class="content"></section>
62
+ </main>
63
+ </div>
64
+
65
+ <div id="browser-modal" class="modal hidden" onclick="closeBrowser()">
66
+ <div class="dialog" onclick="event.stopPropagation()">
67
+ <div class="dialog-head">
68
+ <h3>Select Project Folder</h3>
69
+ <button class="btn btn-small" onclick="closeBrowser()">Close</button>
70
+ </div>
71
+ <div id="browser-crumbs" class="crumbs"></div>
72
+ <div id="browser-bookmarks" class="bookmarks"></div>
73
+ <div id="browser-list" class="browser-list"></div>
74
+ </div>
75
+ </div>
76
+
77
+ <div id="skill-modal" class="modal hidden" onclick="closeSkillModal()">
78
+ <div class="dialog" onclick="event.stopPropagation()">
79
+ <div class="dialog-head">
80
+ <h3 id="skill-modal-title">Edit Skill</h3>
81
+ <button class="btn btn-small" onclick="closeSkillModal()">Close</button>
82
+ </div>
83
+ <div class="input-row">
84
+ <input id="skill-name-input" type="text" placeholder="skill-name">
85
+ <button class="btn btn-small" onclick="saveSkill()">Save</button>
86
+ </div>
87
+ <textarea id="skill-content-input" class="skill-textarea" placeholder="---&#10;name: My Skill&#10;description: What it does&#10;allowed-tools: Bash, Read&#10;---&#10;&#10;Instructions..."></textarea>
88
+ <div class="dialog-head">
89
+ <small id="skill-scope-label"></small>
90
+ <button id="skill-delete-btn" class="ghost" onclick="deleteSkill()">Delete</button>
91
+ </div>
92
+ </div>
93
+ </div>
94
+
95
+ <div id="toast-stack" class="toast-stack" aria-live="polite" aria-atomic="true"></div>
96
+
97
+ <script src="https://cdn.jsdelivr.net/npm/marked@9.1.6/marked.min.js"></script>
98
+ <script src="https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/highlight.min.js"></script>
99
+ <script src="/app.js"></script>
100
+ </body>
101
+ </html>
Binary file