kiro-memory 1.0.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,252 @@
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>ContextKit Viewer</title>
7
+ <style>
8
+ /* CSS Variables */
9
+ :root {
10
+ --bg-primary: #ffffff;
11
+ --bg-secondary: #f5f5f5;
12
+ --bg-tertiary: #eeeeee;
13
+ --text-primary: #1a1a1a;
14
+ --text-secondary: #666666;
15
+ --border-color: #e0e0e0;
16
+ --accent-color: #2563eb;
17
+ --success-color: #22c55e;
18
+ --error-color: #ef4444;
19
+ }
20
+
21
+ [data-theme="dark"] {
22
+ --bg-primary: #1a1a1a;
23
+ --bg-secondary: #2a2a2a;
24
+ --bg-tertiary: #333333;
25
+ --text-primary: #ffffff;
26
+ --text-secondary: #a0a0a0;
27
+ --border-color: #404040;
28
+ --accent-color: #3b82f6;
29
+ --success-color: #4ade80;
30
+ --error-color: #f87171;
31
+ }
32
+
33
+ * {
34
+ margin: 0;
35
+ padding: 0;
36
+ box-sizing: border-box;
37
+ }
38
+
39
+ body {
40
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
41
+ background: var(--bg-primary);
42
+ color: var(--text-primary);
43
+ line-height: 1.6;
44
+ }
45
+
46
+ .app {
47
+ min-height: 100vh;
48
+ display: flex;
49
+ flex-direction: column;
50
+ }
51
+
52
+ /* Header */
53
+ .header {
54
+ display: flex;
55
+ align-items: center;
56
+ justify-content: space-between;
57
+ padding: 1rem 2rem;
58
+ background: var(--bg-secondary);
59
+ border-bottom: 1px solid var(--border-color);
60
+ position: sticky;
61
+ top: 0;
62
+ z-index: 100;
63
+ }
64
+
65
+ .header-left {
66
+ display: flex;
67
+ align-items: center;
68
+ gap: 1rem;
69
+ }
70
+
71
+ .header-left h1 {
72
+ font-size: 1.5rem;
73
+ font-weight: 600;
74
+ }
75
+
76
+ .connection-status {
77
+ padding: 0.25rem 0.75rem;
78
+ border-radius: 9999px;
79
+ font-size: 0.75rem;
80
+ font-weight: 500;
81
+ }
82
+
83
+ .connection-status.connected {
84
+ background: var(--success-color);
85
+ color: white;
86
+ }
87
+
88
+ .connection-status.disconnected {
89
+ background: var(--error-color);
90
+ color: white;
91
+ }
92
+
93
+ .header-center,
94
+ .header-right {
95
+ display: flex;
96
+ align-items: center;
97
+ gap: 1rem;
98
+ }
99
+
100
+ select {
101
+ padding: 0.5rem 1rem;
102
+ border: 1px solid var(--border-color);
103
+ border-radius: 0.375rem;
104
+ background: var(--bg-primary);
105
+ color: var(--text-primary);
106
+ font-size: 0.875rem;
107
+ cursor: pointer;
108
+ }
109
+
110
+ /* Feed */
111
+ .feed {
112
+ flex: 1;
113
+ padding: 2rem;
114
+ max-width: 1200px;
115
+ margin: 0 auto;
116
+ width: 100%;
117
+ }
118
+
119
+ .card {
120
+ background: var(--bg-secondary);
121
+ border: 1px solid var(--border-color);
122
+ border-radius: 0.5rem;
123
+ padding: 1.5rem;
124
+ margin-bottom: 1rem;
125
+ }
126
+
127
+ .card-header {
128
+ display: flex;
129
+ align-items: center;
130
+ gap: 0.75rem;
131
+ margin-bottom: 0.75rem;
132
+ font-size: 0.875rem;
133
+ }
134
+
135
+ .card-type {
136
+ background: var(--accent-color);
137
+ color: white;
138
+ padding: 0.25rem 0.5rem;
139
+ border-radius: 0.25rem;
140
+ font-size: 0.75rem;
141
+ font-weight: 500;
142
+ text-transform: uppercase;
143
+ }
144
+
145
+ .card-project {
146
+ color: var(--text-secondary);
147
+ font-weight: 500;
148
+ }
149
+
150
+ .card-date {
151
+ color: var(--text-secondary);
152
+ margin-left: auto;
153
+ font-size: 0.75rem;
154
+ }
155
+
156
+ .card-title {
157
+ font-size: 1.125rem;
158
+ font-weight: 600;
159
+ margin-bottom: 0.5rem;
160
+ }
161
+
162
+ .card-subtitle {
163
+ color: var(--text-secondary);
164
+ font-style: italic;
165
+ margin-bottom: 0.5rem;
166
+ }
167
+
168
+ .card-content {
169
+ color: var(--text-primary);
170
+ line-height: 1.6;
171
+ white-space: pre-wrap;
172
+ }
173
+
174
+ .card-tags {
175
+ display: flex;
176
+ flex-wrap: wrap;
177
+ gap: 0.5rem;
178
+ margin-top: 0.75rem;
179
+ }
180
+
181
+ .tag {
182
+ background: var(--bg-tertiary);
183
+ padding: 0.25rem 0.5rem;
184
+ border-radius: 0.25rem;
185
+ font-size: 0.75rem;
186
+ color: var(--text-secondary);
187
+ }
188
+
189
+ .summary-section {
190
+ margin-top: 0.75rem;
191
+ }
192
+
193
+ .summary-section strong {
194
+ display: block;
195
+ margin-bottom: 0.25rem;
196
+ color: var(--text-secondary);
197
+ font-size: 0.875rem;
198
+ }
199
+
200
+ .load-more-btn {
201
+ display: block;
202
+ width: 100%;
203
+ padding: 1rem;
204
+ background: var(--bg-secondary);
205
+ border: 1px solid var(--border-color);
206
+ border-radius: 0.5rem;
207
+ color: var(--text-primary);
208
+ font-size: 0.875rem;
209
+ cursor: pointer;
210
+ transition: background 0.2s;
211
+ }
212
+
213
+ .load-more-btn:hover:not(:disabled) {
214
+ background: var(--bg-tertiary);
215
+ }
216
+
217
+ .load-more-btn:disabled {
218
+ opacity: 0.5;
219
+ cursor: not-allowed;
220
+ }
221
+
222
+ .empty-state {
223
+ text-align: center;
224
+ padding: 4rem 2rem;
225
+ color: var(--text-secondary);
226
+ }
227
+
228
+ /* Scrollbar */
229
+ ::-webkit-scrollbar {
230
+ width: 8px;
231
+ height: 8px;
232
+ }
233
+
234
+ ::-webkit-scrollbar-track {
235
+ background: var(--bg-secondary);
236
+ }
237
+
238
+ ::-webkit-scrollbar-thumb {
239
+ background: var(--border-color);
240
+ border-radius: 4px;
241
+ }
242
+
243
+ ::-webkit-scrollbar-thumb:hover {
244
+ background: var(--text-secondary);
245
+ }
246
+ </style>
247
+ </head>
248
+ <body>
249
+ <div id="root"></div>
250
+ <script type="module" src="/viewer.js"></script>
251
+ </body>
252
+ </html>