@lyric_dev/data-loom 0.2.4 → 0.4.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.
Files changed (8) hide show
  1. package/README.md +12 -9
  2. package/dist/index.js +5 -15
  3. package/dist/mcpServer.js +88 -42
  4. package/dist/server.js +70 -1
  5. package/package.json +1 -1
  6. package/public/app.js +459 -244
  7. package/public/index.html +51 -18
  8. 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"><img class="brand-logo" src="/icon.svg" alt="" width="22" height="22" />DataLoom</div>
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
- <div class="project">
18
- <label class="project-label" for="project-select">project</label>
19
- <select id="project-select" title="Select which project to display"></select>
20
- </div>
21
- <div class="conn">
22
- <span id="conn-dot" class="dot"></span>
23
- <span id="conn-text">connecting…</span>
24
- <span id="gen" class="gen"></span>
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
- <svg id="edges" class="edges" aria-hidden="true"></svg>
34
- <div id="board" class="board"></div>
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-legend">
41
- <span><i class="swatch solid"></i> global</span>
42
- <span><i class="swatch dashed"></i> project</span>
43
- <span class="topo-hint">click a server to passively check it — data_loom never starts anything</span>
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
- <svg id="spokes" class="edges" aria-hidden="true"></svg>
47
- <div id="topo-nodes"></div>
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">&times;</button>
54
87
  <div id="detail-body"></div>
55
88
  </aside>
56
89