snow-flow 3.4.36 → 3.5.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/README.md +414 -287
- package/dist/cli/deploy-artifact.js +2 -2
- package/dist/index.d.ts +4 -0
- package/dist/index.js +10 -2
- package/dist/mcp/enhancements/smart-query-enhancement.d.ts +49 -0
- package/dist/mcp/enhancements/smart-query-enhancement.js +233 -0
- package/dist/mcp/servicenow-deployment-mcp.js +1 -1
- package/dist/mcp/servicenow-local-development-mcp.d.ts +48 -0
- package/dist/mcp/servicenow-local-development-mcp.js +570 -0
- package/dist/mcp/servicenow-mcp-server.js +2 -2
- package/dist/queen/agent-factory.js +134 -52
- package/dist/queen/queen-knowledge-base.d.ts +151 -0
- package/dist/queen/queen-knowledge-base.js +283 -0
- package/dist/queen/servicenow-queen.d.ts +129 -2
- package/dist/queen/servicenow-queen.js +1069 -618
- package/dist/services/widget-deployment-service.d.ts +1 -1
- package/dist/services/widget-deployment-service.js +1 -1
- package/dist/templates/claude-md-template.d.ts +1 -1
- package/dist/templates/claude-md-template.js +2 -2
- package/dist/types/servicenow.types.d.ts +1 -1
- package/dist/utils/artifact-local-sync.d.ts +115 -0
- package/dist/utils/artifact-local-sync.js +705 -0
- package/dist/utils/artifact-sync/artifact-registry.d.ts +66 -0
- package/dist/utils/artifact-sync/artifact-registry.js +450 -0
- package/dist/utils/artifact-sync/index.d.ts +33 -0
- package/dist/utils/artifact-sync/index.js +52 -0
- package/dist/utils/dependency-detector.d.ts +1 -1
- package/dist/utils/dependency-detector.js +1 -1
- package/dist/utils/mcp-tool-registry.js +109 -0
- package/dist/utils/servicenow-client.d.ts +1 -1
- package/dist/utils/servicenow-client.js +4 -8
- package/dist/utils/smart-field-fetcher.d.ts +68 -0
- package/dist/utils/smart-field-fetcher.js +395 -0
- package/package.json +2 -2
- package/website/.dockerignore +64 -0
- package/website/Dockerfile +36 -0
- package/website/README.md +40 -1
- package/website/cloudbuild.yaml +69 -0
- package/website/components/README.md +419 -0
- package/website/components/code-display/CodeDisplay.css +583 -0
- package/website/components/code-display/CodeDisplay.html +200 -0
- package/website/components/code-display/CodeDisplay.js +375 -0
- package/website/components/code-display/CodeDisplay.jsx +268 -0
- package/website/components/demo/ComponentLibraryDemo.html +845 -0
- package/website/components/feature-cards/FeatureCards.css +573 -0
- package/website/components/feature-cards/FeatureCards.html +247 -0
- package/website/components/feature-cards/FeatureCards.js +382 -0
- package/website/components/feature-cards/FeatureCards.jsx +235 -0
- package/website/components/hero/Hero.css +558 -0
- package/website/components/hero/Hero.html +98 -0
- package/website/components/hero/Hero.js +415 -0
- package/website/components/hero/Hero.jsx +214 -0
- package/website/components/interactive/InteractiveElements.css +776 -0
- package/website/components/interactive/InteractiveElements.html +283 -0
- package/website/components/interactive/InteractiveElements.js +489 -0
- package/website/components/interactive/InteractiveElements.jsx +444 -0
- package/website/components/layout/LayoutComponents.css +697 -0
- package/website/components/layout/LayoutComponents.html +374 -0
- package/website/components/layout/LayoutComponents.js +447 -0
- package/website/components/layout/LayoutComponents.jsx +379 -0
- package/website/components/navigation/Navigation.css +383 -0
- package/website/components/navigation/Navigation.html +89 -0
- package/website/components/navigation/Navigation.js +248 -0
- package/website/components/navigation/Navigation.jsx +124 -0
- package/website/css/animations.css +854 -0
- package/website/css/style.css +1010 -924
- package/website/index.html +728 -412
- package/website/js/animations.js +707 -0
- package/website/js/main.js +333 -381
- package/website/mcp-servers.html +310 -0
- package/website/nginx.conf +116 -0
- package/website/service.yaml +61 -0
|
@@ -0,0 +1,283 @@
|
|
|
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>Snow-Flow Interactive Elements</title>
|
|
7
|
+
<link rel="stylesheet" href="InteractiveElements.css">
|
|
8
|
+
<style>
|
|
9
|
+
body {
|
|
10
|
+
margin: 0;
|
|
11
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
12
|
+
background: #f5f5f5;
|
|
13
|
+
}
|
|
14
|
+
</style>
|
|
15
|
+
</head>
|
|
16
|
+
<body>
|
|
17
|
+
<!-- Interactive Elements Demo Section -->
|
|
18
|
+
<section class="sf-interactive-demo" id="sf-interactive-demo">
|
|
19
|
+
<div class="sf-interactive-demo__container">
|
|
20
|
+
<h2 class="sf-interactive-demo__title">Interactive Elements</h2>
|
|
21
|
+
<p class="sf-interactive-demo__subtitle">
|
|
22
|
+
A comprehensive collection of interactive UI components with modern black/white design
|
|
23
|
+
</p>
|
|
24
|
+
|
|
25
|
+
<!-- Buttons Section -->
|
|
26
|
+
<div class="sf-demo-section">
|
|
27
|
+
<h3 class="sf-demo-section__title">Buttons</h3>
|
|
28
|
+
<div class="sf-demo-grid">
|
|
29
|
+
<button class="sf-button sf-button--primary sf-button--medium" data-variant="primary">
|
|
30
|
+
<span class="sf-button__content">Primary Button</span>
|
|
31
|
+
</button>
|
|
32
|
+
|
|
33
|
+
<button class="sf-button sf-button--secondary sf-button--medium" data-variant="secondary">
|
|
34
|
+
<span class="sf-button__content">Secondary Button</span>
|
|
35
|
+
</button>
|
|
36
|
+
|
|
37
|
+
<button class="sf-button sf-button--ghost sf-button--medium" data-variant="ghost">
|
|
38
|
+
<span class="sf-button__content">Ghost Button</span>
|
|
39
|
+
</button>
|
|
40
|
+
|
|
41
|
+
<button class="sf-button sf-button--danger sf-button--medium" data-variant="danger">
|
|
42
|
+
<span class="sf-button__content">Danger Button</span>
|
|
43
|
+
</button>
|
|
44
|
+
|
|
45
|
+
<button class="sf-button sf-button--primary sf-button--medium sf-button--disabled" disabled>
|
|
46
|
+
<span class="sf-button__content">Disabled Button</span>
|
|
47
|
+
</button>
|
|
48
|
+
|
|
49
|
+
<button class="sf-button sf-button--primary sf-button--medium" id="loading-demo-btn">
|
|
50
|
+
<span class="sf-button__content">Click to Load</span>
|
|
51
|
+
</button>
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
<!-- Button Sizes -->
|
|
55
|
+
<h4 style="margin-top: 2rem; margin-bottom: 1rem; color: #666;">Button Sizes</h4>
|
|
56
|
+
<div class="sf-demo-grid">
|
|
57
|
+
<button class="sf-button sf-button--primary sf-button--small">
|
|
58
|
+
<span class="sf-button__content">Small</span>
|
|
59
|
+
</button>
|
|
60
|
+
<button class="sf-button sf-button--primary sf-button--medium">
|
|
61
|
+
<span class="sf-button__content">Medium</span>
|
|
62
|
+
</button>
|
|
63
|
+
<button class="sf-button sf-button--primary sf-button--large">
|
|
64
|
+
<span class="sf-button__content">Large</span>
|
|
65
|
+
</button>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
|
|
69
|
+
<!-- Form Inputs Section -->
|
|
70
|
+
<div class="sf-demo-section">
|
|
71
|
+
<h3 class="sf-demo-section__title">Form Inputs</h3>
|
|
72
|
+
<div class="sf-demo-grid sf-demo-grid--vertical">
|
|
73
|
+
<div class="sf-input" data-input="username">
|
|
74
|
+
<label class="sf-input__label">
|
|
75
|
+
Username
|
|
76
|
+
<span class="sf-input__required">*</span>
|
|
77
|
+
</label>
|
|
78
|
+
<div class="sf-input__wrapper">
|
|
79
|
+
<input
|
|
80
|
+
type="text"
|
|
81
|
+
class="sf-input__field"
|
|
82
|
+
placeholder="Enter your username"
|
|
83
|
+
id="username-input"
|
|
84
|
+
/>
|
|
85
|
+
<div class="sf-input__border"></div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
<div class="sf-input" data-input="email">
|
|
90
|
+
<label class="sf-input__label">Email</label>
|
|
91
|
+
<div class="sf-input__wrapper">
|
|
92
|
+
<input
|
|
93
|
+
type="email"
|
|
94
|
+
class="sf-input__field"
|
|
95
|
+
placeholder="Enter your email"
|
|
96
|
+
id="email-input"
|
|
97
|
+
/>
|
|
98
|
+
<div class="sf-input__border"></div>
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
|
|
102
|
+
<div class="sf-input" data-input="password">
|
|
103
|
+
<label class="sf-input__label">Password</label>
|
|
104
|
+
<div class="sf-input__wrapper">
|
|
105
|
+
<input
|
|
106
|
+
type="password"
|
|
107
|
+
class="sf-input__field"
|
|
108
|
+
placeholder="Enter your password"
|
|
109
|
+
id="password-input"
|
|
110
|
+
/>
|
|
111
|
+
<div class="sf-input__border"></div>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
|
|
115
|
+
<div class="sf-input sf-input--error" data-input="error">
|
|
116
|
+
<label class="sf-input__label">Error Example</label>
|
|
117
|
+
<div class="sf-input__wrapper">
|
|
118
|
+
<input
|
|
119
|
+
type="text"
|
|
120
|
+
class="sf-input__field"
|
|
121
|
+
placeholder="This field has an error"
|
|
122
|
+
id="error-input"
|
|
123
|
+
value="invalid input"
|
|
124
|
+
/>
|
|
125
|
+
<div class="sf-input__border"></div>
|
|
126
|
+
</div>
|
|
127
|
+
<span class="sf-input__error">This field is required</span>
|
|
128
|
+
</div>
|
|
129
|
+
|
|
130
|
+
<div class="sf-input sf-input--disabled" data-input="disabled">
|
|
131
|
+
<label class="sf-input__label">Disabled Input</label>
|
|
132
|
+
<div class="sf-input__wrapper">
|
|
133
|
+
<input
|
|
134
|
+
type="text"
|
|
135
|
+
class="sf-input__field"
|
|
136
|
+
placeholder="This is disabled"
|
|
137
|
+
disabled
|
|
138
|
+
/>
|
|
139
|
+
<div class="sf-input__border"></div>
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
142
|
+
</div>
|
|
143
|
+
</div>
|
|
144
|
+
|
|
145
|
+
<!-- Toggle Switches Section -->
|
|
146
|
+
<div class="sf-demo-section">
|
|
147
|
+
<h3 class="sf-demo-section__title">Toggle Switches</h3>
|
|
148
|
+
<div class="sf-demo-grid">
|
|
149
|
+
<label class="sf-toggle sf-toggle--medium" data-toggle="notifications">
|
|
150
|
+
<input type="checkbox" class="sf-toggle__input" id="notifications-toggle" />
|
|
151
|
+
<span class="sf-toggle__slider">
|
|
152
|
+
<span class="sf-toggle__thumb"></span>
|
|
153
|
+
</span>
|
|
154
|
+
<span class="sf-toggle__label">Enable notifications</span>
|
|
155
|
+
</label>
|
|
156
|
+
|
|
157
|
+
<label class="sf-toggle sf-toggle--small" data-toggle="darkmode">
|
|
158
|
+
<input type="checkbox" class="sf-toggle__input" id="darkmode-toggle" />
|
|
159
|
+
<span class="sf-toggle__slider">
|
|
160
|
+
<span class="sf-toggle__thumb"></span>
|
|
161
|
+
</span>
|
|
162
|
+
<span class="sf-toggle__label">Dark mode</span>
|
|
163
|
+
</label>
|
|
164
|
+
|
|
165
|
+
<label class="sf-toggle sf-toggle--large" data-toggle="autosave">
|
|
166
|
+
<input type="checkbox" class="sf-toggle__input" id="autosave-toggle" checked />
|
|
167
|
+
<span class="sf-toggle__slider">
|
|
168
|
+
<span class="sf-toggle__thumb"></span>
|
|
169
|
+
</span>
|
|
170
|
+
<span class="sf-toggle__label">Auto-save</span>
|
|
171
|
+
</label>
|
|
172
|
+
|
|
173
|
+
<label class="sf-toggle sf-toggle--medium sf-toggle--disabled" data-toggle="disabled">
|
|
174
|
+
<input type="checkbox" class="sf-toggle__input" disabled />
|
|
175
|
+
<span class="sf-toggle__slider">
|
|
176
|
+
<span class="sf-toggle__thumb"></span>
|
|
177
|
+
</span>
|
|
178
|
+
<span class="sf-toggle__label">Disabled toggle</span>
|
|
179
|
+
</label>
|
|
180
|
+
</div>
|
|
181
|
+
</div>
|
|
182
|
+
|
|
183
|
+
<!-- Progress Bars Section -->
|
|
184
|
+
<div class="sf-demo-section">
|
|
185
|
+
<h3 class="sf-demo-section__title">Progress Indicators</h3>
|
|
186
|
+
<div class="sf-demo-grid sf-demo-grid--vertical">
|
|
187
|
+
<div class="sf-progress sf-progress--medium sf-progress--animated" data-progress="main">
|
|
188
|
+
<div class="sf-progress__header">
|
|
189
|
+
<span class="sf-progress__label">Upload Progress</span>
|
|
190
|
+
<span class="sf-progress__percent">65%</span>
|
|
191
|
+
</div>
|
|
192
|
+
<div class="sf-progress__track">
|
|
193
|
+
<div class="sf-progress__fill" style="width: 65%">
|
|
194
|
+
<div class="sf-progress__shimmer"></div>
|
|
195
|
+
</div>
|
|
196
|
+
</div>
|
|
197
|
+
</div>
|
|
198
|
+
|
|
199
|
+
<div class="sf-progress sf-progress--small sf-progress--animated">
|
|
200
|
+
<div class="sf-progress__header">
|
|
201
|
+
<span class="sf-progress__label">Loading</span>
|
|
202
|
+
<span class="sf-progress__percent">35%</span>
|
|
203
|
+
</div>
|
|
204
|
+
<div class="sf-progress__track">
|
|
205
|
+
<div class="sf-progress__fill" style="width: 35%">
|
|
206
|
+
<div class="sf-progress__shimmer"></div>
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
</div>
|
|
210
|
+
|
|
211
|
+
<div class="sf-progress sf-progress--medium">
|
|
212
|
+
<div class="sf-progress__track">
|
|
213
|
+
<div class="sf-progress__fill" style="width: 80%">
|
|
214
|
+
<div class="sf-progress__shimmer"></div>
|
|
215
|
+
</div>
|
|
216
|
+
</div>
|
|
217
|
+
</div>
|
|
218
|
+
|
|
219
|
+
<div class="sf-demo-controls">
|
|
220
|
+
<button class="sf-button sf-button--secondary sf-button--small" id="progress-decrease">
|
|
221
|
+
<span class="sf-button__content">-10%</span>
|
|
222
|
+
</button>
|
|
223
|
+
<button class="sf-button sf-button--secondary sf-button--small" id="progress-increase">
|
|
224
|
+
<span class="sf-button__content">+10%</span>
|
|
225
|
+
</button>
|
|
226
|
+
</div>
|
|
227
|
+
</div>
|
|
228
|
+
</div>
|
|
229
|
+
|
|
230
|
+
<!-- Tooltips Section -->
|
|
231
|
+
<div class="sf-demo-section">
|
|
232
|
+
<h3 class="sf-demo-section__title">Tooltips</h3>
|
|
233
|
+
<div class="sf-demo-grid">
|
|
234
|
+
<div class="sf-tooltip-trigger" data-tooltip="This is a top tooltip" data-position="top">
|
|
235
|
+
<button class="sf-button sf-button--ghost sf-button--medium">
|
|
236
|
+
<span class="sf-button__content">Hover me (Top)</span>
|
|
237
|
+
</button>
|
|
238
|
+
</div>
|
|
239
|
+
|
|
240
|
+
<div class="sf-tooltip-trigger" data-tooltip="This is a bottom tooltip" data-position="bottom">
|
|
241
|
+
<button class="sf-button sf-button--ghost sf-button--medium">
|
|
242
|
+
<span class="sf-button__content">Hover me (Bottom)</span>
|
|
243
|
+
</button>
|
|
244
|
+
</div>
|
|
245
|
+
|
|
246
|
+
<div class="sf-tooltip-trigger" data-tooltip="Click tooltip that stays open" data-trigger="click">
|
|
247
|
+
<button class="sf-button sf-button--ghost sf-button--medium">
|
|
248
|
+
<span class="sf-button__content">Click me</span>
|
|
249
|
+
</button>
|
|
250
|
+
</div>
|
|
251
|
+
</div>
|
|
252
|
+
</div>
|
|
253
|
+
|
|
254
|
+
<!-- Loading Spinners Section -->
|
|
255
|
+
<div class="sf-demo-section">
|
|
256
|
+
<h3 class="sf-demo-section__title">Loading Spinners</h3>
|
|
257
|
+
<div class="sf-demo-grid">
|
|
258
|
+
<div class="sf-spinner sf-spinner--small sf-spinner--primary">
|
|
259
|
+
<div class="sf-spinner__circle"></div>
|
|
260
|
+
</div>
|
|
261
|
+
|
|
262
|
+
<div class="sf-spinner sf-spinner--medium sf-spinner--primary">
|
|
263
|
+
<div class="sf-spinner__circle"></div>
|
|
264
|
+
</div>
|
|
265
|
+
|
|
266
|
+
<div class="sf-spinner sf-spinner--large sf-spinner--primary">
|
|
267
|
+
<div class="sf-spinner__circle"></div>
|
|
268
|
+
</div>
|
|
269
|
+
|
|
270
|
+
<div class="sf-spinner sf-spinner--medium sf-spinner--secondary">
|
|
271
|
+
<div class="sf-spinner__circle"></div>
|
|
272
|
+
</div>
|
|
273
|
+
</div>
|
|
274
|
+
</div>
|
|
275
|
+
</div>
|
|
276
|
+
</section>
|
|
277
|
+
|
|
278
|
+
<!-- Tooltip Container -->
|
|
279
|
+
<div id="tooltip-container"></div>
|
|
280
|
+
|
|
281
|
+
<script src="InteractiveElements.js"></script>
|
|
282
|
+
</body>
|
|
283
|
+
</html>
|