@tenonhq/dovetail-dashboard 0.0.13

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,79 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sincronia - Update Set Dashboard</title>
7
+ <link rel="stylesheet" href="styles.css">
8
+ </head>
9
+ <body>
10
+ <header>
11
+ <div class="header-left">
12
+ <button class="sidebar-toggle" id="sidebar-toggle" title="ClickUp Tasks" style="display:none;">Tasks</button>
13
+ <h1><span>Sincronia</span> Update Set Dashboard</h1>
14
+ </div>
15
+ <div class="header-right">
16
+ <button class="btn-refresh" id="refresh-btn" title="Refresh scopes and update sets">Refresh</button>
17
+ <div class="active-task-chip" id="active-task-chip" style="display:none;"></div>
18
+ <div class="instance-badge" id="instance-badge">Loading...</div>
19
+ </div>
20
+ </header>
21
+
22
+ <div class="layout">
23
+ <!-- ClickUp Task Sidebar -->
24
+ <div class="sidebar collapsed" id="task-sidebar">
25
+ <div class="sidebar-header">
26
+ <h2>ClickUp Tasks</h2>
27
+ <button class="sidebar-close" id="sidebar-close">&times;</button>
28
+ </div>
29
+ <div class="sidebar-active-task" id="active-task-banner" style="display:none;"></div>
30
+ <div class="sidebar-filters" id="status-filters"></div>
31
+ <div class="sidebar-search">
32
+ <input type="text" id="task-search" placeholder="Search tasks..." class="task-search-input" />
33
+ </div>
34
+ <div class="sidebar-task-toggles" id="task-toggles"></div>
35
+ <div class="sidebar-tasks" id="task-list">
36
+ <div class="loading">Select statuses to load tasks...</div>
37
+ </div>
38
+ </div>
39
+
40
+ <!-- Main Content -->
41
+ <div class="main-content" id="main-content">
42
+ <div class="recent-edits-panel" id="recent-edits-panel" style="display:none;">
43
+ <h2 class="recent-edits-title">Recent Edits</h2>
44
+ <div class="recent-edits-list" id="recent-edits-list"></div>
45
+ </div>
46
+ <div class="scope-grid" id="scope-grid">
47
+ <div class="loading">Loading scopes...</div>
48
+ </div>
49
+ </div>
50
+ </div>
51
+
52
+ <!-- New Update Set Modal -->
53
+ <div class="modal-overlay" id="create-modal">
54
+ <div class="modal">
55
+ <h2>New Update Set</h2>
56
+ <div>
57
+ <label>Scope</label>
58
+ <input type="text" id="modal-scope" readonly>
59
+ </div>
60
+ <div>
61
+ <label>Name</label>
62
+ <input type="text" id="modal-name" placeholder="Update set name">
63
+ </div>
64
+ <div>
65
+ <label>Description (optional)</label>
66
+ <textarea id="modal-description" placeholder="What this update set is for"></textarea>
67
+ </div>
68
+ <div class="modal-actions">
69
+ <button class="btn" onclick="closeModal()">Cancel</button>
70
+ <button class="btn btn-primary" id="modal-create-btn" onclick="createUpdateSet()">Create</button>
71
+ </div>
72
+ </div>
73
+ </div>
74
+
75
+ <div class="toast-container" id="toast-container"></div>
76
+
77
+ <script src="app.js"></script>
78
+ </body>
79
+ </html>