@lyric_dev/data-loom 0.2.4 → 0.3.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.
- package/dist/mcpServer.js +1 -1
- package/package.json +1 -1
- package/public/app.js +459 -244
- package/public/index.html +51 -18
- package/public/style.css +829 -189
package/public/index.html
CHANGED
|
@@ -5,23 +5,51 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
6
|
<title>DataLoom</title>
|
|
7
7
|
<link rel="icon" type="image/svg+xml" href="/icon.svg" />
|
|
8
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
9
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
10
|
+
<link
|
|
11
|
+
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Public+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap"
|
|
12
|
+
rel="stylesheet"
|
|
13
|
+
/>
|
|
8
14
|
<link rel="stylesheet" href="/style.css" />
|
|
9
15
|
</head>
|
|
10
16
|
<body>
|
|
11
17
|
<header class="topbar">
|
|
12
|
-
<div class="brand"
|
|
18
|
+
<div class="brand">
|
|
19
|
+
<svg class="brand-mark" width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
|
20
|
+
<rect x="1" y="1" width="22" height="22" rx="6.5" fill="var(--panel2)" stroke="var(--border2)" stroke-width="1.1" />
|
|
21
|
+
<g stroke="var(--faint)" stroke-width="1.7" stroke-linecap="round">
|
|
22
|
+
<path d="M5 8H19" /><path d="M5 12H19" /><path d="M5 16H19" />
|
|
23
|
+
</g>
|
|
24
|
+
<g stroke="var(--accent)" stroke-width="1.7" stroke-linecap="round">
|
|
25
|
+
<path d="M8 5V19" /><path d="M12 5V19" /><path d="M16 5V19" />
|
|
26
|
+
</g>
|
|
27
|
+
<circle cx="8" cy="8" r="1.5" fill="var(--text)" /><circle cx="16" cy="16" r="1.5" fill="var(--text)" />
|
|
28
|
+
</svg>
|
|
29
|
+
<span class="wordmark">Data<span class="wordmark-accent">Loom</span></span>
|
|
30
|
+
</div>
|
|
31
|
+
|
|
13
32
|
<nav class="tabs">
|
|
14
33
|
<button class="tab active" data-tab="roadmap">Roadmap</button>
|
|
15
34
|
<button class="tab" data-tab="topology">MCP Topology</button>
|
|
16
35
|
</nav>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
<
|
|
23
|
-
|
|
24
|
-
|
|
36
|
+
|
|
37
|
+
<div class="topbar-right">
|
|
38
|
+
<button id="theme-toggle" class="theme-toggle" type="button" title="Switch theme">
|
|
39
|
+
<span class="theme-icon">☾</span><span class="theme-label">dark</span>
|
|
40
|
+
</button>
|
|
41
|
+
<div class="project">
|
|
42
|
+
<label class="project-label" for="project-select">project</label>
|
|
43
|
+
<div class="project-pill">
|
|
44
|
+
<select id="project-select" title="Select which project to display"></select>
|
|
45
|
+
<span class="project-caret">▾</span>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
<div class="conn">
|
|
49
|
+
<span id="conn-dot" class="dot"></span>
|
|
50
|
+
<span id="conn-text">connecting…</span>
|
|
51
|
+
<span id="gen" class="gen"></span>
|
|
52
|
+
</div>
|
|
25
53
|
</div>
|
|
26
54
|
</header>
|
|
27
55
|
|
|
@@ -30,27 +58,32 @@
|
|
|
30
58
|
<div id="conflicts" class="conflicts hidden"></div>
|
|
31
59
|
<div id="review" class="review hidden"></div>
|
|
32
60
|
<div class="board-wrap">
|
|
33
|
-
<
|
|
34
|
-
|
|
61
|
+
<div id="board" class="board">
|
|
62
|
+
<svg id="edges" class="edges" viewBox="0 0 1180 600" preserveAspectRatio="xMidYMid meet" aria-hidden="true"></svg>
|
|
63
|
+
</div>
|
|
35
64
|
</div>
|
|
36
65
|
<section id="doneband" class="doneband hidden"></section>
|
|
37
66
|
</section>
|
|
38
67
|
|
|
39
68
|
<section id="topology" class="view">
|
|
40
|
-
<div class="topo-
|
|
41
|
-
<
|
|
42
|
-
|
|
43
|
-
|
|
69
|
+
<div class="topo-controls">
|
|
70
|
+
<div class="scope-row">
|
|
71
|
+
<span class="scope-tag">scope</span>
|
|
72
|
+
<button class="scope-chip active" data-scope="all">all</button>
|
|
73
|
+
<button class="scope-chip" data-scope="global">global</button>
|
|
74
|
+
<button class="scope-chip" data-scope="project">project</button>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="pcb-caption">solid trace = global · dashed = project · flow = reachable</div>
|
|
44
77
|
</div>
|
|
45
78
|
<div id="topo-wrap" class="topo-wrap">
|
|
46
|
-
<
|
|
47
|
-
|
|
79
|
+
<div id="topo-nodes" class="pcb">
|
|
80
|
+
<svg id="spokes" class="edges" viewBox="0 0 1200 640" preserveAspectRatio="xMidYMid meet" aria-hidden="true"></svg>
|
|
81
|
+
</div>
|
|
48
82
|
</div>
|
|
49
83
|
</section>
|
|
50
84
|
</main>
|
|
51
85
|
|
|
52
86
|
<aside id="detail" class="detail hidden">
|
|
53
|
-
<button id="detail-close" class="detail-close" aria-label="Close">×</button>
|
|
54
87
|
<div id="detail-body"></div>
|
|
55
88
|
</aside>
|
|
56
89
|
|