@burdenoff/microfe-bigconsole 2026.1012.1 → 2026.1012.2

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 (11) hide show
  1. package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js +328 -308
  2. package/dist/bigconsole/components/dashboard/TemplateLayoutPreview.js +3 -3
  3. package/dist/bigconsole/components/widgets/chart/ChartWidget.js +125 -129
  4. package/dist/bigconsole/components/widgets/chart/charts/AreaChart.js +50 -45
  5. package/dist/bigconsole/components/widgets/chart/charts/BarChart.js +40 -35
  6. package/dist/bigconsole/components/widgets/chart/charts/ComboChart.js +41 -48
  7. package/dist/bigconsole/components/widgets/chart/charts/LineChart.js +41 -36
  8. package/dist/bigconsole/components/widgets/chart/charts/numericSeries.d.ts +6 -0
  9. package/dist/bigconsole/components/widgets/chart/charts/numericSeries.js +26 -0
  10. package/dist/bigconsole/components/widgets/chart/charts/types.d.ts +2 -0
  11. package/package.json +1 -1
package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js CHANGED
@@ -144,11 +144,18 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
144
144
  children: /* @__PURE__ */ g(ce, {
145
145
  style: {
146
146
  maxWidth: L === "template" ? "900px" : "480px",
147
- width: "100%",
147
+ width: "calc(100vw - 2 * var(--space-pagePadding))",
148
+ maxHeight: "calc(100dvh - 2 * var(--space-pagePadding))",
149
+ display: "flex",
150
+ flexDirection: "column",
151
+ overflow: "hidden",
148
152
  padding: 0
149
153
  },
150
154
  children: [/* @__PURE__ */ h(de, {
151
- style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
155
+ style: {
156
+ padding: "var(--space-pagePadding) var(--space-pagePadding) 0",
157
+ flexShrink: 0
158
+ },
152
159
  children: /* @__PURE__ */ g("div", {
153
160
  style: {
154
161
  display: "flex",
@@ -193,121 +200,179 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
193
200
  })
194
201
  }), /* @__PURE__ */ g("form", {
195
202
  onSubmit: we,
196
- children: [
197
- b && /* @__PURE__ */ h("div", {
198
- style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
199
- children: /* @__PURE__ */ g("div", {
200
- role: "group",
201
- "aria-label": "How to start",
202
- style: {
203
- display: "flex",
204
- flexWrap: "wrap",
205
- gap: "var(--space-controlGap)",
206
- padding: "var(--space-controlGap)",
207
- backgroundColor: "var(--color-bg-sunken)",
208
- borderRadius: "var(--radius-button)"
209
- },
210
- children: [/* @__PURE__ */ g("button", {
211
- type: "button",
212
- disabled: _ || E,
213
- onClick: () => {
214
- R("blank"), J(null);
215
- },
216
- style: {
217
- flex: 1,
218
- display: "flex",
219
- alignItems: "center",
220
- justifyContent: "center",
221
- gap: "var(--space-iconGap)",
222
- padding: "var(--space-controlGap) var(--space-formGap)",
223
- borderRadius: "var(--radius-button)",
224
- border: "none",
225
- backgroundColor: L === "blank" ? "var(--color-bg-surface)" : "transparent",
226
- color: L === "blank" ? "var(--color-text-primary)" : "var(--color-text-secondary)",
227
- fontWeight: L === "blank" ? "var(--font-weight-semibold)" : "var(--font-weight-regular)",
228
- fontSize: "var(--font-size-body-sm)",
229
- cursor: "pointer",
230
- boxShadow: L === "blank" ? "var(--shadow-elevation-1)" : "none",
231
- transition: "all 0.15s ease"
232
- },
233
- children: [/* @__PURE__ */ h(u, { style: {
234
- height: "var(--size-icon-sm)",
235
- width: "var(--size-icon-sm)"
236
- } }), S("bigconsole.dashboards.createDialog.tab.blank", "Blank Dashboard")]
237
- }), /* @__PURE__ */ g("button", {
238
- type: "button",
239
- disabled: _ || E,
240
- onClick: () => R("template"),
203
+ style: {
204
+ display: "flex",
205
+ flexDirection: "column",
206
+ minHeight: 0,
207
+ flex: "1 1 auto"
208
+ },
209
+ children: [/* @__PURE__ */ g("div", {
210
+ style: {
211
+ overflowY: "auto",
212
+ minHeight: 0,
213
+ flex: "1 1 auto"
214
+ },
215
+ children: [
216
+ b && /* @__PURE__ */ h("div", {
217
+ style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
218
+ children: /* @__PURE__ */ g("div", {
219
+ role: "group",
220
+ "aria-label": "How to start",
241
221
  style: {
242
- flex: 1,
243
222
  display: "flex",
244
- alignItems: "center",
245
- justifyContent: "center",
246
- gap: "var(--space-iconGap)",
247
- padding: "var(--space-controlGap) var(--space-formGap)",
248
- borderRadius: "var(--radius-button)",
249
- border: "none",
250
- backgroundColor: L === "template" ? "var(--color-bg-surface)" : "transparent",
251
- color: L === "template" ? "var(--color-text-primary)" : "var(--color-text-secondary)",
252
- fontWeight: L === "template" ? "var(--font-weight-semibold)" : "var(--font-weight-regular)",
253
- fontSize: "var(--font-size-body-sm)",
254
- cursor: "pointer",
255
- boxShadow: L === "template" ? "var(--shadow-elevation-1)" : "none",
256
- transition: "all 0.15s ease"
223
+ flexWrap: "wrap",
224
+ gap: "var(--space-controlGap)",
225
+ padding: "var(--space-controlGap)",
226
+ backgroundColor: "var(--color-bg-sunken)",
227
+ borderRadius: "var(--radius-button)"
257
228
  },
258
- children: [/* @__PURE__ */ h(ne, { style: {
259
- height: "var(--size-icon-sm)",
260
- width: "var(--size-icon-sm)"
261
- } }), S("bigconsole.dashboards.createDialog.tab.template", "From Template")]
262
- })]
263
- })
264
- }),
265
- L === "template" && /* @__PURE__ */ h("div", {
266
- style: {
267
- padding: "var(--space-pagePadding)",
268
- maxHeight: "400px",
269
- overflowY: "auto"
270
- },
271
- children: /* @__PURE__ */ h(t, {
272
- templates: ge,
273
- loading: _e,
274
- error: C,
275
- selectedTemplateId: q?.id,
276
- onSelect: Ce
277
- })
278
- }),
279
- L === "template" && q && /* @__PURE__ */ g("div", {
280
- style: { padding: "var(--space-pagePadding)" },
281
- children: [j && /* @__PURE__ */ h(m, {}), Q && /* @__PURE__ */ g(pe, { children: [/* @__PURE__ */ h(r, { content: Q }), /* @__PURE__ */ h(n, {
282
- content: Q,
283
- bindings: N,
284
- onBindingChange: (e, t) => P((n) => ({
285
- ...n,
286
- [e]: t
287
- })),
288
- inputValues: F,
289
- onInputChange: (e, t) => I((n) => ({
290
- ...n,
291
- [e]: t
292
- })),
293
- disabled: _ || E
294
- })] })]
295
- }),
296
- /* @__PURE__ */ h("div", {
297
- style: { padding: "var(--space-pagePadding)" },
298
- children: /* @__PURE__ */ g(e, {
299
- headingLevel: 3,
300
- emphasis: "bare",
301
- padding: "none",
302
- title: "Dashboard details",
303
- description: "Name it now — everything else can change later.",
304
- "data-testid": "create-dashboard-details",
305
- children: [
306
- /* @__PURE__ */ g("div", {
307
- style: { marginBottom: "var(--space-formGap)" },
308
- children: [
309
- /* @__PURE__ */ g("label", {
310
- htmlFor: "dashboard-name",
229
+ children: [/* @__PURE__ */ g("button", {
230
+ type: "button",
231
+ disabled: _ || E,
232
+ onClick: () => {
233
+ R("blank"), J(null);
234
+ },
235
+ style: {
236
+ flex: 1,
237
+ display: "flex",
238
+ alignItems: "center",
239
+ justifyContent: "center",
240
+ gap: "var(--space-iconGap)",
241
+ padding: "var(--space-controlGap) var(--space-formGap)",
242
+ borderRadius: "var(--radius-button)",
243
+ border: "none",
244
+ backgroundColor: L === "blank" ? "var(--color-bg-surface)" : "transparent",
245
+ color: L === "blank" ? "var(--color-text-primary)" : "var(--color-text-secondary)",
246
+ fontWeight: L === "blank" ? "var(--font-weight-semibold)" : "var(--font-weight-regular)",
247
+ fontSize: "var(--font-size-body-sm)",
248
+ cursor: "pointer",
249
+ boxShadow: L === "blank" ? "var(--shadow-elevation-1)" : "none",
250
+ transition: "all 0.15s ease"
251
+ },
252
+ children: [/* @__PURE__ */ h(u, { style: {
253
+ height: "var(--size-icon-sm)",
254
+ width: "var(--size-icon-sm)"
255
+ } }), S("bigconsole.dashboards.createDialog.tab.blank", "Blank Dashboard")]
256
+ }), /* @__PURE__ */ g("button", {
257
+ type: "button",
258
+ disabled: _ || E,
259
+ onClick: () => R("template"),
260
+ style: {
261
+ flex: 1,
262
+ display: "flex",
263
+ alignItems: "center",
264
+ justifyContent: "center",
265
+ gap: "var(--space-iconGap)",
266
+ padding: "var(--space-controlGap) var(--space-formGap)",
267
+ borderRadius: "var(--radius-button)",
268
+ border: "none",
269
+ backgroundColor: L === "template" ? "var(--color-bg-surface)" : "transparent",
270
+ color: L === "template" ? "var(--color-text-primary)" : "var(--color-text-secondary)",
271
+ fontWeight: L === "template" ? "var(--font-weight-semibold)" : "var(--font-weight-regular)",
272
+ fontSize: "var(--font-size-body-sm)",
273
+ cursor: "pointer",
274
+ boxShadow: L === "template" ? "var(--shadow-elevation-1)" : "none",
275
+ transition: "all 0.15s ease"
276
+ },
277
+ children: [/* @__PURE__ */ h(ne, { style: {
278
+ height: "var(--size-icon-sm)",
279
+ width: "var(--size-icon-sm)"
280
+ } }), S("bigconsole.dashboards.createDialog.tab.template", "From Template")]
281
+ })]
282
+ })
283
+ }),
284
+ L === "template" && /* @__PURE__ */ h("div", {
285
+ style: {
286
+ padding: "var(--space-pagePadding)",
287
+ maxHeight: "400px",
288
+ overflowY: "auto"
289
+ },
290
+ children: /* @__PURE__ */ h(t, {
291
+ templates: ge,
292
+ loading: _e,
293
+ error: C,
294
+ selectedTemplateId: q?.id,
295
+ onSelect: Ce
296
+ })
297
+ }),
298
+ L === "template" && q && /* @__PURE__ */ g("div", {
299
+ style: { padding: "var(--space-pagePadding)" },
300
+ children: [j && /* @__PURE__ */ h(m, {}), Q && /* @__PURE__ */ g(pe, { children: [/* @__PURE__ */ h(r, { content: Q }), /* @__PURE__ */ h(n, {
301
+ content: Q,
302
+ bindings: N,
303
+ onBindingChange: (e, t) => P((n) => ({
304
+ ...n,
305
+ [e]: t
306
+ })),
307
+ inputValues: F,
308
+ onInputChange: (e, t) => I((n) => ({
309
+ ...n,
310
+ [e]: t
311
+ })),
312
+ disabled: _ || E
313
+ })] })]
314
+ }),
315
+ /* @__PURE__ */ h("div", {
316
+ style: { padding: "var(--space-pagePadding)" },
317
+ children: /* @__PURE__ */ g(e, {
318
+ headingLevel: 3,
319
+ emphasis: "bare",
320
+ padding: "none",
321
+ title: "Dashboard details",
322
+ description: "Name it now — everything else can change later.",
323
+ "data-testid": "create-dashboard-details",
324
+ children: [
325
+ /* @__PURE__ */ g("div", {
326
+ style: { marginBottom: "var(--space-formGap)" },
327
+ children: [
328
+ /* @__PURE__ */ g("label", {
329
+ htmlFor: "dashboard-name",
330
+ style: {
331
+ display: "block",
332
+ fontSize: "var(--font-size-body-sm)",
333
+ fontWeight: "var(--font-weight-semibold)",
334
+ color: "var(--color-text-primary)",
335
+ marginBottom: "var(--space-controlGap)"
336
+ },
337
+ children: [S("bigconsole.dashboards.createDialog.field.name", "Dashboard Name"), /* @__PURE__ */ h("span", {
338
+ style: {
339
+ color: "var(--color-status-error-text)",
340
+ marginLeft: "var(--space-controlGap)"
341
+ },
342
+ children: "*"
343
+ })]
344
+ }),
345
+ /* @__PURE__ */ h(p, {
346
+ ref: Z,
347
+ id: "dashboard-name",
348
+ type: "text",
349
+ value: z,
350
+ onChange: (e) => {
351
+ B(e.target.value), Y && X(null);
352
+ },
353
+ placeholder: S("bigconsole.dashboards.createDialog.field.namePlaceholder", "Enter dashboard name"),
354
+ disabled: _ || E,
355
+ style: {
356
+ height: "var(--size-controlHeight-md)",
357
+ fontSize: "var(--font-size-body-sm)",
358
+ borderColor: Y ? "var(--color-status-error-border)" : void 0
359
+ }
360
+ }),
361
+ Y && /* @__PURE__ */ h("p", {
362
+ style: {
363
+ fontSize: "var(--font-size-body-sm)",
364
+ color: "var(--color-status-error-text)",
365
+ marginTop: "var(--space-controlGap)",
366
+ fontWeight: "var(--font-weight-medium)"
367
+ },
368
+ children: Y
369
+ })
370
+ ]
371
+ }),
372
+ /* @__PURE__ */ g("div", {
373
+ style: { marginBottom: "var(--space-formGap)" },
374
+ children: [/* @__PURE__ */ g("label", {
375
+ htmlFor: "dashboard-description",
311
376
  style: {
312
377
  display: "block",
313
378
  fontSize: "var(--font-size-body-sm)",
@@ -315,226 +380,181 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
315
380
  color: "var(--color-text-primary)",
316
381
  marginBottom: "var(--space-controlGap)"
317
382
  },
318
- children: [S("bigconsole.dashboards.createDialog.field.name", "Dashboard Name"), /* @__PURE__ */ h("span", {
383
+ children: [S("bigconsole.dashboards.createDialog.field.description", "Description"), /* @__PURE__ */ h("span", {
319
384
  style: {
320
- color: "var(--color-status-error-text)",
385
+ color: "var(--color-text-muted)",
386
+ fontWeight: "var(--font-weight-regular)",
321
387
  marginLeft: "var(--space-controlGap)"
322
388
  },
323
- children: "*"
389
+ children: S("bigconsole.dashboards.createDialog.field.optional", "(optional)")
324
390
  })]
325
- }),
326
- /* @__PURE__ */ h(p, {
327
- ref: Z,
328
- id: "dashboard-name",
329
- type: "text",
330
- value: z,
331
- onChange: (e) => {
332
- B(e.target.value), Y && X(null);
333
- },
334
- placeholder: S("bigconsole.dashboards.createDialog.field.namePlaceholder", "Enter dashboard name"),
391
+ }), /* @__PURE__ */ h(fe, {
392
+ id: "dashboard-description",
393
+ value: V,
394
+ onChange: (e) => H(e.target.value),
395
+ placeholder: S("bigconsole.dashboards.createDialog.field.descriptionPlaceholder", "Enter a brief description for this dashboard"),
396
+ rows: 3,
335
397
  disabled: _ || E,
336
398
  style: {
337
- height: "var(--size-controlHeight-md)",
338
399
  fontSize: "var(--font-size-body-sm)",
339
- borderColor: Y ? "var(--color-status-error-border)" : void 0
400
+ resize: "none"
340
401
  }
341
- }),
342
- Y && /* @__PURE__ */ h("p", {
402
+ })]
403
+ }),
404
+ /* @__PURE__ */ g("div", { children: [
405
+ /* @__PURE__ */ g("label", {
406
+ htmlFor: "dashboard-tags",
343
407
  style: {
408
+ display: "flex",
409
+ alignItems: "center",
410
+ gap: "var(--space-iconGap)",
344
411
  fontSize: "var(--font-size-body-sm)",
345
- color: "var(--color-status-error-text)",
346
- marginTop: "var(--space-controlGap)",
347
- fontWeight: "var(--font-weight-medium)"
412
+ fontWeight: "var(--font-weight-semibold)",
413
+ color: "var(--color-text-primary)",
414
+ marginBottom: "var(--space-controlGap)"
348
415
  },
349
- children: Y
350
- })
351
- ]
352
- }),
353
- /* @__PURE__ */ g("div", {
354
- style: { marginBottom: "var(--space-formGap)" },
355
- children: [/* @__PURE__ */ g("label", {
356
- htmlFor: "dashboard-description",
357
- style: {
358
- display: "block",
359
- fontSize: "var(--font-size-body-sm)",
360
- fontWeight: "var(--font-weight-semibold)",
361
- color: "var(--color-text-primary)",
362
- marginBottom: "var(--space-controlGap)"
363
- },
364
- children: [S("bigconsole.dashboards.createDialog.field.description", "Description"), /* @__PURE__ */ h("span", {
416
+ children: [
417
+ /* @__PURE__ */ h(ie, { style: {
418
+ height: "var(--size-icon-sm)",
419
+ width: "var(--size-icon-sm)"
420
+ } }),
421
+ S("bigconsole.dashboards.createDialog.field.tags", "Tags"),
422
+ /* @__PURE__ */ h("span", {
423
+ style: {
424
+ color: "var(--color-text-muted)",
425
+ fontWeight: "var(--font-weight-regular)"
426
+ },
427
+ children: S("bigconsole.dashboards.createDialog.field.tagsOptional", "(optional, max 10)")
428
+ })
429
+ ]
430
+ }),
431
+ U.length > 0 && /* @__PURE__ */ h("div", {
365
432
  style: {
366
- color: "var(--color-text-muted)",
367
- fontWeight: "var(--font-weight-regular)",
368
- marginLeft: "var(--space-controlGap)"
433
+ display: "flex",
434
+ flexWrap: "wrap",
435
+ gap: "var(--space-controlGap)",
436
+ marginBottom: "var(--space-controlGap)"
369
437
  },
370
- children: S("bigconsole.dashboards.createDialog.field.optional", "(optional)")
371
- })]
372
- }), /* @__PURE__ */ h(fe, {
373
- id: "dashboard-description",
374
- value: V,
375
- onChange: (e) => H(e.target.value),
376
- placeholder: S("bigconsole.dashboards.createDialog.field.descriptionPlaceholder", "Enter a brief description for this dashboard"),
377
- rows: 3,
378
- disabled: _ || E,
379
- style: {
380
- fontSize: "var(--font-size-body-sm)",
381
- resize: "none"
382
- }
383
- })]
384
- }),
385
- /* @__PURE__ */ g("div", { children: [
386
- /* @__PURE__ */ g("label", {
387
- htmlFor: "dashboard-tags",
388
- style: {
389
- display: "flex",
390
- alignItems: "center",
391
- gap: "var(--space-iconGap)",
392
- fontSize: "var(--font-size-body-sm)",
393
- fontWeight: "var(--font-weight-semibold)",
394
- color: "var(--color-text-primary)",
395
- marginBottom: "var(--space-controlGap)"
396
- },
397
- children: [
398
- /* @__PURE__ */ h(ie, { style: {
399
- height: "var(--size-icon-sm)",
400
- width: "var(--size-icon-sm)"
401
- } }),
402
- S("bigconsole.dashboards.createDialog.field.tags", "Tags"),
403
- /* @__PURE__ */ h("span", {
438
+ children: U.map((e) => /* @__PURE__ */ g(oe, {
439
+ variant: "secondary",
404
440
  style: {
405
- color: "var(--color-text-muted)",
406
- fontWeight: "var(--font-weight-regular)"
441
+ display: "flex",
442
+ alignItems: "center",
443
+ gap: "4px",
444
+ paddingRight: "4px"
407
445
  },
408
- children: S("bigconsole.dashboards.createDialog.field.tagsOptional", "(optional, max 10)")
409
- })
410
- ]
411
- }),
412
- U.length > 0 && /* @__PURE__ */ h("div", {
413
- style: {
414
- display: "flex",
415
- flexWrap: "wrap",
416
- gap: "var(--space-controlGap)",
417
- marginBottom: "var(--space-controlGap)"
418
- },
419
- children: U.map((e) => /* @__PURE__ */ g(oe, {
420
- variant: "secondary",
446
+ children: [e, /* @__PURE__ */ h("button", {
447
+ type: "button",
448
+ onClick: () => xe(e),
449
+ disabled: _ || E,
450
+ style: {
451
+ display: "flex",
452
+ alignItems: "center",
453
+ justifyContent: "center",
454
+ background: "none",
455
+ border: "none",
456
+ cursor: "pointer",
457
+ padding: "2px",
458
+ borderRadius: "50%",
459
+ color: "inherit",
460
+ opacity: .7
461
+ },
462
+ onMouseOver: (e) => e.currentTarget.style.opacity = "1",
463
+ onMouseOut: (e) => e.currentTarget.style.opacity = "0.7",
464
+ children: /* @__PURE__ */ h(ae, { style: {
465
+ height: "12px",
466
+ width: "12px"
467
+ } })
468
+ })]
469
+ }, e))
470
+ }),
471
+ /* @__PURE__ */ g("div", {
421
472
  style: {
422
473
  display: "flex",
423
- alignItems: "center",
424
- gap: "4px",
425
- paddingRight: "4px"
474
+ gap: "var(--space-controlGap)"
426
475
  },
427
- children: [e, /* @__PURE__ */ h("button", {
428
- type: "button",
429
- onClick: () => xe(e),
430
- disabled: _ || E,
476
+ children: [/* @__PURE__ */ h(p, {
477
+ id: "dashboard-tags",
478
+ type: "text",
479
+ value: G,
480
+ onChange: (e) => K(e.target.value),
481
+ onKeyDown: Se,
482
+ placeholder: U.length >= 10 ? S("bigconsole.dashboards.createDialog.field.tagsMaxReached", "Max tags reached") : S("bigconsole.dashboards.createDialog.field.tagsInputPlaceholder", "Type a tag and press Enter"),
483
+ disabled: _ || E || U.length >= 10,
431
484
  style: {
432
- display: "flex",
433
- alignItems: "center",
434
- justifyContent: "center",
435
- background: "none",
436
- border: "none",
437
- cursor: "pointer",
438
- padding: "2px",
439
- borderRadius: "50%",
440
- color: "inherit",
441
- opacity: .7
442
- },
443
- onMouseOver: (e) => e.currentTarget.style.opacity = "1",
444
- onMouseOut: (e) => e.currentTarget.style.opacity = "0.7",
445
- children: /* @__PURE__ */ h(ae, { style: {
446
- height: "12px",
447
- width: "12px"
448
- } })
485
+ flex: 1,
486
+ height: "var(--size-controlHeight-md)",
487
+ fontSize: "var(--font-size-body-sm)"
488
+ }
489
+ }), /* @__PURE__ */ h(d, {
490
+ type: "button",
491
+ variant: "outline",
492
+ onClick: $,
493
+ disabled: _ || E || !G.trim() || U.length >= 10,
494
+ style: { height: "var(--size-controlHeight-md)" },
495
+ children: S("bigconsole.dashboards.createDialog.action.addTag", "Add")
449
496
  })]
450
- }, e))
451
- }),
452
- /* @__PURE__ */ g("div", {
453
- style: {
454
- display: "flex",
455
- gap: "var(--space-controlGap)"
456
- },
457
- children: [/* @__PURE__ */ h(p, {
458
- id: "dashboard-tags",
459
- type: "text",
460
- value: G,
461
- onChange: (e) => K(e.target.value),
462
- onKeyDown: Se,
463
- placeholder: U.length >= 10 ? S("bigconsole.dashboards.createDialog.field.tagsMaxReached", "Max tags reached") : S("bigconsole.dashboards.createDialog.field.tagsInputPlaceholder", "Type a tag and press Enter"),
464
- disabled: _ || E || U.length >= 10,
497
+ }),
498
+ /* @__PURE__ */ h("p", {
465
499
  style: {
466
- flex: 1,
467
- height: "var(--size-controlHeight-md)",
468
- fontSize: "var(--font-size-body-sm)"
469
- }
470
- }), /* @__PURE__ */ h(d, {
471
- type: "button",
472
- variant: "outline",
473
- onClick: $,
474
- disabled: _ || E || !G.trim() || U.length >= 10,
475
- style: { height: "var(--size-controlHeight-md)" },
476
- children: S("bigconsole.dashboards.createDialog.action.addTag", "Add")
477
- })]
478
- }),
479
- /* @__PURE__ */ h("p", {
480
- style: {
481
- fontSize: "var(--font-size-xs)",
482
- color: "var(--color-text-muted)",
483
- marginTop: "var(--space-controlGap)"
484
- },
485
- children: S("bigconsole.dashboards.createDialog.field.tagsHelp", "Press Enter to add a tag, or click Add")
486
- })
487
- ] })
488
- ]
500
+ fontSize: "var(--font-size-xs)",
501
+ color: "var(--color-text-muted)",
502
+ marginTop: "var(--space-controlGap)"
503
+ },
504
+ children: S("bigconsole.dashboards.createDialog.field.tagsHelp", "Press Enter to add a tag, or click Add")
505
+ })
506
+ ] })
507
+ ]
508
+ })
489
509
  })
490
- }),
491
- /* @__PURE__ */ g(ue, {
510
+ ]
511
+ }), /* @__PURE__ */ g(ue, {
512
+ style: {
513
+ padding: "var(--space-formGap) var(--space-pagePadding)",
514
+ borderTop: "1px solid var(--color-border)",
515
+ backgroundColor: "var(--color-bg-sunken)",
516
+ flexShrink: 0,
517
+ display: "flex",
518
+ justifyContent: "flex-end",
519
+ gap: "var(--space-controlGap)"
520
+ },
521
+ children: [/* @__PURE__ */ h(d, {
522
+ type: "button",
523
+ variant: "outline",
524
+ onClick: v,
525
+ disabled: _ || E,
526
+ style: { height: "var(--size-controlHeight-md)" },
527
+ children: S("bigconsole.dashboards.createDialog.action.cancel", "Cancel")
528
+ }), /* @__PURE__ */ h(d, {
529
+ type: "submit",
530
+ disabled: _ || E || !z.trim() || L === "template" && (!q || !Q || j),
492
531
  style: {
493
- padding: "var(--space-formGap) var(--space-pagePadding)",
494
- borderTop: "1px solid var(--color-border)",
495
- backgroundColor: "var(--color-bg-sunken)",
496
- display: "flex",
497
- justifyContent: "flex-end",
498
- gap: "var(--space-controlGap)"
532
+ height: "var(--size-controlHeight-md)",
533
+ backgroundColor: "var(--color-action-primary-bg)"
499
534
  },
500
- children: [/* @__PURE__ */ h(d, {
501
- type: "button",
502
- variant: "outline",
503
- onClick: v,
504
- disabled: _ || E,
505
- style: { height: "var(--size-controlHeight-md)" },
506
- children: S("bigconsole.dashboards.createDialog.action.cancel", "Cancel")
507
- }), /* @__PURE__ */ h(d, {
508
- type: "submit",
509
- disabled: _ || E || !z.trim() || L === "template" && (!q || !Q || j),
535
+ children: _ || E ? /* @__PURE__ */ g("span", {
510
536
  style: {
511
- height: "var(--size-controlHeight-md)",
512
- backgroundColor: "var(--color-action-primary-bg)"
537
+ display: "flex",
538
+ alignItems: "center",
539
+ gap: "var(--space-iconGap)"
513
540
  },
514
- children: _ || E ? /* @__PURE__ */ g("span", {
515
- style: {
516
- display: "flex",
517
- alignItems: "center",
518
- gap: "var(--space-iconGap)"
519
- },
520
- children: [/* @__PURE__ */ h(m, { style: {
521
- height: "var(--size-icon-sm)",
522
- width: "var(--size-icon-sm)"
523
- } }), S("bigconsole.dashboards.createDialog.action.creating", "Creating...")]
524
- }) : /* @__PURE__ */ g("span", {
525
- style: {
526
- display: "flex",
527
- alignItems: "center",
528
- gap: "var(--space-iconGap)"
529
- },
530
- children: [/* @__PURE__ */ h(u, { style: {
531
- height: "var(--size-icon-sm)",
532
- width: "var(--size-icon-sm)"
533
- } }), S("bigconsole.dashboards.createDialog.action.create", "Create Dashboard")]
534
- })
535
- })]
536
- })
537
- ]
541
+ children: [/* @__PURE__ */ h(m, { style: {
542
+ height: "var(--size-icon-sm)",
543
+ width: "var(--size-icon-sm)"
544
+ } }), S("bigconsole.dashboards.createDialog.action.creating", "Creating...")]
545
+ }) : /* @__PURE__ */ g("span", {
546
+ style: {
547
+ display: "flex",
548
+ alignItems: "center",
549
+ gap: "var(--space-iconGap)"
550
+ },
551
+ children: [/* @__PURE__ */ h(u, { style: {
552
+ height: "var(--size-icon-sm)",
553
+ width: "var(--size-icon-sm)"
554
+ } }), S("bigconsole.dashboards.createDialog.action.create", "Create Dashboard")]
555
+ })
556
+ })]
557
+ })]
538
558
  })]
539
559
  })
540
560
  });