@epam/ai-dial-catalog 1.3.0-dev.86 → 1.3.0-dev.89
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/components/Catalog/Catalog.d.ts.map +1 -1
- package/components/Catalog/CreateButton.d.ts +5 -0
- package/components/Catalog/CreateButton.d.ts.map +1 -1
- package/components/Catalog/CreateMenuSheet.d.ts +5 -0
- package/components/Catalog/CreateMenuSheet.d.ts.map +1 -1
- package/constants/create-menu.d.ts +0 -2
- package/constants/create-menu.d.ts.map +1 -1
- package/index.css +2 -2
- package/index.d.ts +1 -1
- package/index.d.ts.map +1 -1
- package/index.js +498 -490
- package/models/catalog-styles.d.ts +11 -0
- package/models/catalog-styles.d.ts.map +1 -1
- package/package.json +4 -4
- package/utils/create-menu.d.ts +5 -1
- package/utils/create-menu.d.ts.map +1 -1
package/index.js
CHANGED
|
@@ -39,52 +39,56 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
39
39
|
card: "dial-catalog-card",
|
|
40
40
|
favoriteCard: "dial-catalog-favorite-card",
|
|
41
41
|
listView: "dial-catalog-list-view"
|
|
42
|
-
}, Bt = (e, t) => e.map((e) => ({
|
|
42
|
+
}, Bt = (e) => e.type === Te.Divider || e.type === Te.PlainText, Vt = (e, t) => e.map((e) => Bt(e) ? e : {
|
|
43
43
|
...e,
|
|
44
44
|
label: typeof e.label == "string" ? /* @__PURE__ */ Y(je, {
|
|
45
45
|
text: e.label,
|
|
46
46
|
query: t,
|
|
47
47
|
maxLines: 1
|
|
48
48
|
}) : e.label,
|
|
49
|
-
children: e.children ?
|
|
50
|
-
})
|
|
49
|
+
children: e.children ? Vt(e.children, t) : void 0
|
|
50
|
+
}), Ht = (e) => {
|
|
51
51
|
if (e == null || e.options.length === 0) return;
|
|
52
52
|
let [t] = e.options;
|
|
53
|
-
return e.options.length === 1 && e.search == null && !t.children?.length ? {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
return e.options.length === 1 && e.search == null && !t.children?.length ? {
|
|
54
|
+
options: void 0,
|
|
55
|
+
search: void 0,
|
|
56
|
+
onClick: (e) => t.onClick?.({
|
|
57
|
+
key: t.key,
|
|
58
|
+
domEvent: e
|
|
59
|
+
})
|
|
60
|
+
} : {
|
|
57
61
|
options: e.options,
|
|
58
62
|
search: e.search
|
|
59
63
|
};
|
|
60
|
-
},
|
|
64
|
+
}, Ut = (e) => ({
|
|
61
65
|
codeBlockCopyLabel: e?.copyCodeAriaLabel,
|
|
62
66
|
codeBlockCopiedLabel: e?.copiedCodeStatusLabel,
|
|
63
67
|
codeBlockDownloadLabel: e?.downloadCodeAriaLabel,
|
|
64
68
|
tableScrollRegionAriaLabel: e?.tableScrollRegionAriaLabel,
|
|
65
69
|
mathScrollRegionAriaLabel: e?.mathScrollRegionAriaLabel
|
|
66
|
-
}),
|
|
70
|
+
}), Wt = (e) => {
|
|
67
71
|
let { colors: t } = e ?? {};
|
|
68
72
|
return oe({
|
|
69
73
|
"--cat-bg": t?.background,
|
|
70
74
|
"--cat-heading-title-text": t?.headingTitleText
|
|
71
75
|
});
|
|
72
|
-
},
|
|
76
|
+
}, Gt = 1180, Kt = (e) => e >= 1280 ? 4 : e >= 966 ? 3 : e >= 620 ? 2 : 1, qt = (e) => {
|
|
73
77
|
if (!e || e === document.body) return document.documentElement;
|
|
74
78
|
let { overflow: t, overflowY: n } = getComputedStyle(e);
|
|
75
|
-
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e :
|
|
76
|
-
},
|
|
79
|
+
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : qt(e.parentElement);
|
|
80
|
+
}, Jt = 10, Yt = 10, Xt = 30, Zt = (e, t, n = Jt) => {
|
|
77
81
|
let r = R(null), [i, a] = z({
|
|
78
82
|
start: 0,
|
|
79
|
-
end:
|
|
83
|
+
end: Xt
|
|
80
84
|
});
|
|
81
85
|
I(() => {
|
|
82
86
|
let i = r.current;
|
|
83
87
|
if (!i) return;
|
|
84
|
-
let o =
|
|
88
|
+
let o = qt(i.parentElement), s = () => {
|
|
85
89
|
let r = o.clientHeight;
|
|
86
90
|
if (r === 0 || i.clientWidth === 0 || getComputedStyle(i).visibility === "hidden") return;
|
|
87
|
-
let s = i.getBoundingClientRect().top, c = o.getBoundingClientRect().top, l = Math.max(0, c - s), u = Math.floor(l / t), d = Math.ceil(r / t), f = Math.max(0, Math.floor((u - n) /
|
|
91
|
+
let s = i.getBoundingClientRect().top, c = o.getBoundingClientRect().top, l = Math.max(0, c - s), u = Math.floor(l / t), d = Math.ceil(r / t), f = Math.max(0, Math.floor((u - n) / Yt) * Yt), p = Math.min(e, Math.ceil((u + d + n) / Yt) * Yt);
|
|
88
92
|
a((e) => e.start === f && e.end === p ? e : {
|
|
89
93
|
start: f,
|
|
90
94
|
end: p
|
|
@@ -100,15 +104,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
100
104
|
t,
|
|
101
105
|
n
|
|
102
106
|
]);
|
|
103
|
-
let o = Math.max(0, Math.floor((e - 1) /
|
|
107
|
+
let o = Math.max(0, Math.floor((e - 1) / Yt) * Yt), s = Math.min(i.start, o);
|
|
104
108
|
return {
|
|
105
109
|
containerRef: r,
|
|
106
110
|
startRow: s,
|
|
107
|
-
endRow: Math.min(e, Math.max(i.end, s +
|
|
111
|
+
endRow: Math.min(e, Math.max(i.end, s + Yt))
|
|
108
112
|
};
|
|
109
|
-
},
|
|
113
|
+
}, Qt = (e, { overscan: t = 3, isFullWidth: n = !1 } = {}) => {
|
|
110
114
|
let r = R(null), [i, a] = z(() => {
|
|
111
|
-
let t = typeof window < "u" ? window.innerWidth : 1440, r = Math.max(0, t - (t >= k ? 60 : 0)), i =
|
|
115
|
+
let t = typeof window < "u" ? window.innerWidth : 1440, r = Math.max(0, t - (t >= k ? 60 : 0)), i = Kt((n ? r : Math.min(Gt, r)) - 64), a = Math.ceil(e / i);
|
|
112
116
|
return {
|
|
113
117
|
startRow: 0,
|
|
114
118
|
endRow: Math.min(a, 12),
|
|
@@ -118,10 +122,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
118
122
|
I(() => {
|
|
119
123
|
let n = r.current;
|
|
120
124
|
if (!n) return;
|
|
121
|
-
let i =
|
|
125
|
+
let i = qt(n.parentElement), o = () => {
|
|
122
126
|
let r = n.clientWidth, o = i.clientHeight;
|
|
123
127
|
if (r === 0 || o === 0) return;
|
|
124
|
-
let s = n.getBoundingClientRect(), c = i.getBoundingClientRect(), l =
|
|
128
|
+
let s = n.getBoundingClientRect(), c = i.getBoundingClientRect(), l = Kt(r), u = Math.ceil(e / l), d = Math.max(0, c.top - s.top), f = Math.max(0, Math.floor(d / 268) - t), p = Math.min(u, f + Math.ceil(o / 268) + 2 * t);
|
|
125
129
|
a((e) => e.startRow === f && e.endRow === p && e.columnCount === l ? e : {
|
|
126
130
|
startRow: f,
|
|
127
131
|
endRow: p,
|
|
@@ -143,7 +147,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
143
147
|
rowCount: o,
|
|
144
148
|
totalHeight: o * 268
|
|
145
149
|
};
|
|
146
|
-
},
|
|
150
|
+
}, $t = {
|
|
147
151
|
skeletonColor: "var(--cg-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
|
|
148
152
|
card: "_card_18c2b_2",
|
|
149
153
|
emptyStarHidden: "_emptyStarHidden_18c2b_2",
|
|
@@ -153,10 +157,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
153
157
|
selectedCard: "_selectedCard_18c2b_37",
|
|
154
158
|
checkIcon: "_checkIcon_18c2b_42",
|
|
155
159
|
footer: "_footer_18c2b_46"
|
|
156
|
-
},
|
|
160
|
+
}, en = 1, tn = (e) => e.scrollHeight - e.clientHeight > en, nn = (e) => {
|
|
157
161
|
let t = R(null), [n, r] = z(!1), i = F(() => {
|
|
158
162
|
let e = t.current;
|
|
159
|
-
e && r(
|
|
163
|
+
e && r(tn(e) || Array.from(e.children).some(tn));
|
|
160
164
|
}, []);
|
|
161
165
|
return me(() => {
|
|
162
166
|
i();
|
|
@@ -168,8 +172,8 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
168
172
|
ref: t,
|
|
169
173
|
isClamped: n
|
|
170
174
|
};
|
|
171
|
-
},
|
|
172
|
-
let { ref: r, isClamped: i } =
|
|
175
|
+
}, rn = ({ name: e, query: t = "", className: n }) => {
|
|
176
|
+
let { ref: r, isClamped: i } = nn(e);
|
|
173
177
|
return /* @__PURE__ */ Y(Je, {
|
|
174
178
|
asChild: !0,
|
|
175
179
|
tooltip: e,
|
|
@@ -183,12 +187,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
183
187
|
})
|
|
184
188
|
})
|
|
185
189
|
});
|
|
186
|
-
},
|
|
190
|
+
}, an = {
|
|
187
191
|
name: "_name_188yo_1",
|
|
188
192
|
lastUsed: "_lastUsed_188yo_5",
|
|
189
193
|
version: "_version_188yo_9"
|
|
190
|
-
},
|
|
191
|
-
let f = c?.colors, p = c?.typography ?? {}, m = a === Mt.LG, h = m ? "size-[52px] rounded-[14px]" : "size-[44px] rounded-lg", g = m ? 54 : 44, _ = !m && !!r, v = m && (!!r || i != null || l != null), y = P(p?.versionClassName ?? "dial-tiny-text",
|
|
194
|
+
}, on = ({ icon: e, type: t, name: n, version: r, lastUsed: i, size: a, query: o, className: s, styles: c, lastUsedTrailing: l, iconClassName: u, iconOverlay: d }) => {
|
|
195
|
+
let f = c?.colors, p = c?.typography ?? {}, m = a === Mt.LG, h = m ? "size-[52px] rounded-[14px]" : "size-[44px] rounded-lg", g = m ? 54 : 44, _ = !m && !!r, v = m && (!!r || i != null || l != null), y = P(p?.versionClassName ?? "dial-tiny-text", an.version), b = oe({
|
|
192
196
|
"--ai-name-text": f?.nameColor,
|
|
193
197
|
"--ai-last-used-text": f?.lastUsedColor,
|
|
194
198
|
"--ai-version-text": f?.versionColor
|
|
@@ -216,10 +220,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
216
220
|
className: "flex min-w-0 flex-col",
|
|
217
221
|
children: [/* @__PURE__ */ X("div", {
|
|
218
222
|
className: "flex min-w-0 items-start gap-1 overflow-hidden",
|
|
219
|
-
children: [/* @__PURE__ */ Y(
|
|
223
|
+
children: [/* @__PURE__ */ Y(rn, {
|
|
220
224
|
name: n,
|
|
221
225
|
query: o,
|
|
222
|
-
className: P(_ ? "max-w-max flex-[66_1_0%]" : "flex-1", p?.nameClassName ?? "dial-body-semi-text",
|
|
226
|
+
className: P(_ ? "max-w-max flex-[66_1_0%]" : "flex-1", p?.nameClassName ?? "dial-body-semi-text", an.name)
|
|
223
227
|
}), _ && /* @__PURE__ */ Y(De, {
|
|
224
228
|
text: r,
|
|
225
229
|
className: P("max-w-max min-w-0 flex-[34_1_0%] tabular-nums", y)
|
|
@@ -232,7 +236,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
232
236
|
className: P("min-w-0 tabular-nums", y)
|
|
233
237
|
}),
|
|
234
238
|
i != null && /* @__PURE__ */ Y("span", {
|
|
235
|
-
className: P("shrink-0 tabular-nums", p?.lastUsedClassName ?? "dial-tiny-text",
|
|
239
|
+
className: P("shrink-0 tabular-nums", p?.lastUsedClassName ?? "dial-tiny-text", an.lastUsed),
|
|
236
240
|
children: i
|
|
237
241
|
}),
|
|
238
242
|
l != null && /* @__PURE__ */ Y("div", {
|
|
@@ -244,7 +248,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
244
248
|
})]
|
|
245
249
|
})]
|
|
246
250
|
});
|
|
247
|
-
},
|
|
251
|
+
}, sn = { icon: "_icon_a0p4u_1" }, cn = ({ credentials: e, loggedOutLabel: t = "Authorize to use this toolset.", className: n, colors: r }) => e == null || h(e) == null ? null : /* @__PURE__ */ Y(Je, {
|
|
248
252
|
tooltip: t,
|
|
249
253
|
asChild: !0,
|
|
250
254
|
children: /* @__PURE__ */ Y("span", {
|
|
@@ -257,14 +261,14 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
257
261
|
className: P("absolute -end-1 -bottom-1 shrink-0", n),
|
|
258
262
|
children: /* @__PURE__ */ Y(Ze, {
|
|
259
263
|
size: B.SM,
|
|
260
|
-
className:
|
|
264
|
+
className: sn.icon,
|
|
261
265
|
"aria-hidden": !0
|
|
262
266
|
})
|
|
263
267
|
})
|
|
264
|
-
}),
|
|
268
|
+
}), ln = {
|
|
265
269
|
starFilledIcon: "_starFilledIcon_po6zj_1",
|
|
266
270
|
starPop: "_starPop_po6zj_1"
|
|
267
|
-
},
|
|
271
|
+
}, un = ({ isStarred: e, onClick: t, size: n, ariaLabel: r = "Toggle favorite", className: i, starFilledColor: a }) => /* @__PURE__ */ Y(qe, {
|
|
268
272
|
size: n,
|
|
269
273
|
style: oe({ "--cat-star-filled": a }),
|
|
270
274
|
className: i,
|
|
@@ -276,12 +280,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
276
280
|
}),
|
|
277
281
|
selectedIcon: /* @__PURE__ */ Y(vt, {
|
|
278
282
|
size: B.SM,
|
|
279
|
-
className:
|
|
283
|
+
className: ln.starFilledIcon,
|
|
280
284
|
"aria-hidden": !0
|
|
281
285
|
}),
|
|
282
286
|
"aria-label": r,
|
|
283
287
|
onClick: t
|
|
284
|
-
}),
|
|
288
|
+
}), dn = { tag: "_tag_iqin5_3" }, fn = ({ label: e, className: t, badgeClassName: n = "dial-tiny-text", colors: r }) => /* @__PURE__ */ Y(he, {
|
|
285
289
|
label: e,
|
|
286
290
|
textClassName: n,
|
|
287
291
|
style: oe({
|
|
@@ -289,12 +293,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
289
293
|
"--cat-card-tag-text": r?.text,
|
|
290
294
|
"--cat-card-tag-border": r?.border
|
|
291
295
|
}),
|
|
292
|
-
className: P(
|
|
293
|
-
}),
|
|
296
|
+
className: P(dn.tag, t)
|
|
297
|
+
}), pn = ({ label: e, className: t = "dial-tiny-text", colors: n }) => /* @__PURE__ */ Y(fn, {
|
|
294
298
|
label: e,
|
|
295
299
|
badgeClassName: t,
|
|
296
300
|
colors: n
|
|
297
|
-
}),
|
|
301
|
+
}), mn = 8, hn = ({ topics: e, overflowAriaLabel: t, className: n }) => {
|
|
298
302
|
let r = R(null), i = R([]), a = R([]), o = R(null), s = R(Infinity), [c, l] = z(e.length), u = e.join("\0"), d = F(() => {
|
|
299
303
|
let t = r.current;
|
|
300
304
|
if (!t || e.length === 0) return;
|
|
@@ -306,8 +310,8 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
306
310
|
let u = o.current?.offsetWidth ?? 0, d = 0, f = 0;
|
|
307
311
|
for (let t = 0; t < e.length; t++) {
|
|
308
312
|
let r = e.length - (t + 1) > 0;
|
|
309
|
-
if (d + (t > 0 ?
|
|
310
|
-
d += (t > 0 ?
|
|
313
|
+
if (d + (t > 0 ? mn : 0) + c[t] + (r ? mn + u : 0) > n) break;
|
|
314
|
+
d += (t > 0 ? mn : 0) + c[t], f = t + 1;
|
|
311
315
|
}
|
|
312
316
|
l(Math.min(f, s.current));
|
|
313
317
|
}, [e.length]);
|
|
@@ -338,49 +342,49 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
338
342
|
ref: (e) => {
|
|
339
343
|
i.current[t] = e;
|
|
340
344
|
},
|
|
341
|
-
children: /* @__PURE__ */ Y(
|
|
345
|
+
children: /* @__PURE__ */ Y(pn, { label: e })
|
|
342
346
|
}, e)),
|
|
343
347
|
f > 0 && /* @__PURE__ */ Y(Je, {
|
|
344
348
|
tooltip: e.slice(c).join(", "),
|
|
345
349
|
children: /* @__PURE__ */ Y("span", {
|
|
346
350
|
"aria-label": t?.(f) ?? `and ${f} more topics`,
|
|
347
|
-
children: /* @__PURE__ */ Y(
|
|
351
|
+
children: /* @__PURE__ */ Y(pn, { label: `+${f}` })
|
|
348
352
|
})
|
|
349
353
|
}),
|
|
350
354
|
/* @__PURE__ */ Y("div", {
|
|
351
355
|
ref: o,
|
|
352
356
|
"aria-hidden": !0,
|
|
353
357
|
className: "invisible absolute start-0 top-0",
|
|
354
|
-
children: /* @__PURE__ */ Y(
|
|
358
|
+
children: /* @__PURE__ */ Y(pn, { label: `+${e.length}` })
|
|
355
359
|
})
|
|
356
360
|
]
|
|
357
361
|
});
|
|
358
|
-
},
|
|
359
|
-
p:
|
|
360
|
-
ul:
|
|
361
|
-
ol:
|
|
362
|
-
h1:
|
|
363
|
-
h2:
|
|
364
|
-
h3:
|
|
365
|
-
h4:
|
|
366
|
-
h5:
|
|
367
|
-
h6:
|
|
362
|
+
}, gn = { img: () => null }, _n = "dial-small-text", vn = {
|
|
363
|
+
p: _n,
|
|
364
|
+
ul: _n,
|
|
365
|
+
ol: _n,
|
|
366
|
+
h1: _n,
|
|
367
|
+
h2: _n,
|
|
368
|
+
h3: _n,
|
|
369
|
+
h4: _n,
|
|
370
|
+
h5: _n,
|
|
371
|
+
h6: _n,
|
|
368
372
|
strong: "dial-small-semi-text"
|
|
369
|
-
},
|
|
373
|
+
}, yn = (e) => e.target instanceof Element && e.target.closest("a") !== null, bn = (e) => !(e.target instanceof Node) || !e.currentTarget.contains(e.target), xn = ({ item: e, query: t = "", onClick: n, initialIsStarred: r = !1, onToggle: i, isFavoriteVisible: a, featuredLabel: o = "Featured", addToFavoritesAriaLabel: s = "Add to favorites", removeFromFavoritesAriaLabel: c = "Remove from favorites", isSelected: l = !1, className: u, styles: d, credentialsBadgeLoggedOutLabel: f, isReadonly: p = !1, markdownLabels: m }) => {
|
|
370
374
|
let [h, g] = z(r);
|
|
371
375
|
I(() => {
|
|
372
376
|
g(r);
|
|
373
377
|
}, [e.id, r]);
|
|
374
|
-
let { ref: _, isClamped: v } =
|
|
378
|
+
let { ref: _, isClamped: v } = nn(e.description), y = d?.typography?.descriptionClassName ?? "dial-small-paragraph-text", b = d?.typography?.featuredChipClassName, x = d?.typography?.folderLabelClassName ?? "dial-tiny-text", S = d?.typography?.folderLeafClassName ?? "dial-tiny-semi-text", C = oe({
|
|
375
379
|
"--cg-description-text": d?.colors?.textSecondary,
|
|
376
380
|
"--cg-selected-border": d?.colors?.selectedBorder,
|
|
377
381
|
"--cg-selected-bg": d?.colors?.selectedBackground,
|
|
378
382
|
"--cg-check-icon": d?.colors?.checkIcon,
|
|
379
383
|
"--cg-footer-border": d?.colors?.footerBorder
|
|
380
384
|
}), w = !p && e.isFeatured === !0, T = !p && a?.(e) !== !1, E = !p || e.folder.length > 0, D = n ? (t) => {
|
|
381
|
-
!
|
|
385
|
+
!yn(t) && !bn(t) && n(e);
|
|
382
386
|
} : void 0, O = F((t) => {
|
|
383
|
-
!n ||
|
|
387
|
+
!n || yn(t) || bn(t) || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e));
|
|
384
388
|
}, [n, e]), k = F((t) => {
|
|
385
389
|
t.stopPropagation();
|
|
386
390
|
let n = !h;
|
|
@@ -399,7 +403,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
399
403
|
} : {},
|
|
400
404
|
"aria-label": e.name,
|
|
401
405
|
style: C,
|
|
402
|
-
className: P("box-border cursor-pointer gap-3",
|
|
406
|
+
className: P("box-border cursor-pointer gap-3", $t.card, w ? $t.featuredCard : void 0, l ? $t.selectedCard : void 0, u, zt.card),
|
|
403
407
|
children: [
|
|
404
408
|
w && /* @__PURE__ */ Y("div", {
|
|
405
409
|
className: "absolute end-[22px] top-0 -translate-y-1/2",
|
|
@@ -412,19 +416,19 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
412
416
|
}),
|
|
413
417
|
l && /* @__PURE__ */ Y(et, {
|
|
414
418
|
size: B.SM,
|
|
415
|
-
className: P("absolute end-3 top-3 shrink-0",
|
|
419
|
+
className: P("absolute end-3 top-3 shrink-0", $t.checkIcon),
|
|
416
420
|
"aria-hidden": !0,
|
|
417
421
|
stroke: V
|
|
418
422
|
}),
|
|
419
|
-
/* @__PURE__ */ Y(
|
|
423
|
+
/* @__PURE__ */ Y(on, {
|
|
420
424
|
icon: e.iconUrl,
|
|
421
425
|
type: e.type,
|
|
422
426
|
name: e.name,
|
|
423
427
|
version: e.version,
|
|
424
428
|
size: Mt.SM,
|
|
425
429
|
query: t,
|
|
426
|
-
iconClassName:
|
|
427
|
-
iconOverlay: /* @__PURE__ */ Y(
|
|
430
|
+
iconClassName: $t.cardIcon,
|
|
431
|
+
iconOverlay: /* @__PURE__ */ Y(cn, {
|
|
428
432
|
credentials: e.credentials,
|
|
429
433
|
loggedOutLabel: f
|
|
430
434
|
})
|
|
@@ -435,13 +439,13 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
435
439
|
contentClassName: "max-h-[calc(100dvh-16px)] overflow-y-auto",
|
|
436
440
|
content: e.description && /* @__PURE__ */ Y(ne, {
|
|
437
441
|
content: e.description,
|
|
438
|
-
classNames:
|
|
439
|
-
components:
|
|
442
|
+
classNames: vn,
|
|
443
|
+
components: gn,
|
|
440
444
|
...m
|
|
441
445
|
}),
|
|
442
446
|
children: /* @__PURE__ */ Y("div", {
|
|
443
447
|
ref: _,
|
|
444
|
-
className: P("line-clamp-2 min-h-[2lh] break-words",
|
|
448
|
+
className: P("line-clamp-2 min-h-[2lh] break-words", $t.description),
|
|
445
449
|
children: e.description && /* @__PURE__ */ Y(ne, {
|
|
446
450
|
content: e.description,
|
|
447
451
|
classNames: {
|
|
@@ -455,17 +459,17 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
455
459
|
h5: y,
|
|
456
460
|
h6: y
|
|
457
461
|
},
|
|
458
|
-
components:
|
|
462
|
+
components: gn,
|
|
459
463
|
...m
|
|
460
464
|
})
|
|
461
465
|
})
|
|
462
466
|
}),
|
|
463
467
|
/* @__PURE__ */ Y("div", {
|
|
464
468
|
className: "mt-auto flex items-center gap-2",
|
|
465
|
-
children: /* @__PURE__ */ Y(
|
|
469
|
+
children: /* @__PURE__ */ Y(hn, { topics: e.topics })
|
|
466
470
|
}),
|
|
467
471
|
E && /* @__PURE__ */ Y("div", {
|
|
468
|
-
className: P("pt-3", !p && P("border-t",
|
|
472
|
+
className: P("pt-3", !p && P("border-t", $t.footer)),
|
|
469
473
|
children: /* @__PURE__ */ X("div", {
|
|
470
474
|
className: "flex items-center gap-2",
|
|
471
475
|
children: [/* @__PURE__ */ Y("div", {
|
|
@@ -475,18 +479,18 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
475
479
|
labelClassName: x,
|
|
476
480
|
leafClassName: S
|
|
477
481
|
})
|
|
478
|
-
}), T && /* @__PURE__ */ Y(
|
|
482
|
+
}), T && /* @__PURE__ */ Y(un, {
|
|
479
483
|
isStarred: h,
|
|
480
484
|
size: Ee.Small,
|
|
481
485
|
onClick: k,
|
|
482
486
|
ariaLabel: h ? c : s,
|
|
483
|
-
className: P(
|
|
487
|
+
className: P($t.starBtn, !h && $t.emptyStarHidden)
|
|
484
488
|
})]
|
|
485
489
|
})
|
|
486
490
|
})
|
|
487
491
|
]
|
|
488
492
|
});
|
|
489
|
-
},
|
|
493
|
+
}, Sn = ue(({ rowIndex: e, items: t, columnCount: n, query: r, onToggleFavorite: i, isFavoriteVisible: a, onItemClick: o, featuredLabel: s, addToFavoritesAriaLabel: c, removeFromFavoritesAriaLabel: l, selectedItemId: u, credentialsBadgeLoggedOutLabel: d, isReadonly: f, featuredChipStyle: p, markdownLabels: m }) => {
|
|
490
494
|
let h = e * n, g = t.slice(h, h + n);
|
|
491
495
|
return /* @__PURE__ */ Y("div", {
|
|
492
496
|
style: {
|
|
@@ -498,7 +502,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
498
502
|
let n = g[t];
|
|
499
503
|
return /* @__PURE__ */ Y("div", {
|
|
500
504
|
className: "h-full min-w-0 flex-1",
|
|
501
|
-
children: n && /* @__PURE__ */ Y(
|
|
505
|
+
children: n && /* @__PURE__ */ Y(xn, {
|
|
502
506
|
item: n,
|
|
503
507
|
query: r,
|
|
504
508
|
initialIsStarred: n.isStarred,
|
|
@@ -518,8 +522,8 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
518
522
|
}, n?.id ?? `spacer-${t}`);
|
|
519
523
|
})
|
|
520
524
|
});
|
|
521
|
-
}),
|
|
522
|
-
let m = a?.noResultsTitle ?? "No results", h = a?.featuredLabel ?? "Featured", g = a?.addToFavoritesAriaLabel ?? "Add to favorites", _ = a?.removeFromFavoritesAriaLabel ?? "Remove from favorites", v = a?.credentialsBadgeLoggedOutLabel ?? "Authorize to use this toolset.", { containerRef: y, startRow: b, endRow: x, columnCount: S, totalHeight: C } =
|
|
525
|
+
}), Cn = ue(({ items: e, query: t = "", onToggleFavorite: n, isFavoriteVisible: r, onItemClick: i, titles: a, isLoading: o, selectedItemId: s, skeletonColor: c = $t.skeletonColor, skeletonCardBackground: l, isReadonly: u = !1, isFullWidth: d = !1, featuredChipStyle: f, markdownLabels: p }) => {
|
|
526
|
+
let m = a?.noResultsTitle ?? "No results", h = a?.featuredLabel ?? "Featured", g = a?.addToFavoritesAriaLabel ?? "Add to favorites", _ = a?.removeFromFavoritesAriaLabel ?? "Remove from favorites", v = a?.credentialsBadgeLoggedOutLabel ?? "Authorize to use this toolset.", { containerRef: y, startRow: b, endRow: x, columnCount: S, totalHeight: C } = Qt(e.length, { isFullWidth: d }), w = L(() => ({
|
|
523
527
|
items: e,
|
|
524
528
|
columnCount: S,
|
|
525
529
|
query: t,
|
|
@@ -557,7 +561,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
557
561
|
...oe({ "--cg-skeleton-card-bg": l })
|
|
558
562
|
},
|
|
559
563
|
children: Array.from({ length: S * 3 }, (e, t) => /* @__PURE__ */ Y("div", {
|
|
560
|
-
className: P("rounded-md border p-4",
|
|
564
|
+
className: P("rounded-md border p-4", $t.skeletonCard),
|
|
561
565
|
style: { height: 248 },
|
|
562
566
|
children: /* @__PURE__ */ Y(We, {
|
|
563
567
|
avatar: {
|
|
@@ -579,26 +583,26 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
579
583
|
style: { height: C },
|
|
580
584
|
children: Array.from({ length: x - b }, (e, t) => {
|
|
581
585
|
let n = b + t;
|
|
582
|
-
return /* @__PURE__ */ Y(
|
|
586
|
+
return /* @__PURE__ */ Y(Sn, {
|
|
583
587
|
rowIndex: n,
|
|
584
588
|
...w
|
|
585
589
|
}, n);
|
|
586
590
|
})
|
|
587
591
|
});
|
|
588
|
-
}),
|
|
592
|
+
}), wn = (e) => e.reduce((e, t) => t.type === It.File ? e + 1 : e + wn(t.items), 0), Tn = (e) => {
|
|
589
593
|
let t = /* @__PURE__ */ new Set(), n = (e) => {
|
|
590
594
|
for (let r of e) r.type === It.Folder && (t.add(r.id), n(r.items));
|
|
591
595
|
};
|
|
592
596
|
return n(e), t;
|
|
593
|
-
},
|
|
597
|
+
}, En = (e, t) => {
|
|
594
598
|
if (t != null) for (let n of e) {
|
|
595
599
|
if (n.id === t) return n.name;
|
|
596
600
|
if (n.type === It.Folder) {
|
|
597
|
-
let e =
|
|
601
|
+
let e = En(n.items, t);
|
|
598
602
|
if (e != null) return e;
|
|
599
603
|
}
|
|
600
604
|
}
|
|
601
|
-
},
|
|
605
|
+
}, Dn = {
|
|
602
606
|
sectionHeading: "_sectionHeading_jnq93_1",
|
|
603
607
|
rowAlt: "_rowAlt_jnq93_5",
|
|
604
608
|
label: "_label_jnq93_9",
|
|
@@ -606,19 +610,19 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
606
610
|
valueTrue: "_valueTrue_jnq93_17",
|
|
607
611
|
valueFalse: "_valueFalse_jnq93_21",
|
|
608
612
|
valueText: "_valueText_jnq93_25"
|
|
609
|
-
},
|
|
613
|
+
}, On = ({ value: e, valueClassName: t, valueTrueClassName: n, checkIconClassName: r, yesLabel: i, noLabel: a }) => e === !0 ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(it, {
|
|
610
614
|
size: B.MD,
|
|
611
|
-
className: P(r,
|
|
615
|
+
className: P(r, Dn.checkIcon)
|
|
612
616
|
}), /* @__PURE__ */ Y("span", {
|
|
613
|
-
className: P(n,
|
|
617
|
+
className: P(n, Dn.valueTrue),
|
|
614
618
|
children: i
|
|
615
619
|
})] }) : e === !1 ? /* @__PURE__ */ Y("span", {
|
|
616
|
-
className: P(t,
|
|
620
|
+
className: P(t, Dn.valueFalse),
|
|
617
621
|
children: a
|
|
618
622
|
}) : /* @__PURE__ */ Y("span", {
|
|
619
|
-
className: P("min-w-0 break-words", t,
|
|
623
|
+
className: P("min-w-0 break-words", t, Dn.valueText),
|
|
620
624
|
children: e
|
|
621
|
-
}),
|
|
625
|
+
}), kn = ({ sectionLabel: e = "Section", values: t, labelClassName: n = "dial-small-semi-text", valueClassName: r = "dial-small-text", valueTrueClassName: i = "dial-small-semi-text", checkIconClassName: a, sectionClassName: o = "dial-caption-text", yesLabel: s = "Yes", noLabel: c = "No", colors: l }) => /* @__PURE__ */ Y("div", {
|
|
622
626
|
className: "flex flex-col",
|
|
623
627
|
style: oe({
|
|
624
628
|
"--tv-section-heading": l?.sectionHeading,
|
|
@@ -630,18 +634,18 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
630
634
|
"--tv-value-text": l?.valueText
|
|
631
635
|
}),
|
|
632
636
|
children: t != null && t.length > 0 && /* @__PURE__ */ X("section", { children: [/* @__PURE__ */ Y("p", {
|
|
633
|
-
className: P("mt-0 mb-3", o,
|
|
637
|
+
className: P("mt-0 mb-3", o, Dn.sectionHeading),
|
|
634
638
|
children: e
|
|
635
639
|
}), /* @__PURE__ */ Y("ul", {
|
|
636
640
|
className: "m-0 list-none p-0",
|
|
637
641
|
children: t.map((e, t) => /* @__PURE__ */ X("li", {
|
|
638
|
-
className: P("flex items-center rounded px-3 py-2", t % 2 == 0 ?
|
|
642
|
+
className: P("flex items-center rounded px-3 py-2", t % 2 == 0 ? Dn.rowAlt : void 0),
|
|
639
643
|
children: [/* @__PURE__ */ Y("span", {
|
|
640
|
-
className: P(n,
|
|
644
|
+
className: P(n, Dn.label, "w-2/5 shrink-0"),
|
|
641
645
|
children: e.label
|
|
642
646
|
}), /* @__PURE__ */ Y("div", {
|
|
643
647
|
className: "flex w-3/5 min-w-0 items-center gap-1",
|
|
644
|
-
children: /* @__PURE__ */ Y(
|
|
648
|
+
children: /* @__PURE__ */ Y(On, {
|
|
645
649
|
value: e.value,
|
|
646
650
|
valueClassName: r,
|
|
647
651
|
valueTrueClassName: i,
|
|
@@ -652,30 +656,30 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
652
656
|
})]
|
|
653
657
|
}, e.label))
|
|
654
658
|
})] })
|
|
655
|
-
}),
|
|
659
|
+
}), An = { sectionHeading: "_sectionHeading_148lj_1" }, jn = {
|
|
656
660
|
[kt.Python]: "Python",
|
|
657
661
|
[kt.Curl]: "cURL",
|
|
658
662
|
[kt.JavaScript]: "JavaScript"
|
|
659
|
-
},
|
|
663
|
+
}, Mn = {
|
|
660
664
|
[kt.Python]: "python",
|
|
661
665
|
[kt.Curl]: "bash",
|
|
662
666
|
[kt.JavaScript]: "javascript"
|
|
663
|
-
},
|
|
667
|
+
}, Nn = ({ snippets: e, sectionLabel: t, copyAriaLabel: n = "Copy", copiedStatusLabel: r = "Copied!", codeClassName: i = "dial-code-text", codeTitleClassName: a = "dial-tiny-semi-text", sectionClassName: o = "dial-caption-text" }) => {
|
|
664
668
|
let [s, c] = z(e[0]?.language ?? kt.Python);
|
|
665
669
|
I(() => {
|
|
666
670
|
c(e[0]?.language ?? kt.Python);
|
|
667
671
|
}, [e]);
|
|
668
672
|
let l = L(() => e.map((e) => ({
|
|
669
673
|
key: e.language,
|
|
670
|
-
label:
|
|
674
|
+
label: jn[e.language] ?? e.language,
|
|
671
675
|
onClick: () => c(e.language)
|
|
672
676
|
})), [e]), u = e.find((e) => e.language === s)?.code ?? "", d = e.length > 1;
|
|
673
677
|
return /* @__PURE__ */ X("section", { children: [t != null && /* @__PURE__ */ Y("p", {
|
|
674
|
-
className: P("mt-0 mb-3", o,
|
|
678
|
+
className: P("mt-0 mb-3", o, An.sectionHeading),
|
|
675
679
|
children: t
|
|
676
680
|
}), /* @__PURE__ */ Y(N, {
|
|
677
|
-
language:
|
|
678
|
-
title:
|
|
681
|
+
language: Mn[s] ?? s,
|
|
682
|
+
title: jn[s] ?? s,
|
|
679
683
|
value: u,
|
|
680
684
|
copyLabel: n,
|
|
681
685
|
copiedLabel: r,
|
|
@@ -690,7 +694,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
690
694
|
selectedKey: s
|
|
691
695
|
}) : void 0
|
|
692
696
|
})] });
|
|
693
|
-
},
|
|
697
|
+
}, Pn = ({ api: e, resourceSectionLabel: t = "Resource", endpointSectionLabel: n = "Endpoint", snippetSectionLabel: r = "Code snippet", modelIdLabel: i = "Model ID", endpointLabel: a = "Endpoint", requestExampleLabel: o = "Request example", responseSchemaLabel: s = "Response schema", copyAriaLabel: c = "Copy", copiedStatusLabel: l = "Copied!", labelClassName: u = "dial-small-semi-text", valueClassName: d = "dial-small-text", codeClassName: f = "dial-code-text", codeTitleClassName: p = "dial-tiny-semi-text", sectionClassName: m = "dial-caption-text" }) => {
|
|
694
698
|
let [h, g] = z(0), _ = L(() => e.endpoints ?? [], [e.endpoints]), v = _.length > 0, y = _[h] ?? null, b = L(() => _.map((e, t) => ({
|
|
695
699
|
key: e.url,
|
|
696
700
|
label: e.label,
|
|
@@ -704,7 +708,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
704
708
|
return /* @__PURE__ */ X("div", {
|
|
705
709
|
className: "flex flex-col gap-6",
|
|
706
710
|
children: [
|
|
707
|
-
C && /* @__PURE__ */ Y(
|
|
711
|
+
C && /* @__PURE__ */ Y(kn, {
|
|
708
712
|
sectionLabel: t,
|
|
709
713
|
values: x,
|
|
710
714
|
labelClassName: u,
|
|
@@ -722,7 +726,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
722
726
|
}),
|
|
723
727
|
v && /* @__PURE__ */ X("section", { children: [
|
|
724
728
|
/* @__PURE__ */ Y("p", {
|
|
725
|
-
className: P("mt-0 mb-3", m,
|
|
729
|
+
className: P("mt-0 mb-3", m, An.sectionHeading),
|
|
726
730
|
children: n
|
|
727
731
|
}),
|
|
728
732
|
y != null && /* @__PURE__ */ Y(N, {
|
|
@@ -743,7 +747,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
743
747
|
}, h),
|
|
744
748
|
y?.snippets != null && y.snippets.length > 0 && /* @__PURE__ */ Y("div", {
|
|
745
749
|
className: "mt-4",
|
|
746
|
-
children: /* @__PURE__ */ Y(
|
|
750
|
+
children: /* @__PURE__ */ Y(Nn, {
|
|
747
751
|
snippets: y.snippets,
|
|
748
752
|
copyAriaLabel: c,
|
|
749
753
|
copiedStatusLabel: l,
|
|
@@ -753,7 +757,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
753
757
|
}, h)
|
|
754
758
|
})
|
|
755
759
|
] }),
|
|
756
|
-
!v && T && /* @__PURE__ */ Y(
|
|
760
|
+
!v && T && /* @__PURE__ */ Y(Nn, {
|
|
757
761
|
snippets: e.snippets ?? [],
|
|
758
762
|
sectionLabel: r,
|
|
759
763
|
copyAriaLabel: c,
|
|
@@ -763,7 +767,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
763
767
|
sectionClassName: m
|
|
764
768
|
}),
|
|
765
769
|
E && /* @__PURE__ */ X("section", { children: [/* @__PURE__ */ Y("p", {
|
|
766
|
-
className: P("mt-0 mb-3", m,
|
|
770
|
+
className: P("mt-0 mb-3", m, An.sectionHeading),
|
|
767
771
|
children: o
|
|
768
772
|
}), /* @__PURE__ */ Y(N, {
|
|
769
773
|
language: "bash",
|
|
@@ -774,7 +778,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
774
778
|
hideDownload: !0
|
|
775
779
|
})] }),
|
|
776
780
|
D && /* @__PURE__ */ X("section", { children: [/* @__PURE__ */ Y("p", {
|
|
777
|
-
className: P("mt-0 mb-3", m,
|
|
781
|
+
className: P("mt-0 mb-3", m, An.sectionHeading),
|
|
778
782
|
children: s
|
|
779
783
|
}), /* @__PURE__ */ Y(N, {
|
|
780
784
|
language: "json",
|
|
@@ -786,26 +790,26 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
786
790
|
})] })
|
|
787
791
|
]
|
|
788
792
|
});
|
|
789
|
-
},
|
|
793
|
+
}, Fn = {
|
|
790
794
|
sunkenBox: "_sunkenBox_1lqi3_1",
|
|
791
795
|
raisedBox: "_raisedBox_1lqi3_5",
|
|
792
796
|
activeIcon: "_activeIcon_1lqi3_9"
|
|
793
|
-
},
|
|
797
|
+
}, In = /* @__PURE__ */ function(e) {
|
|
794
798
|
return e.Sunken = "sunken", e.Raised = "raised", e;
|
|
795
|
-
}({}),
|
|
796
|
-
sunken:
|
|
797
|
-
raised:
|
|
798
|
-
},
|
|
799
|
+
}({}), Ln = {
|
|
800
|
+
sunken: Fn.sunkenBox,
|
|
801
|
+
raised: Fn.raisedBox
|
|
802
|
+
}, Rn = ({ icon: e, isActive: t = !1, surface: n = "sunken", statusLabel: r }) => /* @__PURE__ */ X("span", {
|
|
799
803
|
className: "relative inline-flex shrink-0",
|
|
800
804
|
children: [
|
|
801
805
|
/* @__PURE__ */ Y("span", {
|
|
802
|
-
className: P("flex size-8 items-center justify-center rounded-lg",
|
|
806
|
+
className: P("flex size-8 items-center justify-center rounded-lg", Ln[n]),
|
|
803
807
|
children: e
|
|
804
808
|
}),
|
|
805
809
|
t && /* @__PURE__ */ Y(it, {
|
|
806
810
|
size: B.MD,
|
|
807
811
|
"aria-hidden": !0,
|
|
808
|
-
className: P("absolute -end-2 -top-2",
|
|
812
|
+
className: P("absolute -end-2 -top-2", Fn.activeIcon)
|
|
809
813
|
}),
|
|
810
814
|
r != null && /* @__PURE__ */ Y("span", {
|
|
811
815
|
role: "status",
|
|
@@ -813,27 +817,27 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
813
817
|
children: r
|
|
814
818
|
})
|
|
815
819
|
]
|
|
816
|
-
}),
|
|
820
|
+
}), zn = {
|
|
817
821
|
card: "_card_tqnz7_1",
|
|
818
822
|
icon: "_icon_tqnz7_6",
|
|
819
823
|
title: "_title_tqnz7_10",
|
|
820
824
|
description: "_description_tqnz7_14"
|
|
821
|
-
},
|
|
825
|
+
}, Bn = ({ icon: e, title: t, description: n, action: r, titleClassName: i = "dial-small-semi-text", descriptionClassName: a = "dial-small-text" }) => /* @__PURE__ */ X("div", {
|
|
822
826
|
role: "status",
|
|
823
827
|
"aria-live": "polite",
|
|
824
|
-
className: P("flex items-center gap-3 rounded-xl p-3",
|
|
828
|
+
className: P("flex items-center gap-3 rounded-xl p-3", zn.card),
|
|
825
829
|
children: [/* @__PURE__ */ Y("span", {
|
|
826
|
-
className: P("shrink-0",
|
|
830
|
+
className: P("shrink-0", zn.icon, n != null && "mt-0.5"),
|
|
827
831
|
children: e
|
|
828
832
|
}), /* @__PURE__ */ X("div", {
|
|
829
833
|
className: "flex min-w-0 flex-1 items-center justify-between gap-2",
|
|
830
834
|
children: [/* @__PURE__ */ X("div", {
|
|
831
835
|
className: "flex min-w-0 flex-col gap-1",
|
|
832
836
|
children: [/* @__PURE__ */ Y("span", {
|
|
833
|
-
className: P(i,
|
|
837
|
+
className: P(i, zn.title),
|
|
834
838
|
children: t
|
|
835
839
|
}), n != null && /* @__PURE__ */ Y("span", {
|
|
836
|
-
className: P(a,
|
|
840
|
+
className: P(a, zn.description),
|
|
837
841
|
children: n
|
|
838
842
|
})]
|
|
839
843
|
}), r != null && /* @__PURE__ */ Y("div", {
|
|
@@ -841,53 +845,53 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
841
845
|
children: r
|
|
842
846
|
})]
|
|
843
847
|
})]
|
|
844
|
-
}),
|
|
848
|
+
}), Vn = (e) => e === t.ApiKey ? "You are currently using organization API key to access this toolset." : "You are currently using organization credentials to access this toolset.", Hn = (e) => e === t.ApiKey ? "Configure your personal API key to have access to your data." : "Login using personal account to have access to your data.", Un = (e) => e === t.ApiKey ? "Signed in with organization API key." : "Signed in with organization credentials.", Wn = (e) => e === t.ApiKey ? "Signed in with personal API key." : "Signed in with personal credentials.", Gn = 20, Kn = ({ state: t, authenticationType: n, texts: r }) => {
|
|
845
849
|
let i = /* @__PURE__ */ Y($e, {
|
|
846
|
-
size:
|
|
850
|
+
size: Gn,
|
|
847
851
|
"aria-hidden": !0,
|
|
848
852
|
stroke: V
|
|
849
853
|
});
|
|
850
854
|
if (t === e.PersonalCredentialsActive) {
|
|
851
|
-
let e = (r?.personalCredentialsActiveBannerTitle ??
|
|
852
|
-
return /* @__PURE__ */ Y(
|
|
853
|
-
icon: /* @__PURE__ */ Y(
|
|
855
|
+
let e = (r?.personalCredentialsActiveBannerTitle ?? Wn)(n);
|
|
856
|
+
return /* @__PURE__ */ Y(Bn, {
|
|
857
|
+
icon: /* @__PURE__ */ Y(Rn, {
|
|
854
858
|
icon: /* @__PURE__ */ Y(bt, {
|
|
855
859
|
size: B.SM,
|
|
856
860
|
"aria-hidden": !0,
|
|
857
861
|
stroke: V
|
|
858
862
|
}),
|
|
859
863
|
isActive: !0,
|
|
860
|
-
surface:
|
|
864
|
+
surface: In.Raised
|
|
861
865
|
}),
|
|
862
866
|
title: e
|
|
863
867
|
});
|
|
864
868
|
}
|
|
865
869
|
if (t === e.OrgCredentialsActive) {
|
|
866
|
-
let e = (r?.orgCredentialsActiveBannerTitle ??
|
|
867
|
-
return /* @__PURE__ */ Y(
|
|
868
|
-
icon: /* @__PURE__ */ Y(
|
|
870
|
+
let e = (r?.orgCredentialsActiveBannerTitle ?? Un)(n);
|
|
871
|
+
return /* @__PURE__ */ Y(Bn, {
|
|
872
|
+
icon: /* @__PURE__ */ Y(Rn, {
|
|
869
873
|
icon: /* @__PURE__ */ Y($e, {
|
|
870
874
|
size: B.SM,
|
|
871
875
|
"aria-hidden": !0,
|
|
872
876
|
stroke: V
|
|
873
877
|
}),
|
|
874
878
|
isActive: !0,
|
|
875
|
-
surface:
|
|
879
|
+
surface: In.Raised
|
|
876
880
|
}),
|
|
877
881
|
title: e
|
|
878
882
|
});
|
|
879
883
|
}
|
|
880
|
-
return /* @__PURE__ */ Y(
|
|
884
|
+
return /* @__PURE__ */ Y(Bn, {
|
|
881
885
|
icon: i,
|
|
882
|
-
title: (r?.orgFallbackBannerTitle ??
|
|
883
|
-
description: (r?.orgFallbackBannerDescription ??
|
|
886
|
+
title: (r?.orgFallbackBannerTitle ?? Vn)(n),
|
|
887
|
+
description: (r?.orgFallbackBannerDescription ?? Hn)(n)
|
|
884
888
|
});
|
|
885
|
-
},
|
|
889
|
+
}, qn = {
|
|
886
890
|
surface: "_surface_1q3s8_1",
|
|
887
891
|
description: "_description_1q3s8_5",
|
|
888
892
|
rowDescription: "_rowDescription_1q3s8_9",
|
|
889
893
|
errorText: "_errorText_1q3s8_13"
|
|
890
|
-
},
|
|
894
|
+
}, Jn = ({ label: e, description: n, icon: r, status: i, isActive: a, authenticationType: o, apiKeyAddedWhen: s, apiKeyHeader: c, onLogin: l, onRequestLogout: u, onRequestDeleteApiKey: d, texts: f, labelClassName: p, descriptionClassName: m, errorClassName: h, keyCardTitleClassName: g, keyCardDescriptionClassName: _, deleteActionClassName: v, disabled: y = !1, isPending: b = !1, renderLoginOptions: x, children: S }) => {
|
|
891
895
|
let C = pe(), [T, E] = z(), [D, O] = z(""), [k, A] = z(!1), [j, M] = z(!1), ee = i === w.SignedIn, te = F((e) => {
|
|
892
896
|
O(e ?? ""), A(!1), E(void 0);
|
|
893
897
|
}, []), N = async () => {
|
|
@@ -911,7 +915,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
911
915
|
"aria-label": e,
|
|
912
916
|
"aria-busy": j || b,
|
|
913
917
|
className: "flex min-w-0 items-start gap-3 rounded-xl p-3",
|
|
914
|
-
children: [/* @__PURE__ */ Y(
|
|
918
|
+
children: [/* @__PURE__ */ Y(Rn, {
|
|
915
919
|
icon: r,
|
|
916
920
|
isActive: a,
|
|
917
921
|
statusLabel: a ? oe : se
|
|
@@ -926,7 +930,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
926
930
|
className: p,
|
|
927
931
|
children: e
|
|
928
932
|
}), /* @__PURE__ */ Y("span", {
|
|
929
|
-
className: P(m,
|
|
933
|
+
className: P(m, qn.rowDescription),
|
|
930
934
|
children: n
|
|
931
935
|
})]
|
|
932
936
|
}), o === t.OAuth && (ee ? u && /* @__PURE__ */ Y(we, {
|
|
@@ -977,19 +981,19 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
977
981
|
}),
|
|
978
982
|
de && /* @__PURE__ */ Y("span", {
|
|
979
983
|
id: ue,
|
|
980
|
-
className: P(m,
|
|
984
|
+
className: P(m, qn.rowDescription),
|
|
981
985
|
children: de
|
|
982
986
|
}),
|
|
983
987
|
k && /* @__PURE__ */ Y("span", {
|
|
984
988
|
role: "alert",
|
|
985
|
-
className: P(h,
|
|
989
|
+
className: P(h, qn.errorText),
|
|
986
990
|
children: f?.apiKeyRequiredErrorMessage ?? "API key is required."
|
|
987
991
|
})
|
|
988
992
|
]
|
|
989
993
|
}),
|
|
990
994
|
o === t.ApiKey && ee && /* @__PURE__ */ Y("div", {
|
|
991
995
|
className: "animate-fadeIn pt-1",
|
|
992
|
-
children: /* @__PURE__ */ Y(
|
|
996
|
+
children: /* @__PURE__ */ Y(Bn, {
|
|
993
997
|
icon: /* @__PURE__ */ Y(lt, {
|
|
994
998
|
size: B.SM,
|
|
995
999
|
"aria-hidden": !0,
|
|
@@ -1010,23 +1014,23 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1010
1014
|
!ee && x?.(j || y),
|
|
1011
1015
|
T && /* @__PURE__ */ Y("p", {
|
|
1012
1016
|
role: "alert",
|
|
1013
|
-
className: P(h,
|
|
1017
|
+
className: P(h, qn.errorText),
|
|
1014
1018
|
children: T
|
|
1015
1019
|
}),
|
|
1016
1020
|
S
|
|
1017
1021
|
]
|
|
1018
1022
|
})]
|
|
1019
1023
|
});
|
|
1020
|
-
},
|
|
1024
|
+
}, Yn = (e) => e === t.ApiKey ? "Select which account to use with this toolset — personal or organization. If both are configured, personal credentials will be used by default for toolset access." : "Select which account to use with this toolset — personal or organization. If both are configured, personal credentials will be used by default.", Xn = ({ item: e, onLogin: t, onRequestLogout: n, onRequestDeleteApiKey: r, texts: i, detailsStyles: a, deleteActionClassName: o = "text-error" }) => {
|
|
1021
1025
|
let { credentialsDescriptionClassName: s = "dial-body-paragraph-text", credentialsRowLabelClassName: c = "dial-small-semi-text", credentialsRowDescriptionClassName: l = "dial-small-text", credentialsErrorClassName: u = "dial-caption-text", credentialsKeyCardTitleClassName: d = "dial-tiny-semi-text", credentialsKeyCardDescriptionClassName: f = "dial-tiny-text" } = a?.typography ?? {}, p = e.credentials;
|
|
1022
1026
|
if (p == null) return null;
|
|
1023
|
-
let m = (i?.credentialsManagementDescription ??
|
|
1027
|
+
let m = (i?.credentialsManagementDescription ?? Yn)(p.authenticationType), h = p.userStatus === w.SignedIn, g = !h && p.globalStatus === w.SignedIn;
|
|
1024
1028
|
return /* @__PURE__ */ X("div", {
|
|
1025
1029
|
className: "flex flex-col",
|
|
1026
1030
|
children: [/* @__PURE__ */ Y("div", {
|
|
1027
1031
|
className: "px-6 py-4",
|
|
1028
1032
|
children: /* @__PURE__ */ Y("div", {
|
|
1029
|
-
className: P("rounded-xl p-3",
|
|
1033
|
+
className: P("rounded-xl p-3", qn.surface),
|
|
1030
1034
|
children: /* @__PURE__ */ Y(j, {
|
|
1031
1035
|
item: e,
|
|
1032
1036
|
iconSize: 40,
|
|
@@ -1036,11 +1040,11 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1036
1040
|
}), /* @__PURE__ */ X("div", {
|
|
1037
1041
|
className: "flex flex-col gap-5 px-6 py-4",
|
|
1038
1042
|
children: [/* @__PURE__ */ Y("span", {
|
|
1039
|
-
className: P(s,
|
|
1043
|
+
className: P(s, qn.description),
|
|
1040
1044
|
children: m
|
|
1041
1045
|
}), /* @__PURE__ */ X("div", {
|
|
1042
1046
|
className: "flex flex-col",
|
|
1043
|
-
children: [/* @__PURE__ */ Y(
|
|
1047
|
+
children: [/* @__PURE__ */ Y(Jn, {
|
|
1044
1048
|
label: i?.personalCredentialsLabel ?? "Personal credentials",
|
|
1045
1049
|
description: i?.personalCredentialsDescription ?? "These credentials apply only to your account.",
|
|
1046
1050
|
icon: /* @__PURE__ */ Y(bt, {
|
|
@@ -1066,7 +1070,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1066
1070
|
keyCardTitleClassName: d,
|
|
1067
1071
|
keyCardDescriptionClassName: f,
|
|
1068
1072
|
deleteActionClassName: o
|
|
1069
|
-
}), /* @__PURE__ */ Y(
|
|
1073
|
+
}), /* @__PURE__ */ Y(Jn, {
|
|
1070
1074
|
label: i?.organizationCredentialsLabel ?? "Organization credentials",
|
|
1071
1075
|
description: i?.organizationCredentialsDescription ?? "Once added, these credentials will grant all users in your organization access to this toolset.",
|
|
1072
1076
|
icon: /* @__PURE__ */ Y($e, {
|
|
@@ -1096,7 +1100,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1096
1100
|
})]
|
|
1097
1101
|
})]
|
|
1098
1102
|
});
|
|
1099
|
-
},
|
|
1103
|
+
}, Zn = {
|
|
1100
1104
|
skeletonColor: "var(--cat-details-skeleton, var(--bg-control-disable-primary, #dce0e8))",
|
|
1101
1105
|
backdrop: "_backdrop_1nv0c_7",
|
|
1102
1106
|
panel: "_panel_1nv0c_11",
|
|
@@ -1104,12 +1108,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1104
1108
|
content: "_content_1nv0c_20",
|
|
1105
1109
|
tabsScroll: "_tabsScroll_1nv0c_26",
|
|
1106
1110
|
publishTitle: "_publishTitle_1nv0c_33"
|
|
1107
|
-
},
|
|
1111
|
+
}, Qn = /* @__PURE__ */ function(e) {
|
|
1108
1112
|
return e.Idle = "idle", e.Loading = "loading", e.Resolved = "resolved", e.Unknown = "unknown", e;
|
|
1109
|
-
}({}),
|
|
1113
|
+
}({}), $n = {
|
|
1110
1114
|
divider: "_divider_1ae8j_1",
|
|
1111
1115
|
hint: "_hint_1ae8j_5"
|
|
1112
|
-
},
|
|
1116
|
+
}, er = 16, tr = ({ item: e, level: t, status: n, apiKeyAddedWhen: r, apiKeyHeader: i, onLogin: a, onLogout: o, onClose: s, texts: c, colors: l, deleteActionClassName: u = "text-error" }) => {
|
|
1113
1117
|
let [d, f] = z(""), [p, m] = z(!1), [h, g] = z(!1), [_, v] = z(!1), y = n === w.SignedIn, b = F((e) => {
|
|
1114
1118
|
f(e ?? ""), m(!1);
|
|
1115
1119
|
}, []), x = F(async () => {
|
|
@@ -1163,7 +1167,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1163
1167
|
children: C
|
|
1164
1168
|
})
|
|
1165
1169
|
}),
|
|
1166
|
-
/* @__PURE__ */ Y("div", { className: P("mx-4 h-px",
|
|
1170
|
+
/* @__PURE__ */ Y("div", { className: P("mx-4 h-px", $n.divider) }),
|
|
1167
1171
|
!y && /* @__PURE__ */ X("div", {
|
|
1168
1172
|
className: "flex animate-fadeIn flex-col gap-1 px-4 py-3.5",
|
|
1169
1173
|
children: [
|
|
@@ -1184,7 +1188,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1184
1188
|
label: h ? void 0 : T,
|
|
1185
1189
|
"aria-label": h ? D : void 0,
|
|
1186
1190
|
iconBefore: h ? /* @__PURE__ */ Y(Ge, {
|
|
1187
|
-
size:
|
|
1191
|
+
size: er,
|
|
1188
1192
|
ariaLabel: D
|
|
1189
1193
|
}) : void 0,
|
|
1190
1194
|
onClick: x,
|
|
@@ -1193,7 +1197,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1193
1197
|
}),
|
|
1194
1198
|
ee && /* @__PURE__ */ Y("span", {
|
|
1195
1199
|
id: M,
|
|
1196
|
-
className: P("dial-caption-text",
|
|
1200
|
+
className: P("dial-caption-text", $n.hint),
|
|
1197
1201
|
children: ee
|
|
1198
1202
|
}),
|
|
1199
1203
|
p && /* @__PURE__ */ Y("span", {
|
|
@@ -1204,7 +1208,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1204
1208
|
}),
|
|
1205
1209
|
y && /* @__PURE__ */ Y("div", {
|
|
1206
1210
|
className: "animate-fadeIn px-4 py-3.5",
|
|
1207
|
-
children: /* @__PURE__ */ Y(
|
|
1211
|
+
children: /* @__PURE__ */ Y(Bn, {
|
|
1208
1212
|
icon: /* @__PURE__ */ Y(lt, {
|
|
1209
1213
|
size: 20,
|
|
1210
1214
|
"aria-hidden": !0,
|
|
@@ -1216,7 +1220,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1216
1220
|
label: _ ? void 0 : E,
|
|
1217
1221
|
"aria-label": _ ? O : void 0,
|
|
1218
1222
|
iconBefore: _ ? /* @__PURE__ */ Y(Ge, {
|
|
1219
|
-
size:
|
|
1223
|
+
size: er,
|
|
1220
1224
|
ariaLabel: O
|
|
1221
1225
|
}) : void 0,
|
|
1222
1226
|
className: u,
|
|
@@ -1227,7 +1231,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1227
1231
|
})
|
|
1228
1232
|
]
|
|
1229
1233
|
});
|
|
1230
|
-
},
|
|
1234
|
+
}, nr = { name: "_name_gfs1p_1" }, rr = (e) => e.isMyApp === !0, ir = ({ item: e, onShare: t, shareOverlay: n, isShareVisible: r, label: i = "Share" }) => {
|
|
1231
1235
|
let [a, o] = z(!1), s = F(() => {
|
|
1232
1236
|
if (n) {
|
|
1233
1237
|
o((e) => !e);
|
|
@@ -1239,7 +1243,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1239
1243
|
t,
|
|
1240
1244
|
n
|
|
1241
1245
|
]);
|
|
1242
|
-
if (!
|
|
1246
|
+
if (!rr(e) || r && !r(e)) return null;
|
|
1243
1247
|
let c = /* @__PURE__ */ Y(K, {
|
|
1244
1248
|
label: i,
|
|
1245
1249
|
iconBefore: /* @__PURE__ */ Y(gt, {
|
|
@@ -1264,14 +1268,14 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1264
1268
|
renderOverlay: () => n(e, () => o(!1)),
|
|
1265
1269
|
children: c
|
|
1266
1270
|
}) : c;
|
|
1267
|
-
},
|
|
1271
|
+
}, ar = (e) => e === t.ApiKey ? "Manage API keys" : "Manage credentials", or = {
|
|
1268
1272
|
[At.LimitReached]: "bg-error text-error",
|
|
1269
1273
|
[At.RunningLow]: "bg-warning text-warning"
|
|
1270
|
-
},
|
|
1271
|
-
className: P("flex h-[24px] items-center justify-center gap-1 rounded-2xl px-2 whitespace-nowrap", "dial-caption-lead-semi-text",
|
|
1274
|
+
}, sr = ({ status: e, label: t }) => /* @__PURE__ */ Y("div", {
|
|
1275
|
+
className: P("flex h-[24px] items-center justify-center gap-1 rounded-2xl px-2 whitespace-nowrap", "dial-caption-lead-semi-text", or[e]),
|
|
1272
1276
|
children: t
|
|
1273
|
-
}),
|
|
1274
|
-
let { nameClassName: ie = "dial-body-semi-text", folderLabelClassName: ae = "dial-tiny-text", folderLeafClassName: oe = "dial-tiny-semi-text" } = D?.typography ?? {}, se = e.details?.limits?.status, ce = se == null ? void 0 : /* @__PURE__ */ Y(
|
|
1277
|
+
}), cr = ({ item: e, onUseInChat: n, isPrimaryActionVisible: i, onShare: a, shareOverlay: o, isShareVisible: s, isSharePrimary: c, onEdit: l, onDownload: u, isDownloadVisible: d, isDownloadPrimary: p, onDelete: m, onUnshare: h, isUnshareVisible: g, onRevokeShare: _, onFetchRecipientsCount: v, isRevokeShareVisible: y, onLogin: b, onLogout: x, onOpenCredentialsManagement: S, onRequestLogout: w, texts: T, detailsStyles: D, isPublishVisible: O, isPublishPrimary: k, onOpenPublish: A, isUnpublishVisible: M, hasPublishedFolders: ee = !1, isPublishHistoryResolved: te = !0, onRequestPublishHistory: N, onOpenUnpublish: ne, isReadonly: re = !1 }) => {
|
|
1278
|
+
let { nameClassName: ie = "dial-body-semi-text", folderLabelClassName: ae = "dial-tiny-text", folderLeafClassName: oe = "dial-tiny-semi-text" } = D?.typography ?? {}, se = e.details?.limits?.status, ce = se == null ? void 0 : /* @__PURE__ */ Y(sr, {
|
|
1275
1279
|
status: se,
|
|
1276
1280
|
label: se === At.LimitReached ? T?.limitReachedLabel ?? "Limit reached" : T?.limitRunningLowLabel ?? "Running low"
|
|
1277
1281
|
}), le = F(() => {
|
|
@@ -1322,21 +1326,21 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1322
1326
|
m?.(e);
|
|
1323
1327
|
}, [e, m]), Ce = F(() => {
|
|
1324
1328
|
_?.(e);
|
|
1325
|
-
}, [e, _]), [Te, Ee] = z(
|
|
1329
|
+
}, [e, _]), [Te, Ee] = z(Qn.Idle), [De, ke] = z(void 0), Ae = R(null);
|
|
1326
1330
|
I(() => {
|
|
1327
|
-
Ae.current = null, Ee(
|
|
1331
|
+
Ae.current = null, Ee(Qn.Idle), ke(void 0);
|
|
1328
1332
|
}, [e.id]);
|
|
1329
1333
|
let je = F(() => {
|
|
1330
1334
|
if (!v || Ae.current === e.id || !_ || e.isMyApp !== !0 || y?.(e) === !1) return;
|
|
1331
1335
|
let t = e.id;
|
|
1332
|
-
Ae.current = t, Ee(
|
|
1336
|
+
Ae.current = t, Ee(Qn.Loading), (async () => {
|
|
1333
1337
|
try {
|
|
1334
1338
|
let n = await v(e);
|
|
1335
1339
|
if (Ae.current !== t) return;
|
|
1336
|
-
ke(n), Ee(n == null ?
|
|
1340
|
+
ke(n), Ee(n == null ? Qn.Unknown : Qn.Resolved);
|
|
1337
1341
|
} catch {
|
|
1338
1342
|
if (Ae.current !== t) return;
|
|
1339
|
-
ke(void 0), Ee(
|
|
1343
|
+
ke(void 0), Ee(Qn.Unknown);
|
|
1340
1344
|
}
|
|
1341
1345
|
})();
|
|
1342
1346
|
}, [
|
|
@@ -1354,7 +1358,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1354
1358
|
je(), N?.();
|
|
1355
1359
|
}, [je, N]), Fe = F(() => {
|
|
1356
1360
|
N?.();
|
|
1357
|
-
}, [N]), W = T?.hasPrimaryAction !== !1 && (i?.(e) ?? (e.type === E.Model || e.type === E.Agent || e.type === E.Prompt)), G = !re && !!ne && ee && (M?.(e) ?? !0), Le = !re && !!ne && !te && M?.(e) === !0, ze = !re && !G && (O?.(e) ?? (e.type === E.Model || e.type === E.Toolset || e.type === E.Agent)), Be = !re && !!l && !!e.isEditable, Ve = !re && e.isMyApp === !0 && (s?.(e) ?? !0), He = c?.(e) ?? !0, Ue = k?.(e) ?? !1, We = e.credentials?.authenticationType ?? t.None, q = e.credentials != null && We !== t.None ? f(e.credentials) : void 0, Ke = !re && q != null && (!!b || !!x), qe = e.type === E.Toolset && Ke, Je = !!u && (d?.(e) ?? !0), Ye = Je && !qe && (p?.(e) ?? (e.type === E.Skill && !W)), Xe = Je && !Ye, Ze = !re && e.isMyApp, $e = !re && !!h && e.isMyApp !== !0 && e.sharedWithMe === !0 && (g?.(e) ?? !0), et = !re && !!_ && e.isMyApp === !0 && (!v || Te ===
|
|
1361
|
+
}, [N]), W = T?.hasPrimaryAction !== !1 && (i?.(e) ?? (e.type === E.Model || e.type === E.Agent || e.type === E.Prompt)), G = !re && !!ne && ee && (M?.(e) ?? !0), Le = !re && !!ne && !te && M?.(e) === !0, ze = !re && !G && (O?.(e) ?? (e.type === E.Model || e.type === E.Toolset || e.type === E.Agent)), Be = !re && !!l && !!e.isEditable, Ve = !re && e.isMyApp === !0 && (s?.(e) ?? !0), He = c?.(e) ?? !0, Ue = k?.(e) ?? !1, We = e.credentials?.authenticationType ?? t.None, q = e.credentials != null && We !== t.None ? f(e.credentials) : void 0, Ke = !re && q != null && (!!b || !!x), qe = e.type === E.Toolset && Ke, Je = !!u && (d?.(e) ?? !0), Ye = Je && !qe && (p?.(e) ?? (e.type === E.Skill && !W)), Xe = Je && !Ye, Ze = !re && e.isMyApp, $e = !re && !!h && e.isMyApp !== !0 && e.sharedWithMe === !0 && (g?.(e) ?? !0), et = !re && !!_ && e.isMyApp === !0 && (!v || Te === Qn.Unknown || Te === Qn.Resolved && (De ?? 0) > 0) && (y?.(e) ?? !0), nt = L(() => {
|
|
1358
1362
|
let e = [];
|
|
1359
1363
|
if (!He && Ve && e.push({
|
|
1360
1364
|
key: "share",
|
|
@@ -1461,7 +1465,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1461
1465
|
b,
|
|
1462
1466
|
S,
|
|
1463
1467
|
w
|
|
1464
|
-
]), Tt = q === r.ManageCredentials ? (T?.manageCredentialsActionLabel ??
|
|
1468
|
+
]), Tt = q === r.ManageCredentials ? (T?.manageCredentialsActionLabel ?? ar)(We) : We === t.ApiKey ? q === r.LogOut ? T?.changeApiKeyActionLabel ?? "Change API key" : T?.apiKeyActionLabel ?? "API key" : q === r.LogOut ? T?.logoutActionLabel ?? "Log out" : T?.loginActionLabel ?? "Log in", Et = q === r.ManageCredentials || We === t.ApiKey ? /* @__PURE__ */ Y(lt, {
|
|
1465
1469
|
size: B.MD,
|
|
1466
1470
|
stroke: V
|
|
1467
1471
|
}) : q === r.LogOut ? /* @__PURE__ */ Y(ft, {
|
|
@@ -1493,7 +1497,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1493
1497
|
onOpenChange: ht,
|
|
1494
1498
|
trigger: [],
|
|
1495
1499
|
outsideClosable: !0,
|
|
1496
|
-
renderOverlay: () => /* @__PURE__ */ Y(
|
|
1500
|
+
renderOverlay: () => /* @__PURE__ */ Y(tr, {
|
|
1497
1501
|
item: e,
|
|
1498
1502
|
level: C.User,
|
|
1499
1503
|
status: e.credentials?.userStatus,
|
|
@@ -1507,7 +1511,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1507
1511
|
}),
|
|
1508
1512
|
children: n
|
|
1509
1513
|
});
|
|
1510
|
-
}, kt = ({ key: t, label: n, Icon: r, danger: i, onClick: c }) => t === "share" ? /* @__PURE__ */ Y(
|
|
1514
|
+
}, kt = ({ key: t, label: n, Icon: r, danger: i, onClick: c }) => t === "share" ? /* @__PURE__ */ Y(ir, {
|
|
1511
1515
|
item: e,
|
|
1512
1516
|
onShare: a,
|
|
1513
1517
|
shareOverlay: o,
|
|
@@ -1555,7 +1559,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1555
1559
|
children: [/* @__PURE__ */ Y(j, {
|
|
1556
1560
|
item: e,
|
|
1557
1561
|
iconSize: 52,
|
|
1558
|
-
nameClassName: P(ie,
|
|
1562
|
+
nameClassName: P(ie, nr.name),
|
|
1559
1563
|
featuredLabel: T?.featuredLabel ?? "Featured",
|
|
1560
1564
|
typeLabel: T?.entityTypeLabels?.[e.type],
|
|
1561
1565
|
featuredChipStyle: D?.colors?.featuredChipStyle,
|
|
@@ -1594,7 +1598,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1594
1598
|
className: "sr-only",
|
|
1595
1599
|
children: T?.downloadingStatusLabel ?? "Downloading"
|
|
1596
1600
|
})] }),
|
|
1597
|
-
He && Ve && /* @__PURE__ */ Y(
|
|
1601
|
+
He && Ve && /* @__PURE__ */ Y(ir, {
|
|
1598
1602
|
item: e,
|
|
1599
1603
|
onShare: a,
|
|
1600
1604
|
shareOverlay: o,
|
|
@@ -1628,7 +1632,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1628
1632
|
]
|
|
1629
1633
|
})]
|
|
1630
1634
|
});
|
|
1631
|
-
},
|
|
1635
|
+
}, lr = ({ topics: e, content: t, detailsStyles: n, markdownLabels: r }) => {
|
|
1632
1636
|
let i = n?.typography?.contentHeadingClassName ?? "dial-small-semi-text", a = n?.typography?.contentClassName ?? "dial-small-text";
|
|
1633
1637
|
return /* @__PURE__ */ X("div", {
|
|
1634
1638
|
className: "flex flex-col gap-5",
|
|
@@ -1648,21 +1652,21 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1648
1652
|
...r
|
|
1649
1653
|
}), e && e.length > 0 && /* @__PURE__ */ Y("div", {
|
|
1650
1654
|
className: "flex flex-wrap gap-2",
|
|
1651
|
-
children: e.map((e) => /* @__PURE__ */ Y(
|
|
1655
|
+
children: e.map((e) => /* @__PURE__ */ Y(pn, { label: e }, e))
|
|
1652
1656
|
})]
|
|
1653
1657
|
});
|
|
1654
|
-
},
|
|
1658
|
+
}, ur = {
|
|
1655
1659
|
divider: "_divider_1gzl9_1",
|
|
1656
1660
|
fileCount: "_fileCount_1gzl9_5",
|
|
1657
1661
|
body: "_body_1gzl9_9"
|
|
1658
|
-
},
|
|
1662
|
+
}, dr = (e, t, n = void 0) => e.flatMap((e) => {
|
|
1659
1663
|
let r = {
|
|
1660
1664
|
node: e,
|
|
1661
1665
|
parentId: n
|
|
1662
1666
|
};
|
|
1663
|
-
return e.type === It.File || !t.has(e.id) ? [r] : [r, ...
|
|
1664
|
-
}),
|
|
1665
|
-
let c = L(() =>
|
|
1667
|
+
return e.type === It.File || !t.has(e.id) ? [r] : [r, ...dr(e.items, t, e.id)];
|
|
1668
|
+
}), fr = ({ nodes: e, selectedFileId: t, expandedFolderIds: n, onToggleFolder: r, onSelectFile: i, onClose: a, ariaLabel: o = "Select file", rowNameClassName: s = "dial-small-text" }) => {
|
|
1669
|
+
let c = L(() => dr(e, n), [e, n]), l = R({}), [u, d] = z(() => t ?? c[0]?.node.id);
|
|
1666
1670
|
I(() => {
|
|
1667
1671
|
u != null && l.current[u]?.focus();
|
|
1668
1672
|
}, []);
|
|
@@ -1761,8 +1765,8 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1761
1765
|
onKeyDown: p,
|
|
1762
1766
|
children: e.map((e) => h(e))
|
|
1763
1767
|
});
|
|
1764
|
-
},
|
|
1765
|
-
let y = _?.typography?.contentClassName ?? "dial-small-text", b = _?.typography?.contentHeadingClassName ?? "dial-small-semi-text", x = _?.typography?.contentFileCountClassName ?? "dial-tiny-text", S = pe(), C = t != null && t !== "", w = n ?? [], T =
|
|
1768
|
+
}, pr = () => void 0, mr = ({ content: e, description: t, files: n, selectedFileId: r, onSelectFile: i, isFileLoading: a = !1, expandedFolderIds: o = /* @__PURE__ */ new Set(), onToggleFolder: s = pr, isFileSelectorOpen: c = !1, onFileSelectorOpenChange: l = pr, fileSelectorAriaLabel: u = "Select file", fileCountLabel: d = (e) => `${e} files`, fileLoadingLabel: f = "Loading file", fileUnsupportedLabel: p = "Preview is not supported for this file", filePreview: m, filePreviewContent: h, renderFileTree: g, detailsStyles: _, markdownLabels: v }) => {
|
|
1769
|
+
let y = _?.typography?.contentClassName ?? "dial-small-text", b = _?.typography?.contentHeadingClassName ?? "dial-small-semi-text", x = _?.typography?.contentFileCountClassName ?? "dial-tiny-text", S = pe(), C = t != null && t !== "", w = n ?? [], T = wn(w) > 1, E = En(w, r) ?? "", D = {
|
|
1766
1770
|
nodes: w,
|
|
1767
1771
|
selectedFileId: r,
|
|
1768
1772
|
expandedFolderIds: o,
|
|
@@ -1792,7 +1796,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1792
1796
|
matchReferenceWidth: !1,
|
|
1793
1797
|
listClassName: "w-[280px] shadow-md",
|
|
1794
1798
|
placement: "bottom-start",
|
|
1795
|
-
renderOverlay: () => g ? g(D) : /* @__PURE__ */ Y(
|
|
1799
|
+
renderOverlay: () => g ? g(D) : /* @__PURE__ */ Y(fr, { ...D }),
|
|
1796
1800
|
children: /* @__PURE__ */ Y(U, {
|
|
1797
1801
|
id: S,
|
|
1798
1802
|
label: E,
|
|
@@ -1801,18 +1805,18 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1801
1805
|
onClick: () => l(!c)
|
|
1802
1806
|
})
|
|
1803
1807
|
}), /* @__PURE__ */ Y("span", {
|
|
1804
|
-
className: P("shrink-0", x,
|
|
1805
|
-
children: d(
|
|
1808
|
+
className: P("shrink-0", x, ur.fileCount),
|
|
1809
|
+
children: d(wn(w))
|
|
1806
1810
|
})]
|
|
1807
1811
|
}),
|
|
1808
1812
|
C && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("p", {
|
|
1809
1813
|
className: P("m-0", y),
|
|
1810
1814
|
children: t
|
|
1811
|
-
}), /* @__PURE__ */ Y("div", { className: P("shrink-0",
|
|
1815
|
+
}), /* @__PURE__ */ Y("div", { className: P("shrink-0", ur.divider) })] }),
|
|
1812
1816
|
/* @__PURE__ */ X("div", {
|
|
1813
1817
|
role: T ? "region" : void 0,
|
|
1814
1818
|
"aria-labelledby": T ? S : void 0,
|
|
1815
|
-
className: P("min-h-0 flex-1 text-start", h == null ? "overflow-auto break-words" : "overflow-hidden", h == null &&
|
|
1819
|
+
className: P("min-h-0 flex-1 text-start", h == null ? "overflow-auto break-words" : "overflow-hidden", h == null && ur.body, h == null && y),
|
|
1816
1820
|
children: [a && /* @__PURE__ */ Y("span", {
|
|
1817
1821
|
role: "status",
|
|
1818
1822
|
className: "sr-only",
|
|
@@ -1846,10 +1850,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1846
1850
|
})
|
|
1847
1851
|
]
|
|
1848
1852
|
});
|
|
1849
|
-
},
|
|
1853
|
+
}, hr = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), gr = /* @__PURE__ */ function(e) {
|
|
1850
1854
|
return e.Default = "default", e.Warning = "warning", e.Danger = "danger", e;
|
|
1851
|
-
}({}),
|
|
1852
|
-
let t =
|
|
1855
|
+
}({}), _r = (e) => !Number.isFinite(e.used) || !Number.isFinite(e.total) ? 0 : Math.min(Math.max(e.used, 0), Math.max(e.total, 0)), vr = (e) => Number.isFinite(e) && e > 0 ? e : 1, yr = ({ used: e, total: t, valueLabel: n }) => n ?? `${hr.format(e)} / ${hr.format(t)}`, br = ({ total: e }) => Number.isFinite(e) && e > 0, xr = (e) => e.isUnlimited !== !0 && br(e), Sr = (e) => br(e) ? Math.max(e.used, 0) / e.total : 0, Cr = (e) => {
|
|
1856
|
+
let t = Sr(e);
|
|
1853
1857
|
return t >= 1 ? "danger" : t >= .75 ? "warning" : "default";
|
|
1854
1858
|
}, $ = {
|
|
1855
1859
|
sectionHeading: "_sectionHeading_1v3yh_2",
|
|
@@ -1862,12 +1866,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1862
1866
|
progressFillDanger: "_progressFillDanger_1v3yh_33",
|
|
1863
1867
|
resetLabel: "_resetLabel_1v3yh_38",
|
|
1864
1868
|
valueDanger: "_valueDanger_1v3yh_43"
|
|
1865
|
-
},
|
|
1866
|
-
let s =
|
|
1867
|
-
value:
|
|
1868
|
-
max:
|
|
1869
|
+
}, wr = ({ row: e, layout: t, labelClassName: n, captionClassName: r, valueClassName: i, noteValueClassName: a, noteClassName: o }) => {
|
|
1870
|
+
let s = yr(e), c = Cr(e), l = /* @__PURE__ */ Y(ze, {
|
|
1871
|
+
value: _r(e),
|
|
1872
|
+
max: vr(e.total),
|
|
1869
1873
|
size: Ee.Small,
|
|
1870
|
-
className: P("!h-1 w-full", $.progressTrack, c ===
|
|
1874
|
+
className: P("!h-1 w-full", $.progressTrack, c === gr.Default && $.progressFillDefault, c === gr.Warning && $.progressFillWarning, c === gr.Danger && $.progressFillDanger),
|
|
1871
1875
|
"aria-label": e.label,
|
|
1872
1876
|
"aria-valuetext": e.ariaLabel ?? s
|
|
1873
1877
|
}), u = e.captionLabel != null && /* @__PURE__ */ Y("span", {
|
|
@@ -1891,12 +1895,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1891
1895
|
className: P("min-w-0 break-words", n, $.valuePrimary),
|
|
1892
1896
|
children: e.label
|
|
1893
1897
|
}), /* @__PURE__ */ Y("span", {
|
|
1894
|
-
className: P("shrink-0", i, c ===
|
|
1898
|
+
className: P("shrink-0", i, c === gr.Danger ? $.valueDanger : $.valuePrimary),
|
|
1895
1899
|
children: s
|
|
1896
1900
|
})]
|
|
1897
1901
|
}),
|
|
1898
1902
|
u,
|
|
1899
|
-
|
|
1903
|
+
xr(e) ? l : e.noteLabel != null && /* @__PURE__ */ Y("span", {
|
|
1900
1904
|
className: P(o, $.label),
|
|
1901
1905
|
children: e.noteLabel
|
|
1902
1906
|
}),
|
|
@@ -1914,7 +1918,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1914
1918
|
u,
|
|
1915
1919
|
d
|
|
1916
1920
|
]
|
|
1917
|
-
}),
|
|
1921
|
+
}), xr(e) ? /* @__PURE__ */ X("div", {
|
|
1918
1922
|
className: "flex w-32 shrink-0 flex-col items-end gap-2",
|
|
1919
1923
|
children: [/* @__PURE__ */ Y("div", {
|
|
1920
1924
|
className: P("flex gap-1", i),
|
|
@@ -1940,12 +1944,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1940
1944
|
})]
|
|
1941
1945
|
})]
|
|
1942
1946
|
});
|
|
1943
|
-
},
|
|
1947
|
+
}, Tr = ({ group: e, sectionClassName: t, layout: n, labelClassName: r, captionClassName: i, valueClassName: a, noteValueClassName: o, noteClassName: s }) => /* @__PURE__ */ X("section", { children: [/* @__PURE__ */ Y("p", {
|
|
1944
1948
|
className: P("mt-0 mb-3", t, $.sectionHeading),
|
|
1945
1949
|
children: e.label
|
|
1946
1950
|
}), /* @__PURE__ */ Y("ul", {
|
|
1947
1951
|
className: "m-0 flex list-none flex-col p-0",
|
|
1948
|
-
children: e.rows.map((e) => /* @__PURE__ */ Y(
|
|
1952
|
+
children: e.rows.map((e) => /* @__PURE__ */ Y(wr, {
|
|
1949
1953
|
row: e,
|
|
1950
1954
|
layout: n,
|
|
1951
1955
|
labelClassName: r,
|
|
@@ -1954,7 +1958,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1954
1958
|
noteValueClassName: o,
|
|
1955
1959
|
noteClassName: s
|
|
1956
1960
|
}, e.label))
|
|
1957
|
-
})] }),
|
|
1961
|
+
})] }), Er = ({ limits: e, layout: t = Ft.Inline, labelClassName: n = "dial-small-semi-text", captionClassName: r = "dial-caption-text", valueClassName: i = "dial-tiny-text", noteValueClassName: a = "dial-tiny-semi-text", noteClassName: o = "dial-caption-text", sectionClassName: s = "dial-caption-text", footerClassName: c = "dial-caption-text", footerNote: l, colors: u }) => {
|
|
1958
1962
|
let d = e?.groups.filter((e) => e.rows.length > 0);
|
|
1959
1963
|
return d == null || d.length === 0 ? null : /* @__PURE__ */ X("div", {
|
|
1960
1964
|
className: "flex flex-col gap-6",
|
|
@@ -1969,7 +1973,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1969
1973
|
"--lt-progress-fill-warning": u?.progressFillWarning,
|
|
1970
1974
|
"--lt-progress-fill-danger": u?.progressFillDanger
|
|
1971
1975
|
}),
|
|
1972
|
-
children: [d.map((e) => /* @__PURE__ */ Y(
|
|
1976
|
+
children: [d.map((e) => /* @__PURE__ */ Y(Tr, {
|
|
1973
1977
|
group: e,
|
|
1974
1978
|
layout: t,
|
|
1975
1979
|
sectionClassName: s,
|
|
@@ -1983,13 +1987,13 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
1983
1987
|
children: l
|
|
1984
1988
|
})]
|
|
1985
1989
|
});
|
|
1986
|
-
},
|
|
1990
|
+
}, Dr = ({ sections: e, sectionClassName: t, labelClassName: n, valueClassName: r, valueTrueClassName: i, yesLabel: a, noLabel: o, sectionContainerClassName: s = "px-6" }) => e ? /* @__PURE__ */ Y("div", {
|
|
1987
1991
|
className: "flex flex-col gap-4",
|
|
1988
1992
|
children: e.map((e, c) => /* @__PURE__ */ X("div", {
|
|
1989
1993
|
className: "flex flex-col gap-4",
|
|
1990
|
-
children: [c > 0 && /* @__PURE__ */ Y("div", { className: P("shrink-0 border-b",
|
|
1994
|
+
children: [c > 0 && /* @__PURE__ */ Y("div", { className: P("shrink-0 border-b", Zn.divider) }), /* @__PURE__ */ Y("div", {
|
|
1991
1995
|
className: s,
|
|
1992
|
-
children: /* @__PURE__ */ Y(
|
|
1996
|
+
children: /* @__PURE__ */ Y(kn, {
|
|
1993
1997
|
sectionLabel: e.title,
|
|
1994
1998
|
values: e.specs,
|
|
1995
1999
|
sectionClassName: t,
|
|
@@ -2001,7 +2005,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2001
2005
|
})
|
|
2002
2006
|
})]
|
|
2003
2007
|
}, c))
|
|
2004
|
-
}) : null,
|
|
2008
|
+
}) : null, Or = ({ pricing: e, pricesSectionLabel: t = "Token pricing", characterPricesSectionLabel: n = "Character pricing", limitsSectionLabel: r = "Usage limits", labelClassName: i = "dial-small-semi-text", valueClassName: a = "dial-small-text", sectionClassName: o = "dial-caption-text" }) => {
|
|
2005
2009
|
if (e == null) return null;
|
|
2006
2010
|
let s = e.prices?.map((e) => ({
|
|
2007
2011
|
label: e.label,
|
|
@@ -2012,13 +2016,13 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2012
2016
|
}));
|
|
2013
2017
|
return /* @__PURE__ */ X("div", {
|
|
2014
2018
|
className: "flex flex-col gap-4",
|
|
2015
|
-
children: [/* @__PURE__ */ Y(
|
|
2019
|
+
children: [/* @__PURE__ */ Y(kn, {
|
|
2016
2020
|
sectionLabel: e.unit === jt.Character ? n : t,
|
|
2017
2021
|
values: s ?? [],
|
|
2018
2022
|
labelClassName: i,
|
|
2019
2023
|
valueClassName: a,
|
|
2020
2024
|
sectionClassName: o
|
|
2021
|
-
}), /* @__PURE__ */ Y(
|
|
2025
|
+
}), /* @__PURE__ */ Y(kn, {
|
|
2022
2026
|
sectionLabel: r,
|
|
2023
2027
|
values: c ?? [],
|
|
2024
2028
|
labelClassName: i,
|
|
@@ -2026,30 +2030,30 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2026
2030
|
sectionClassName: o
|
|
2027
2031
|
})]
|
|
2028
2032
|
});
|
|
2029
|
-
},
|
|
2033
|
+
}, kr = {
|
|
2030
2034
|
container: "_container_ddi3i_1",
|
|
2031
2035
|
header: "_header_ddi3i_5",
|
|
2032
2036
|
cell: "_cell_ddi3i_10",
|
|
2033
2037
|
evenRow: "_evenRow_ddi3i_17"
|
|
2034
|
-
},
|
|
2038
|
+
}, Ar = ({ columns: e, rows: t, columnsTemplate: n, headingClassName: r = "dial-caption-lead-semi-text", cellClassName: i = "dial-tiny-text" }) => {
|
|
2035
2039
|
let a = n ?? `repeat(${e.length}, 1fr)`;
|
|
2036
2040
|
return /* @__PURE__ */ X("div", {
|
|
2037
|
-
className: P(
|
|
2041
|
+
className: P(kr.container, "grid overflow-hidden rounded-md"),
|
|
2038
2042
|
style: { gridTemplateColumns: a },
|
|
2039
2043
|
children: [e.map((e) => /* @__PURE__ */ Y("div", {
|
|
2040
|
-
className: P("px-2 py-1 text-start", r,
|
|
2044
|
+
className: P("px-2 py-1 text-start", r, kr.header),
|
|
2041
2045
|
children: e
|
|
2042
2046
|
}, e)), t.map((e, t) => /* @__PURE__ */ Y(ce, { children: e.map((e, n) => /* @__PURE__ */ Y("div", {
|
|
2043
|
-
className: P("px-2 py-1.5", i,
|
|
2047
|
+
className: P("px-2 py-1.5", i, kr.cell, t % 2 == 1 ? kr.evenRow : void 0),
|
|
2044
2048
|
children: e
|
|
2045
2049
|
}, n)) }, t))]
|
|
2046
2050
|
});
|
|
2047
|
-
},
|
|
2051
|
+
}, jr = {
|
|
2048
2052
|
divider: "_divider_4udep_1",
|
|
2049
2053
|
count: "_count_4udep_5",
|
|
2050
2054
|
description: "_description_4udep_9",
|
|
2051
2055
|
code: "_code_4udep_13"
|
|
2052
|
-
},
|
|
2056
|
+
}, Mr = {
|
|
2053
2057
|
inputName: "Name",
|
|
2054
2058
|
inputType: "Type",
|
|
2055
2059
|
inputRequired: "Required",
|
|
@@ -2059,13 +2063,13 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2059
2063
|
searchClearLabel: "Clear search",
|
|
2060
2064
|
toolCount: (e) => `${e} tools`,
|
|
2061
2065
|
noResults: "No results found"
|
|
2062
|
-
},
|
|
2066
|
+
}, Nr = (e, t) => e.name.toLowerCase().includes(t) || (e.description?.toLowerCase().includes(t) ?? !1), Pr = ({ tools: e, toolNameClassName: t = "dial-small-semi-text", descriptionClassName: n = "dial-small-text", tableHeadingClassName: r = "dial-caption-text", tableCellClassName: i = "dial-tiny-text", countClassName: a = "dial-tiny-text", labels: o }) => {
|
|
2063
2067
|
let s = {
|
|
2064
|
-
...
|
|
2068
|
+
...Mr,
|
|
2065
2069
|
...o
|
|
2066
2070
|
}, [c, l] = z(""), u = L(() => {
|
|
2067
2071
|
let t = c.trim().toLowerCase(), n = e?.tools ?? [];
|
|
2068
|
-
return t === "" ? n : n.filter((e) =>
|
|
2072
|
+
return t === "" ? n : n.filter((e) => Nr(e, t));
|
|
2069
2073
|
}, [e, c]);
|
|
2070
2074
|
return e == null ? null : /* @__PURE__ */ X("div", {
|
|
2071
2075
|
className: "flex flex-col",
|
|
@@ -2081,13 +2085,13 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2081
2085
|
}), /* @__PURE__ */ Y("span", {
|
|
2082
2086
|
role: "status",
|
|
2083
2087
|
"aria-live": "polite",
|
|
2084
|
-
className: P(a,
|
|
2088
|
+
className: P(a, jr.count),
|
|
2085
2089
|
children: s.toolCount(u.length)
|
|
2086
2090
|
})]
|
|
2087
2091
|
}),
|
|
2088
2092
|
u.length === 0 && c.trim() !== "" && /* @__PURE__ */ Y(ie, { label: s.noResults }),
|
|
2089
2093
|
u.map((e, a) => /* @__PURE__ */ X("div", {
|
|
2090
|
-
className: P("flex flex-col gap-3 px-[22px] py-4", a > 0 ?
|
|
2094
|
+
className: P("flex flex-col gap-3 px-[22px] py-4", a > 0 ? jr.divider : void 0),
|
|
2091
2095
|
children: [
|
|
2092
2096
|
/* @__PURE__ */ X("div", {
|
|
2093
2097
|
className: "flex flex-col gap-1",
|
|
@@ -2095,11 +2099,11 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2095
2099
|
className: t,
|
|
2096
2100
|
children: e.name
|
|
2097
2101
|
}), e.description != null && /* @__PURE__ */ Y("p", {
|
|
2098
|
-
className: P("m-0", n,
|
|
2102
|
+
className: P("m-0", n, jr.description),
|
|
2099
2103
|
children: e.description
|
|
2100
2104
|
})]
|
|
2101
2105
|
}),
|
|
2102
|
-
e.inputParams != null && e.inputParams.length > 0 && /* @__PURE__ */ Y(
|
|
2106
|
+
e.inputParams != null && e.inputParams.length > 0 && /* @__PURE__ */ Y(Ar, {
|
|
2103
2107
|
columns: [
|
|
2104
2108
|
s.inputName,
|
|
2105
2109
|
s.inputType,
|
|
@@ -2108,11 +2112,11 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2108
2112
|
columnsTemplate: "1fr 1fr auto",
|
|
2109
2113
|
rows: e.inputParams.map((e) => [
|
|
2110
2114
|
/* @__PURE__ */ Y("code", {
|
|
2111
|
-
className: P("border-none bg-transparent p-0 text-inherit",
|
|
2115
|
+
className: P("border-none bg-transparent p-0 text-inherit", jr.code),
|
|
2112
2116
|
children: e.name
|
|
2113
2117
|
}, "name"),
|
|
2114
2118
|
/* @__PURE__ */ Y("code", {
|
|
2115
|
-
className: P("border-none bg-transparent p-0 text-inherit",
|
|
2119
|
+
className: P("border-none bg-transparent p-0 text-inherit", jr.code),
|
|
2116
2120
|
children: e.type
|
|
2117
2121
|
}, "type"),
|
|
2118
2122
|
e.isRequired ? "✓" : "—"
|
|
@@ -2120,10 +2124,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2120
2124
|
headingClassName: r,
|
|
2121
2125
|
cellClassName: i
|
|
2122
2126
|
}),
|
|
2123
|
-
e.annotations != null && e.annotations.length > 0 && /* @__PURE__ */ Y(
|
|
2127
|
+
e.annotations != null && e.annotations.length > 0 && /* @__PURE__ */ Y(Ar, {
|
|
2124
2128
|
columns: [s.annotationKey, s.annotationValue],
|
|
2125
2129
|
rows: e.annotations.map((e) => [/* @__PURE__ */ Y("code", {
|
|
2126
|
-
className: P("border-none bg-transparent p-0 text-inherit",
|
|
2130
|
+
className: P("border-none bg-transparent p-0 text-inherit", jr.code),
|
|
2127
2131
|
children: e.key
|
|
2128
2132
|
}, "key"), e.value]),
|
|
2129
2133
|
headingClassName: r,
|
|
@@ -2133,23 +2137,23 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2133
2137
|
}, e.name))
|
|
2134
2138
|
]
|
|
2135
2139
|
});
|
|
2136
|
-
},
|
|
2140
|
+
}, Fr = (e, t) => t == null ? e.length === 1 ? e[0] : void 0 : e.find((e) => e.key === t), Ir = !1, Lr = async () => void 0, Rr = [], zr = [], Br = [
|
|
2137
2141
|
"All shared configurations will be lost",
|
|
2138
2142
|
"Users who rely on it will lose access",
|
|
2139
2143
|
"Cannot be undone"
|
|
2140
|
-
],
|
|
2144
|
+
], Vr = [
|
|
2141
2145
|
"You will lose access to this item",
|
|
2142
2146
|
"Other people keep their access",
|
|
2143
2147
|
"You will need a new invitation to get it back"
|
|
2144
|
-
],
|
|
2148
|
+
], Hr = [
|
|
2145
2149
|
"Everyone loses access to the published copy",
|
|
2146
2150
|
"Your own copy is not deleted",
|
|
2147
2151
|
"You can publish it again later"
|
|
2148
|
-
],
|
|
2152
|
+
], Ur = [
|
|
2149
2153
|
"Everyone you shared it with loses access",
|
|
2150
2154
|
"Existing share links stop working",
|
|
2151
2155
|
"You keep full access — nothing is deleted"
|
|
2152
|
-
],
|
|
2156
|
+
], Wr = (e) => e === t.ApiKey ? "Toolset API keys" : "Toolset credentials", Gr = (e) => e === C.Global ? "Are you sure you want to delete the organization API key?" : "Are you sure you want to delete your personal API key?", Kr = new Set([Q.Delete, Q.Unshare]), qr = ({ item: e, isOpen: t, isStarred: n = !1, isDetailsLoading: r = !1, isReadonly: i = !1, onClose: o, onToggleFavorite: c, isFavoriteVisible: l, onUseInChat: u, isPrimaryActionVisible: d, onShare: f, isPublishVisible: m, isPublishPrimary: h, getPublishHistory: g, publishFolderItems: _ = Rr, publishExpandedPaths: y, onPublishExpandedPathsChange: x, publishLoadingPaths: S, hasPublishWriteAccess: w, publishDefaultAuthor: k, onPublish: A, onPublishSuccess: j, onPublishError: M, onCreatePublishFolder: ee, publishLabels: te, ruleSourceOptions: N = zr, onFetchExistingRules: ne, shareOverlay: re, isShareVisible: ie, isSharePrimary: ae, onEdit: se, onDownload: ce, isDownloadVisible: le, isDownloadPrimary: ue, onLoadContentFile: de, onLoadContentFilePreview: fe, renderContentFilePreview: pe, renderContentFileTree: me, renderCredentials: he, onDelete: ge, onUnshare: _e, isUnshareVisible: ve, onRevokeShare: ye, onFetchRecipientsCount: be, isRevokeShareVisible: xe, onUnpublish: Se, isUnpublishVisible: B, onLogin: V, onLogout: we, texts: H, styles: Te, limitsFooterNote: Ee }) => {
|
|
2153
2157
|
let { subViewTitleClassName: De = "dial-body-semi-text", overviewSectionClassName: Oe = "dial-caption-text", overviewLabelClassName: ke = "dial-small-semi-text", overviewValueClassName: Ae = "dial-small-text", overviewValueTrueClassName: je = "dial-small-text", confirmMessageClassName: Me = "dial-small-text" } = Te?.typography ?? {}, U = Te?.colors, Ne = oe({
|
|
2154
2158
|
"--cat-details-backdrop": U?.backdrop,
|
|
2155
2159
|
"--cat-details-bg": U?.background,
|
|
@@ -2187,7 +2191,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2187
2191
|
t != null && t !== n && t.startsWith("blob:") && URL.revokeObjectURL(t), tt.current = n, Je(e);
|
|
2188
2192
|
}, []);
|
|
2189
2193
|
I(() => {
|
|
2190
|
-
nt.current += 1, rt(null), Xe(!1), Qe(
|
|
2194
|
+
nt.current += 1, rt(null), Xe(!1), Qe(Tn(q?.files ?? [])), et(!1);
|
|
2191
2195
|
}, [e.id, Ge]), I(() => () => {
|
|
2192
2196
|
let e = tt.current;
|
|
2193
2197
|
e != null && e.startsWith("blob:") && URL.revokeObjectURL(e);
|
|
@@ -2246,7 +2250,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2246
2250
|
]), ot = qe?.id ?? Ge, st = () => qe == null ? null : qe.preview == null ? {
|
|
2247
2251
|
type: Lt.Text,
|
|
2248
2252
|
text: H?.contentFileErrorLabel ?? "Failed to load this file."
|
|
2249
|
-
} : qe.preview, ct = qe != null && pe != null ? pe(qe.id,
|
|
2253
|
+
} : qe.preview, ct = qe != null && pe != null ? pe(qe.id, En(q?.files ?? [], qe.id) ?? "") : void 0, lt = F(() => {
|
|
2250
2254
|
if (!g || He.current === e.id) return;
|
|
2251
2255
|
let t = e.id;
|
|
2252
2256
|
He.current = t, (async () => {
|
|
@@ -2272,7 +2276,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2272
2276
|
hasWriteAccess: w,
|
|
2273
2277
|
defaultAuthor: k,
|
|
2274
2278
|
onCreateFolder: ee,
|
|
2275
|
-
onPublish: A ??
|
|
2279
|
+
onPublish: A ?? Lr,
|
|
2276
2280
|
onPublishSuccess: ut,
|
|
2277
2281
|
onPublishError: M,
|
|
2278
2282
|
onFetchExistingRules: ne
|
|
@@ -2282,7 +2286,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2282
2286
|
hasWriteAccess: Z.hasWriteAccess,
|
|
2283
2287
|
isSubmitting: Z.isSubmitting,
|
|
2284
2288
|
hasSubmitError: Z.hasSubmitError,
|
|
2285
|
-
allowReplace:
|
|
2289
|
+
allowReplace: Ir
|
|
2286
2290
|
}), [
|
|
2287
2291
|
Z.selectedFolderPath,
|
|
2288
2292
|
Z.hasExistingPublicationInFolder,
|
|
@@ -2321,7 +2325,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2321
2325
|
gt(Q.Unpublish);
|
|
2322
2326
|
}, []), Vt = F((e) => {
|
|
2323
2327
|
bt(e), gt(Q.DeleteApiKey);
|
|
2324
|
-
}, []),
|
|
2328
|
+
}, []), Ht = F(() => {
|
|
2325
2329
|
_t || (gt(null), bt(null), St(null), Ot(null));
|
|
2326
2330
|
}, [_t]), Wt = F(async () => {
|
|
2327
2331
|
if (!(_t || ht == null)) {
|
|
@@ -2344,12 +2348,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2344
2348
|
yt != null && await we?.(e, { level: yt });
|
|
2345
2349
|
break;
|
|
2346
2350
|
case Q.Unpublish: {
|
|
2347
|
-
let t =
|
|
2351
|
+
let t = Fr(It, Ct);
|
|
2348
2352
|
t != null && await Se?.(e, t.segments);
|
|
2349
2353
|
break;
|
|
2350
2354
|
}
|
|
2351
2355
|
}
|
|
2352
|
-
gt(null), bt(null), St(null), Ot(null),
|
|
2356
|
+
gt(null), bt(null), St(null), Ot(null), Kr.has(ht) && o();
|
|
2353
2357
|
} catch {
|
|
2354
2358
|
gt(null), bt(null), St(null), Ot(null);
|
|
2355
2359
|
} finally {
|
|
@@ -2374,13 +2378,13 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2374
2378
|
I(() => {
|
|
2375
2379
|
if (!t || ht == null) return;
|
|
2376
2380
|
let e = (e) => {
|
|
2377
|
-
e.key === "Escape" && (e.stopPropagation(),
|
|
2381
|
+
e.key === "Escape" && (e.stopPropagation(), Ht());
|
|
2378
2382
|
};
|
|
2379
2383
|
return document.addEventListener("keydown", e, !0), () => document.removeEventListener("keydown", e, !0);
|
|
2380
2384
|
}, [
|
|
2381
2385
|
t,
|
|
2382
2386
|
ht,
|
|
2383
|
-
|
|
2387
|
+
Ht
|
|
2384
2388
|
]);
|
|
2385
2389
|
let Gt = F(() => Ie(!0), []), Kt = F(() => {
|
|
2386
2390
|
Ie(!1), Z.reset();
|
|
@@ -2416,7 +2420,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2416
2420
|
Yt,
|
|
2417
2421
|
W
|
|
2418
2422
|
]);
|
|
2419
|
-
let Zt = L(() =>
|
|
2423
|
+
let Zt = L(() => Ut(H), [H]), Qt = L(() => {
|
|
2420
2424
|
let e = {};
|
|
2421
2425
|
return H?.toolsSearchPlaceholder != null && (e.searchPlaceholder = H.toolsSearchPlaceholder), H?.toolsSearchClearLabel != null && (e.searchClearLabel = H.toolsSearchClearLabel), H?.toolsCountLabel != null && (e.toolCount = H.toolsCountLabel), H?.toolsNoResultsLabel != null && (e.noResults = H.toolsNoResultsLabel), e;
|
|
2422
2426
|
}, [H]), $t = H?.overviewYesLabel ?? "Yes", en = H?.overviewNoLabel ?? "No", tn = H?.ariaLabel ?? "Item details", nn = H?.closeAriaLabel ?? "Close", rn = Pe ? H?.removeFromFavoritesAriaLabel ?? "Remove from favorites" : H?.addToFavoritesAriaLabel ?? "Add to favorites", an = H?.publishTitle ?? "Publish", on = H?.backToDetailsAriaLabel ?? "Back", sn = H?.cancelLabel ?? "Cancel", cn = L(() => {
|
|
@@ -2430,7 +2434,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2430
2434
|
/* @__PURE__ */ Y("strong", { children: e.name }),
|
|
2431
2435
|
"? This action is permanent and cannot be undone."
|
|
2432
2436
|
] }),
|
|
2433
|
-
consequences: H?.deleteConfirmConsequences ??
|
|
2437
|
+
consequences: H?.deleteConfirmConsequences ?? Br,
|
|
2434
2438
|
confirmLabel: t,
|
|
2435
2439
|
loadingStatusLabel: H?.deletingStatusLabel ?? "Deleting",
|
|
2436
2440
|
variant: Ce.Danger
|
|
@@ -2445,7 +2449,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2445
2449
|
/* @__PURE__ */ Y("strong", { children: e.name }),
|
|
2446
2450
|
" from your list? You'll need a new invitation to access it again."
|
|
2447
2451
|
] }),
|
|
2448
|
-
consequences: H?.unshareConfirmConsequences ??
|
|
2452
|
+
consequences: H?.unshareConfirmConsequences ?? Vr,
|
|
2449
2453
|
confirmLabel: t,
|
|
2450
2454
|
loadingStatusLabel: H?.unsharingStatusLabel ?? "Removing",
|
|
2451
2455
|
variant: Ce.Info
|
|
@@ -2460,7 +2464,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2460
2464
|
/* @__PURE__ */ Y("strong", { children: e.name }),
|
|
2461
2465
|
"? Anyone you shared it with will lose access."
|
|
2462
2466
|
] }),
|
|
2463
|
-
consequences: H?.revokeShareConfirmConsequences ??
|
|
2467
|
+
consequences: H?.revokeShareConfirmConsequences ?? Ur,
|
|
2464
2468
|
confirmLabel: t,
|
|
2465
2469
|
loadingStatusLabel: H?.revokingShareStatusLabel ?? "Revoking access",
|
|
2466
2470
|
variant: Ce.Danger
|
|
@@ -2481,7 +2485,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2481
2485
|
return {
|
|
2482
2486
|
title: H?.unpublishConfirmTitle ?? t,
|
|
2483
2487
|
message: n ? i : a,
|
|
2484
|
-
consequences: H?.unpublishConfirmConsequences ??
|
|
2488
|
+
consequences: H?.unpublishConfirmConsequences ?? Hr,
|
|
2485
2489
|
confirmLabel: t,
|
|
2486
2490
|
loadingStatusLabel: H?.unpublishingStatusLabel ?? "Requesting unpublish",
|
|
2487
2491
|
variant: Ce.Danger
|
|
@@ -2502,7 +2506,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2502
2506
|
let e = H?.deleteActionLabel ?? "Delete", t = yt ?? C.User;
|
|
2503
2507
|
return {
|
|
2504
2508
|
title: e,
|
|
2505
|
-
message: (H?.deleteApiKeyConfirmMessage ??
|
|
2509
|
+
message: (H?.deleteApiKeyConfirmMessage ?? Gr)(t),
|
|
2506
2510
|
consequences: void 0,
|
|
2507
2511
|
confirmLabel: e,
|
|
2508
2512
|
loadingStatusLabel: H?.deletingStatusLabel ?? "Deleting",
|
|
@@ -2519,10 +2523,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2519
2523
|
H,
|
|
2520
2524
|
It,
|
|
2521
2525
|
zt
|
|
2522
|
-
]),
|
|
2526
|
+
]), ln = cn != null, dn = ht === Q.Unpublish && Fr(It, Ct) == null, fn = ln || K || pt, pn = e.credentials == null ? "" : (H?.credentialsManagementTitle ?? Wr)(e.credentials.authenticationType), mn = ln ? {
|
|
2523
2527
|
title: cn.title,
|
|
2524
2528
|
isBackDisabled: _t,
|
|
2525
|
-
onBack:
|
|
2529
|
+
onBack: Ht
|
|
2526
2530
|
} : K ? {
|
|
2527
2531
|
title: an,
|
|
2528
2532
|
isBackDisabled: Z.isSubmitting,
|
|
@@ -2542,23 +2546,23 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2542
2546
|
backDisabled: mn?.isBackDisabled,
|
|
2543
2547
|
hideClose: mn != null,
|
|
2544
2548
|
closeAriaLabel: nn,
|
|
2545
|
-
headerActions: mn == null && !i && l?.(e) !== !1 ? /* @__PURE__ */ Y(
|
|
2549
|
+
headerActions: mn == null && !i && l?.(e) !== !1 ? /* @__PURE__ */ Y(un, {
|
|
2546
2550
|
isStarred: Pe,
|
|
2547
2551
|
ariaLabel: rn,
|
|
2548
2552
|
onClick: Jt
|
|
2549
2553
|
}) : void 0,
|
|
2550
2554
|
style: Ne,
|
|
2551
2555
|
overlayStyle: Ne,
|
|
2552
|
-
className:
|
|
2553
|
-
overlayClassName:
|
|
2554
|
-
headerClassName:
|
|
2555
|
-
titleClassName: P(De,
|
|
2556
|
+
className: Zn.panel,
|
|
2557
|
+
overlayClassName: Zn.backdrop,
|
|
2558
|
+
headerClassName: Zn.divider,
|
|
2559
|
+
titleClassName: P(De, Zn.publishTitle),
|
|
2556
2560
|
bodyClassName: "flex flex-col overflow-hidden",
|
|
2557
2561
|
children: [
|
|
2558
2562
|
/* @__PURE__ */ X("div", {
|
|
2559
|
-
className: P("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto",
|
|
2563
|
+
className: P("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto", Zn.content),
|
|
2560
2564
|
children: [
|
|
2561
|
-
|
|
2565
|
+
ln && /* @__PURE__ */ Y(O, {
|
|
2562
2566
|
item: e,
|
|
2563
2567
|
message: cn.message,
|
|
2564
2568
|
consequences: cn.consequences,
|
|
@@ -2582,7 +2586,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2582
2586
|
radioClassName: Me
|
|
2583
2587
|
})
|
|
2584
2588
|
}),
|
|
2585
|
-
!
|
|
2589
|
+
!ln && !K && pt && /* @__PURE__ */ Y(Xn, {
|
|
2586
2590
|
item: e,
|
|
2587
2591
|
onLogin: V,
|
|
2588
2592
|
onRequestLogout: Nt,
|
|
@@ -2590,7 +2594,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2590
2594
|
texts: H,
|
|
2591
2595
|
detailsStyles: Te
|
|
2592
2596
|
}),
|
|
2593
|
-
!
|
|
2597
|
+
!ln && K && /* @__PURE__ */ Y("div", {
|
|
2594
2598
|
className: "p-4 desktop:p-[22px]",
|
|
2595
2599
|
children: /* @__PURE__ */ Y(Tt, {
|
|
2596
2600
|
resource: {
|
|
@@ -2610,7 +2614,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2610
2614
|
hasWriteAccess: Z.hasWriteAccess,
|
|
2611
2615
|
isSubmitting: Z.isSubmitting,
|
|
2612
2616
|
hasSubmitError: Z.hasSubmitError,
|
|
2613
|
-
allowReplace:
|
|
2617
|
+
allowReplace: Ir,
|
|
2614
2618
|
author: Z.author,
|
|
2615
2619
|
onAuthorChange: Z.setAuthor,
|
|
2616
2620
|
publishCredentials: Z.publishCredentials,
|
|
@@ -2629,7 +2633,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2629
2633
|
})
|
|
2630
2634
|
}),
|
|
2631
2635
|
!fn && /* @__PURE__ */ X(J, { children: [
|
|
2632
|
-
/* @__PURE__ */ Y(
|
|
2636
|
+
/* @__PURE__ */ Y(cr, {
|
|
2633
2637
|
item: e,
|
|
2634
2638
|
onUseInChat: u,
|
|
2635
2639
|
isPrimaryActionVisible: d,
|
|
@@ -2667,7 +2671,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2667
2671
|
let t = v(e.credentials);
|
|
2668
2672
|
return t != null && /* @__PURE__ */ Y("div", {
|
|
2669
2673
|
className: "px-6",
|
|
2670
|
-
children: /* @__PURE__ */ Y(
|
|
2674
|
+
children: /* @__PURE__ */ Y(Kn, {
|
|
2671
2675
|
state: t,
|
|
2672
2676
|
authenticationType: e.credentials.authenticationType,
|
|
2673
2677
|
texts: H
|
|
@@ -2681,7 +2685,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2681
2685
|
tabs: Yt,
|
|
2682
2686
|
activeTabId: W,
|
|
2683
2687
|
onTabChange: G,
|
|
2684
|
-
className: P("min-w-0 flex-1 overflow-x-auto",
|
|
2688
|
+
className: P("min-w-0 flex-1 overflow-x-auto", Zn.tabsScroll),
|
|
2685
2689
|
tabClassName: "shrink-0"
|
|
2686
2690
|
}), r && /* @__PURE__ */ Y("div", {
|
|
2687
2691
|
role: "status",
|
|
@@ -2694,20 +2698,20 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2694
2698
|
width: "72px"
|
|
2695
2699
|
},
|
|
2696
2700
|
active: !0,
|
|
2697
|
-
color:
|
|
2701
|
+
color: Zn.skeletonColor
|
|
2698
2702
|
})
|
|
2699
2703
|
})]
|
|
2700
2704
|
}),
|
|
2701
2705
|
/* @__PURE__ */ X("div", {
|
|
2702
2706
|
className: P("min-h-0 flex-1 overflow-y-auto", W !== T.Overview && "px-6"),
|
|
2703
2707
|
children: [
|
|
2704
|
-
W === T.About && /* @__PURE__ */ Y(
|
|
2708
|
+
W === T.About && /* @__PURE__ */ Y(lr, {
|
|
2705
2709
|
content: e.description,
|
|
2706
2710
|
topics: e.topics,
|
|
2707
2711
|
detailsStyles: Te,
|
|
2708
2712
|
markdownLabels: Zt
|
|
2709
2713
|
}),
|
|
2710
|
-
W === T.Content && /* @__PURE__ */ Y(
|
|
2714
|
+
W === T.Content && /* @__PURE__ */ Y(mr, {
|
|
2711
2715
|
content: q?.content ?? "",
|
|
2712
2716
|
filePreview: st(),
|
|
2713
2717
|
filePreviewContent: ct,
|
|
@@ -2728,7 +2732,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2728
2732
|
detailsStyles: Te,
|
|
2729
2733
|
markdownLabels: Zt
|
|
2730
2734
|
}),
|
|
2731
|
-
W === T.Overview && /* @__PURE__ */ Y(
|
|
2735
|
+
W === T.Overview && /* @__PURE__ */ Y(Dr, {
|
|
2732
2736
|
sections: e.details?.overview?.sections,
|
|
2733
2737
|
sectionClassName: Oe,
|
|
2734
2738
|
labelClassName: ke,
|
|
@@ -2737,17 +2741,17 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2737
2741
|
yesLabel: $t,
|
|
2738
2742
|
noLabel: en
|
|
2739
2743
|
}),
|
|
2740
|
-
W === T.Pricing && /* @__PURE__ */ Y(
|
|
2744
|
+
W === T.Pricing && /* @__PURE__ */ Y(Or, {
|
|
2741
2745
|
pricing: e.details?.pricing,
|
|
2742
2746
|
pricesSectionLabel: H?.pricingPricesSectionLabel,
|
|
2743
2747
|
characterPricesSectionLabel: H?.pricingCharacterPricesSectionLabel,
|
|
2744
2748
|
limitsSectionLabel: H?.pricingLimitsSectionLabel
|
|
2745
2749
|
}),
|
|
2746
|
-
W === T.Limits && /* @__PURE__ */ Y(
|
|
2750
|
+
W === T.Limits && /* @__PURE__ */ Y(Er, {
|
|
2747
2751
|
limits: e.details?.limits,
|
|
2748
2752
|
footerNote: Ee
|
|
2749
2753
|
}),
|
|
2750
|
-
W === T.Api && p(e.details?.api) && /* @__PURE__ */ Y(
|
|
2754
|
+
W === T.Api && p(e.details?.api) && /* @__PURE__ */ Y(Pn, {
|
|
2751
2755
|
api: e.details?.api,
|
|
2752
2756
|
resourceSectionLabel: H?.apiResourceSectionLabel,
|
|
2753
2757
|
snippetSectionLabel: H?.apiSnippetSectionLabel,
|
|
@@ -2759,7 +2763,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2759
2763
|
copyAriaLabel: H?.copyCodeAriaLabel,
|
|
2760
2764
|
copiedStatusLabel: H?.copiedCodeStatusLabel
|
|
2761
2765
|
}),
|
|
2762
|
-
W === T.Tools && /* @__PURE__ */ Y(
|
|
2766
|
+
W === T.Tools && /* @__PURE__ */ Y(Pr, {
|
|
2763
2767
|
tools: e.details?.tools,
|
|
2764
2768
|
labels: Qt
|
|
2765
2769
|
})
|
|
@@ -2768,7 +2772,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2768
2772
|
] })
|
|
2769
2773
|
]
|
|
2770
2774
|
}),
|
|
2771
|
-
|
|
2775
|
+
ln && /* @__PURE__ */ Y(D, {
|
|
2772
2776
|
confirmLabel: cn.confirmLabel,
|
|
2773
2777
|
cancelLabel: sn,
|
|
2774
2778
|
variant: cn.variant,
|
|
@@ -2777,12 +2781,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2777
2781
|
loadingStatusLabel: cn.loadingStatusLabel,
|
|
2778
2782
|
styles: { colors: { border: U?.confirmFooterBorder } },
|
|
2779
2783
|
onConfirm: Wt,
|
|
2780
|
-
onCancel:
|
|
2784
|
+
onCancel: Ht
|
|
2781
2785
|
}),
|
|
2782
|
-
!
|
|
2786
|
+
!ln && K && /* @__PURE__ */ Y(wt, {
|
|
2783
2787
|
version: e.version,
|
|
2784
2788
|
hasExistingPublicationInFolder: Z.hasExistingPublicationInFolder,
|
|
2785
|
-
allowReplace:
|
|
2789
|
+
allowReplace: Ir,
|
|
2786
2790
|
isSubmitDisabled: ft.isSubmitDisabled,
|
|
2787
2791
|
isSubmitLoading: ft.isSubmitLoading,
|
|
2788
2792
|
onCancel: Kt,
|
|
@@ -2791,7 +2795,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2791
2795
|
})
|
|
2792
2796
|
]
|
|
2793
2797
|
});
|
|
2794
|
-
},
|
|
2798
|
+
}, Jr = {
|
|
2795
2799
|
pageNav: "_pageNav_14qfn_1",
|
|
2796
2800
|
navBtn: "_navBtn_14qfn_6",
|
|
2797
2801
|
titleText: "_titleText_14qfn_23",
|
|
@@ -2806,7 +2810,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2806
2810
|
favFadeIn: "_favFadeIn_14qfn_1",
|
|
2807
2811
|
cardLeaving: "_cardLeaving_14qfn_54",
|
|
2808
2812
|
cardFadeOut: "_cardFadeOut_14qfn_1"
|
|
2809
|
-
},
|
|
2813
|
+
}, Yr = ({ item: e, initialIsStarred: t = !0, onToggle: n, isFavoriteVisible: r, onClick: i, nameClassName: a, colors: o, versionClassName: s, lastUsedClassName: c, query: l, addToFavoritesAriaLabel: u = "Add to favorites", removeFromFavoritesAriaLabel: d = "Remove from favorites", isSelected: f = !1, credentialsBadgeLoggedOutLabel: p }) => {
|
|
2810
2814
|
let [m, h] = z(t), [g, _] = z(!1), v = (t) => {
|
|
2811
2815
|
t.stopPropagation();
|
|
2812
2816
|
let r = !m;
|
|
@@ -2823,7 +2827,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2823
2827
|
role: y == null ? void 0 : "button",
|
|
2824
2828
|
tabIndex: y == null ? void 0 : 0,
|
|
2825
2829
|
"aria-label": e.name,
|
|
2826
|
-
className: P("box-border min-w-0 cursor-pointer flex-row items-start gap-1 text-start", g &&
|
|
2830
|
+
className: P("box-border min-w-0 cursor-pointer flex-row items-start gap-1 text-start", g && Jr.cardLeaving, f && Jr.selectedCard, zt.favoriteCard),
|
|
2827
2831
|
onClick: y,
|
|
2828
2832
|
onKeyDown: b,
|
|
2829
2833
|
onAnimationEnd: g ? (t) => {
|
|
@@ -2831,10 +2835,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2831
2835
|
} : void 0,
|
|
2832
2836
|
children: [f && /* @__PURE__ */ Y(et, {
|
|
2833
2837
|
size: B.SM,
|
|
2834
|
-
className: P("absolute end-3 top-3 shrink-0",
|
|
2838
|
+
className: P("absolute end-3 top-3 shrink-0", Jr.selectedCheck),
|
|
2835
2839
|
"aria-hidden": !0,
|
|
2836
2840
|
stroke: V
|
|
2837
|
-
}), /* @__PURE__ */ Y(
|
|
2841
|
+
}), /* @__PURE__ */ Y(on, {
|
|
2838
2842
|
icon: e.iconUrl,
|
|
2839
2843
|
type: e.type,
|
|
2840
2844
|
name: e.name,
|
|
@@ -2851,11 +2855,11 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2851
2855
|
lastUsedClassName: c
|
|
2852
2856
|
}
|
|
2853
2857
|
},
|
|
2854
|
-
iconOverlay: /* @__PURE__ */ Y(
|
|
2858
|
+
iconOverlay: /* @__PURE__ */ Y(cn, {
|
|
2855
2859
|
credentials: e.credentials,
|
|
2856
2860
|
loggedOutLabel: p
|
|
2857
2861
|
}),
|
|
2858
|
-
lastUsedTrailing: r?.(e) === !1 ? void 0 : /* @__PURE__ */ Y(
|
|
2862
|
+
lastUsedTrailing: r?.(e) === !1 ? void 0 : /* @__PURE__ */ Y(un, {
|
|
2859
2863
|
isStarred: m,
|
|
2860
2864
|
size: Ee.Small,
|
|
2861
2865
|
onClick: v,
|
|
@@ -2863,7 +2867,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2863
2867
|
})
|
|
2864
2868
|
})]
|
|
2865
2869
|
});
|
|
2866
|
-
},
|
|
2870
|
+
}, Xr = 2, Zr = (e) => {
|
|
2867
2871
|
let t = e.getBoundingClientRect(), n = window.scrollX, r = window.scrollY, i = window.getComputedStyle(e).transform;
|
|
2868
2872
|
if (!i || i === "none") return new DOMRect(t.x + n, t.y + r, t.width, t.height);
|
|
2869
2873
|
try {
|
|
@@ -2872,7 +2876,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2872
2876
|
} catch {
|
|
2873
2877
|
return new DOMRect(t.x + n, t.y + r, t.width, t.height);
|
|
2874
2878
|
}
|
|
2875
|
-
},
|
|
2879
|
+
}, Qr = ({ items: e, totalCount: t, title: n = "Your Favorites", onToggleFavorite: r, isFavoriteVisible: i, onItemClick: a, styles: o, isLeaving: s, onExitComplete: c, prevPageAriaLabel: l = "Previous page", nextPageAriaLabel: u = "Next page", addToFavoritesAriaLabel: d, removeFromFavoritesAriaLabel: f, selectedItemId: p, credentialsBadgeLoggedOutLabel: m }) => {
|
|
2876
2880
|
let h = o?.typography?.titleClassName ?? "dial-body-semi-text", g = o?.typography?.countClassName ?? "dial-tiny-semi-text", _ = oe({
|
|
2877
2881
|
"--cat-fav-title-text": o?.colors?.titleText,
|
|
2878
2882
|
"--cat-fav-count-text": o?.colors?.countText,
|
|
@@ -2885,7 +2889,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2885
2889
|
"--cat-fav-nav-btn-active-bg": o?.colors?.navButtonActiveBackground,
|
|
2886
2890
|
"--cat-fav-page-nav-border": o?.colors?.pageNavBorder,
|
|
2887
2891
|
"--cat-fav-page-nav-bg": o?.colors?.pageNavBackground
|
|
2888
|
-
}), v = L(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [y, b] = z(1), x = Rt(), S = x *
|
|
2892
|
+
}), v = L(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [y, b] = z(1), x = Rt(), S = x * Xr, C = (y - 1) * S, w = L(() => v.slice(C, C + S), [
|
|
2889
2893
|
v,
|
|
2890
2894
|
C,
|
|
2891
2895
|
S
|
|
@@ -2919,7 +2923,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2919
2923
|
let n = k.current.querySelectorAll("[data-card-id]"), r = /* @__PURE__ */ new Map();
|
|
2920
2924
|
if (n.forEach((e) => {
|
|
2921
2925
|
let { cardId: t } = e.dataset;
|
|
2922
|
-
t && r.set(t,
|
|
2926
|
+
t && r.set(t, Zr(e));
|
|
2923
2927
|
}), !e && !t) {
|
|
2924
2928
|
let e = O.current, t = ae.current, i = 0;
|
|
2925
2929
|
if (e) {
|
|
@@ -2977,7 +2981,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2977
2981
|
ref: D,
|
|
2978
2982
|
children: /* @__PURE__ */ X("section", {
|
|
2979
2983
|
ref: O,
|
|
2980
|
-
className: P("flex flex-shrink-0 flex-col gap-4 pt-2 pb-2",
|
|
2984
|
+
className: P("flex flex-shrink-0 flex-col gap-4 pt-2 pb-2", Jr.section, s && Jr.sectionLeaving),
|
|
2981
2985
|
style: {
|
|
2982
2986
|
..._,
|
|
2983
2987
|
minHeight: M
|
|
@@ -2988,17 +2992,17 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2988
2992
|
children: [/* @__PURE__ */ Y(te, {
|
|
2989
2993
|
title: n,
|
|
2990
2994
|
postfix: E,
|
|
2991
|
-
titleClassName: P(h,
|
|
2992
|
-
postfixClassName: P(g,
|
|
2995
|
+
titleClassName: P(h, Jr.titleText),
|
|
2996
|
+
postfixClassName: P(g, Jr.countText),
|
|
2993
2997
|
trailing: T > 1 ? /* @__PURE__ */ X("div", {
|
|
2994
|
-
className: P("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]",
|
|
2998
|
+
className: P("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]", Jr.pageNav),
|
|
2995
2999
|
children: [
|
|
2996
3000
|
/* @__PURE__ */ Y(Ae, {
|
|
2997
3001
|
size: Ee.Small,
|
|
2998
3002
|
"aria-label": l,
|
|
2999
3003
|
disabled: y === 1,
|
|
3000
3004
|
onClick: () => b((e) => e - 1),
|
|
3001
|
-
className: P("rounded-full",
|
|
3005
|
+
className: P("rounded-full", Jr.navBtn),
|
|
3002
3006
|
icon: /* @__PURE__ */ Y(nt, {
|
|
3003
3007
|
size: 14,
|
|
3004
3008
|
"aria-hidden": !0,
|
|
@@ -3007,7 +3011,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3007
3011
|
})
|
|
3008
3012
|
}),
|
|
3009
3013
|
/* @__PURE__ */ X("span", {
|
|
3010
|
-
className: P("min-w-[32px] px-1 text-center select-none", g,
|
|
3014
|
+
className: P("min-w-[32px] px-1 text-center select-none", g, Jr.countText),
|
|
3011
3015
|
children: [
|
|
3012
3016
|
y,
|
|
3013
3017
|
" / ",
|
|
@@ -3019,7 +3023,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3019
3023
|
"aria-label": u,
|
|
3020
3024
|
disabled: y === T,
|
|
3021
3025
|
onClick: () => b((e) => e + 1),
|
|
3022
|
-
className: P("rounded-full",
|
|
3026
|
+
className: P("rounded-full", Jr.navBtn),
|
|
3023
3027
|
icon: /* @__PURE__ */ Y(rt, {
|
|
3024
3028
|
size: 14,
|
|
3025
3029
|
"aria-hidden": !0,
|
|
@@ -3031,12 +3035,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3031
3035
|
}) : void 0
|
|
3032
3036
|
}), /* @__PURE__ */ Y("div", {
|
|
3033
3037
|
ref: k,
|
|
3034
|
-
className: P("grid content-start gap-5",
|
|
3038
|
+
className: P("grid content-start gap-5", Jr.gridPage),
|
|
3035
3039
|
style: {
|
|
3036
3040
|
gridTemplateColumns: `repeat(${x}, minmax(0, 1fr))`,
|
|
3037
3041
|
minHeight: A
|
|
3038
3042
|
},
|
|
3039
|
-
children: w.map((e) => /* @__PURE__ */ Y(
|
|
3043
|
+
children: w.map((e) => /* @__PURE__ */ Y(Yr, {
|
|
3040
3044
|
item: e,
|
|
3041
3045
|
onToggle: r,
|
|
3042
3046
|
isFavoriteVisible: i,
|
|
@@ -3049,15 +3053,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3049
3053
|
})]
|
|
3050
3054
|
})
|
|
3051
3055
|
});
|
|
3052
|
-
},
|
|
3056
|
+
}, $r = (e, t) => {
|
|
3053
3057
|
let n = new Set(e);
|
|
3054
3058
|
return n.has(t) ? n.delete(t) : n.add(t), n;
|
|
3055
|
-
},
|
|
3059
|
+
}, ei = (e, t) => {
|
|
3056
3060
|
let n = new Set(e), r = t.length > 0 && t.every((t) => e.has(t));
|
|
3057
3061
|
return t.forEach((e) => {
|
|
3058
3062
|
r ? n.delete(e) : n.add(e);
|
|
3059
3063
|
}), n;
|
|
3060
|
-
},
|
|
3064
|
+
}, ti = {
|
|
3061
3065
|
listContainer: "_listContainer_1cc13_1",
|
|
3062
3066
|
gridClip: "_gridClip_1cc13_6",
|
|
3063
3067
|
favHeader: "_favHeader_1cc13_35",
|
|
@@ -3068,19 +3072,19 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3068
3072
|
selectedRow: "_selectedRow_1cc13_64",
|
|
3069
3073
|
name: "_name_1cc13_72",
|
|
3070
3074
|
version: "_version_1cc13_76"
|
|
3071
|
-
},
|
|
3075
|
+
}, ni = ({ data: e }) => e ? /* @__PURE__ */ Y("div", {
|
|
3072
3076
|
className: "flex h-full items-center",
|
|
3073
3077
|
children: /* @__PURE__ */ Y(M, { type: e.type })
|
|
3074
|
-
}) : null,
|
|
3078
|
+
}) : null, ri = " / ", ii = ({ data: e, context: t }) => {
|
|
3075
3079
|
if (!e || e.folder.length === 0) return null;
|
|
3076
|
-
let n = e.folder.join(
|
|
3080
|
+
let n = e.folder.join(ri), r = e.folder[e.folder.length - 1], i = e.folder.length > 1, a = t?.typography?.folderClassName ?? "dial-small-text", o = t?.typography?.folderLastSegmentClassName ?? "dial-small-semi-text";
|
|
3077
3081
|
return /* @__PURE__ */ X("div", {
|
|
3078
3082
|
className: "flex h-full w-full min-w-0 items-center gap-1.5",
|
|
3079
3083
|
children: [
|
|
3080
3084
|
/* @__PURE__ */ Y(ct, {
|
|
3081
3085
|
size: B.SM,
|
|
3082
3086
|
stroke: V,
|
|
3083
|
-
className: P("shrink-0",
|
|
3087
|
+
className: P("shrink-0", ti.folderIcon),
|
|
3084
3088
|
"aria-hidden": !0
|
|
3085
3089
|
}),
|
|
3086
3090
|
/* @__PURE__ */ Y(Je, {
|
|
@@ -3102,7 +3106,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3102
3106
|
})
|
|
3103
3107
|
]
|
|
3104
3108
|
});
|
|
3105
|
-
},
|
|
3109
|
+
}, ai = ({ data: e, context: t }) => {
|
|
3106
3110
|
let n = t?.searchQuery ?? "", r = t?.typography, i = r?.nameClassName ?? "dial-small-semi-text", a = r?.versionClassName ?? "dial-tiny-text", o = e != null && e.id === t?.selectedItemId;
|
|
3107
3111
|
return e ? /* @__PURE__ */ X("div", {
|
|
3108
3112
|
className: "flex h-full w-full min-w-0 items-center gap-2.5",
|
|
@@ -3113,7 +3117,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3113
3117
|
size: 36,
|
|
3114
3118
|
initialsName: e.name,
|
|
3115
3119
|
styles: { badgeClassName: "rounded-[10px]" }
|
|
3116
|
-
}), /* @__PURE__ */ Y(
|
|
3120
|
+
}), /* @__PURE__ */ Y(cn, {
|
|
3117
3121
|
credentials: e.credentials,
|
|
3118
3122
|
loggedOutLabel: t?.credentialsBadgeLoggedOutLabel
|
|
3119
3123
|
})]
|
|
@@ -3121,8 +3125,8 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3121
3125
|
className: "flex min-w-0 flex-1 items-baseline gap-1.5",
|
|
3122
3126
|
children: [
|
|
3123
3127
|
/* @__PURE__ */ Y("h3", {
|
|
3124
|
-
className: P("min-w-0 shrink", i,
|
|
3125
|
-
children: /* @__PURE__ */ Y(
|
|
3128
|
+
className: P("min-w-0 shrink", i, ti.name),
|
|
3129
|
+
children: /* @__PURE__ */ Y(rn, {
|
|
3126
3130
|
name: e.name,
|
|
3127
3131
|
query: n,
|
|
3128
3132
|
className: "whitespace-normal"
|
|
@@ -3130,23 +3134,23 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3130
3134
|
}),
|
|
3131
3135
|
e.version && /* @__PURE__ */ Y(De, {
|
|
3132
3136
|
text: e.version,
|
|
3133
|
-
className: P("max-w-[30%] shrink-0", a,
|
|
3137
|
+
className: P("max-w-[30%] shrink-0", a, ti.version)
|
|
3134
3138
|
}),
|
|
3135
3139
|
o && /* @__PURE__ */ Y(et, {
|
|
3136
3140
|
size: B.SM,
|
|
3137
|
-
className: P("ms-auto shrink-0",
|
|
3141
|
+
className: P("ms-auto shrink-0", ti.selectedCheck),
|
|
3138
3142
|
"aria-hidden": !0,
|
|
3139
3143
|
stroke: V
|
|
3140
3144
|
})
|
|
3141
3145
|
]
|
|
3142
3146
|
})]
|
|
3143
3147
|
}) : null;
|
|
3144
|
-
},
|
|
3145
|
-
let e = fe(
|
|
3148
|
+
}, oi = le(null), si = () => {
|
|
3149
|
+
let e = fe(oi);
|
|
3146
3150
|
if (e == null) throw Error("useListSelection must be used inside a ListView in multiple selection mode.");
|
|
3147
3151
|
return e;
|
|
3148
|
-
},
|
|
3149
|
-
let { selectedIds: t, toggle: n, getRowAriaLabel: r } =
|
|
3152
|
+
}, ci = ({ data: e }) => {
|
|
3153
|
+
let { selectedIds: t, toggle: n, getRowAriaLabel: r } = si();
|
|
3150
3154
|
return e ? /* @__PURE__ */ Y("div", {
|
|
3151
3155
|
className: "flex size-full items-center",
|
|
3152
3156
|
children: /* @__PURE__ */ Y(Se, {
|
|
@@ -3155,8 +3159,8 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3155
3159
|
onChange: () => n(e.id)
|
|
3156
3160
|
})
|
|
3157
3161
|
}) : null;
|
|
3158
|
-
},
|
|
3159
|
-
let { isAllSelected: e, isSomeSelected: t, hasItems: n, toggleAll: r, selectAllAriaLabel: i } =
|
|
3162
|
+
}, li = () => {
|
|
3163
|
+
let { isAllSelected: e, isSomeSelected: t, hasItems: n, toggleAll: r, selectAllAriaLabel: i } = si();
|
|
3160
3164
|
return /* @__PURE__ */ Y("div", {
|
|
3161
3165
|
className: "flex size-full items-center",
|
|
3162
3166
|
children: /* @__PURE__ */ Y(Se, {
|
|
@@ -3167,48 +3171,48 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3167
3171
|
onChange: r
|
|
3168
3172
|
})
|
|
3169
3173
|
});
|
|
3170
|
-
},
|
|
3174
|
+
}, ui = ({ data: e, context: t }) => {
|
|
3171
3175
|
let [n, r] = z(e?.isStarred ?? !1);
|
|
3172
3176
|
return I(() => {
|
|
3173
3177
|
r(e?.isStarred ?? !1);
|
|
3174
3178
|
}, [e?.id, e?.isStarred]), !e || t?.isFavoriteVisible?.(e) === !1 ? null : /* @__PURE__ */ Y("div", {
|
|
3175
3179
|
className: "flex size-full items-center justify-end",
|
|
3176
|
-
children: /* @__PURE__ */ Y(
|
|
3180
|
+
children: /* @__PURE__ */ Y(un, {
|
|
3177
3181
|
isStarred: n,
|
|
3178
3182
|
onClick: (i) => {
|
|
3179
3183
|
i.stopPropagation();
|
|
3180
3184
|
let a = !n;
|
|
3181
3185
|
r(a), t?.onToggleFavorite?.(e.id, a);
|
|
3182
3186
|
},
|
|
3183
|
-
className: n ? void 0 :
|
|
3187
|
+
className: n ? void 0 : ti.starToggleOff
|
|
3184
3188
|
})
|
|
3185
3189
|
});
|
|
3186
|
-
},
|
|
3190
|
+
}, di = ({ data: e }) => !e || e.topics.length === 0 ? null : /* @__PURE__ */ Y("div", {
|
|
3187
3191
|
className: "flex h-full w-full min-w-0 items-center",
|
|
3188
|
-
children: /* @__PURE__ */ Y(
|
|
3189
|
-
}),
|
|
3192
|
+
children: /* @__PURE__ */ Y(hn, { topics: e.topics })
|
|
3193
|
+
}), fi = "selection", pi = 52, mi = {
|
|
3190
3194
|
folder: (e) => e !== E.Model,
|
|
3191
3195
|
tags: () => !0,
|
|
3192
3196
|
favorite: () => !0
|
|
3193
|
-
},
|
|
3197
|
+
}, hi = (e, t) => Object.fromEntries([
|
|
3194
3198
|
"folder",
|
|
3195
3199
|
"tags",
|
|
3196
3200
|
"favorite"
|
|
3197
|
-
].map((n) => [n, (t?.[n] ??
|
|
3198
|
-
let i =
|
|
3201
|
+
].map((n) => [n, (t?.[n] ?? mi[n])(e)])), gi = (e, t = !1, n, r = !1) => {
|
|
3202
|
+
let i = hi(e, n);
|
|
3199
3203
|
return [
|
|
3200
3204
|
...r ? [{
|
|
3201
|
-
colId:
|
|
3205
|
+
colId: fi,
|
|
3202
3206
|
headerName: "",
|
|
3203
|
-
width:
|
|
3204
|
-
minWidth:
|
|
3205
|
-
maxWidth:
|
|
3207
|
+
width: pi,
|
|
3208
|
+
minWidth: pi,
|
|
3209
|
+
maxWidth: pi,
|
|
3206
3210
|
filter: !1,
|
|
3207
3211
|
sortable: !1,
|
|
3208
3212
|
resizable: !1,
|
|
3209
3213
|
suppressMovable: !0,
|
|
3210
|
-
headerComponent:
|
|
3211
|
-
cellRenderer:
|
|
3214
|
+
headerComponent: li,
|
|
3215
|
+
cellRenderer: ci
|
|
3212
3216
|
}] : [],
|
|
3213
3217
|
{
|
|
3214
3218
|
headerName: "Name",
|
|
@@ -3216,7 +3220,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3216
3220
|
minWidth: 220,
|
|
3217
3221
|
field: "name",
|
|
3218
3222
|
filter: !1,
|
|
3219
|
-
cellRenderer:
|
|
3223
|
+
cellRenderer: ai,
|
|
3220
3224
|
valueGetter: (e) => e.data?.name
|
|
3221
3225
|
},
|
|
3222
3226
|
{
|
|
@@ -3226,7 +3230,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3226
3230
|
field: "type",
|
|
3227
3231
|
filter: !1,
|
|
3228
3232
|
sortable: !1,
|
|
3229
|
-
cellRenderer:
|
|
3233
|
+
cellRenderer: ni,
|
|
3230
3234
|
valueGetter: (e) => e.data?.type
|
|
3231
3235
|
},
|
|
3232
3236
|
{
|
|
@@ -3236,7 +3240,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3236
3240
|
minWidth: 170,
|
|
3237
3241
|
filter: !1,
|
|
3238
3242
|
hide: !i.folder,
|
|
3239
|
-
cellRenderer:
|
|
3243
|
+
cellRenderer: ii,
|
|
3240
3244
|
valueGetter: (e) => e.data?.folder
|
|
3241
3245
|
},
|
|
3242
3246
|
{
|
|
@@ -3247,7 +3251,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3247
3251
|
filter: !1,
|
|
3248
3252
|
sortable: !1,
|
|
3249
3253
|
hide: !i.tags,
|
|
3250
|
-
cellRenderer:
|
|
3254
|
+
cellRenderer: di,
|
|
3251
3255
|
valueGetter: (e) => e.data?.topics
|
|
3252
3256
|
},
|
|
3253
3257
|
{
|
|
@@ -3259,15 +3263,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3259
3263
|
sortable: !1,
|
|
3260
3264
|
resizable: !1,
|
|
3261
3265
|
hide: t || !i.favorite,
|
|
3262
|
-
headerClass:
|
|
3263
|
-
cellRenderer:
|
|
3266
|
+
headerClass: ti.favHeader,
|
|
3267
|
+
cellRenderer: ui
|
|
3264
3268
|
}
|
|
3265
3269
|
];
|
|
3266
|
-
},
|
|
3270
|
+
}, _i = 60, vi = {}, yi = /* @__PURE__ */ new Set(), bi = "Select all", xi = (e) => e.id, Si = (e) => `Select ${e.name}`, Ci = (e) => e.items.length === 0 ? /* @__PURE__ */ Y("div", {
|
|
3267
3271
|
className: Ye("flex size-full flex-col items-center justify-center", zt.listView),
|
|
3268
3272
|
children: /* @__PURE__ */ Y(ie, { label: e.emptyStateTitle ?? "No results" })
|
|
3269
|
-
}) : /* @__PURE__ */ Y(
|
|
3270
|
-
let y = m === Pt.Multiple, b = y ? void 0 : u, x = a?.typography ??
|
|
3273
|
+
}) : /* @__PURE__ */ Y(wi, { ...e }), wi = ({ items: e, type: t, query: n = "", ariaLabel: r = "Catalog", emptyStateTitle: i, styles: a, onToggleFavorite: o, isFavoriteVisible: s, onItemClick: c, stickyHeaderTop: l, selectedItemId: u, credentialsBadgeLoggedOutLabel: d, isReadonly: f = !1, columnVisibility: p, selectionMode: m = Pt.Single, selectedItemIds: h = yi, onSelectionChange: g, selectRowAriaLabel: _ = Si, selectAllAriaLabel: v = bi }) => {
|
|
3274
|
+
let y = m === Pt.Multiple, b = y ? void 0 : u, x = a?.typography ?? vi, S = a?.colors, C = {
|
|
3271
3275
|
"--cat-list-bg": S?.background,
|
|
3272
3276
|
"--cat-list-border": S?.border,
|
|
3273
3277
|
"--cat-list-header-bg": S?.headerBackground,
|
|
@@ -3281,12 +3285,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3281
3285
|
...l == null ? {} : { "--list-header-sticky-top": `${l}px` }
|
|
3282
3286
|
}, w = R(null), T = F((e) => {
|
|
3283
3287
|
w.current = e;
|
|
3284
|
-
}, []), E = L(() =>
|
|
3288
|
+
}, []), E = L(() => gi(t, f, p, y), [
|
|
3285
3289
|
t,
|
|
3286
3290
|
f,
|
|
3287
3291
|
p,
|
|
3288
3292
|
y
|
|
3289
|
-
]), D = L(() => e.map(
|
|
3293
|
+
]), D = L(() => e.map(xi), [e]), O = L(() => D.filter((e) => h.has(e)).length, [D, h]), k = F((e) => g?.($r(h, e)), [g, h]), A = F(() => g?.(ei(h, D)), [
|
|
3290
3294
|
g,
|
|
3291
3295
|
h,
|
|
3292
3296
|
D
|
|
@@ -3318,7 +3322,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3318
3322
|
t != null && (e.preventDefault(), k(t));
|
|
3319
3323
|
}, [k]), ne = L(() => ({
|
|
3320
3324
|
domLayout: "autoHeight",
|
|
3321
|
-
rowHeight:
|
|
3325
|
+
rowHeight: _i,
|
|
3322
3326
|
animateRows: !1,
|
|
3323
3327
|
suppressAnimationFrame: !0,
|
|
3324
3328
|
suppressScrollOnNewData: !0,
|
|
@@ -3341,7 +3345,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3341
3345
|
t.field !== "isStarred" && t.colId !== "selection" && e.data && (y && M.current(e.data.id), c?.(e.data));
|
|
3342
3346
|
} : void 0,
|
|
3343
3347
|
rowClass: c || y ? "cursor-pointer" : void 0,
|
|
3344
|
-
getRowClass: (e) => e.data?.id === b ?
|
|
3348
|
+
getRowClass: (e) => e.data?.id === b ? ti.selectedRow : void 0
|
|
3345
3349
|
}), [
|
|
3346
3350
|
n,
|
|
3347
3351
|
x,
|
|
@@ -3353,7 +3357,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3353
3357
|
c,
|
|
3354
3358
|
y,
|
|
3355
3359
|
te
|
|
3356
|
-
]), { containerRef: re, startRow: ie, endRow: ae } =
|
|
3360
|
+
]), { containerRef: re, startRow: ie, endRow: ae } = Zt(e.length, _i), oe = L(() => e.slice(ie, ae), [
|
|
3357
3361
|
e,
|
|
3358
3362
|
ie,
|
|
3359
3363
|
ae
|
|
@@ -3364,22 +3368,22 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3364
3368
|
w.current?.redrawRows();
|
|
3365
3369
|
}, [b]), /* @__PURE__ */ Y("div", {
|
|
3366
3370
|
style: C,
|
|
3367
|
-
className: Ye("w-full rounded-xl border",
|
|
3371
|
+
className: Ye("w-full rounded-xl border", ti.listContainer, zt.listView),
|
|
3368
3372
|
children: /* @__PURE__ */ X("div", {
|
|
3369
3373
|
ref: re,
|
|
3370
3374
|
onKeyDown: y ? N : void 0,
|
|
3371
|
-
className: Ye("rounded-xl [&_.ag-cell.ag-column-first]:ps-4 [&_.ag-cell.ag-column-last]:pe-4 [&_.ag-header-cell.ag-column-first]:ps-4 [&_.ag-header-cell.ag-column-last]:pe-4",
|
|
3375
|
+
className: Ye("rounded-xl [&_.ag-cell.ag-column-first]:ps-4 [&_.ag-cell.ag-column-last]:pe-4 [&_.ag-header-cell.ag-column-first]:ps-4 [&_.ag-header-cell.ag-column-last]:pe-4", ti.gridClip),
|
|
3372
3376
|
children: [
|
|
3373
3377
|
ie > 0 && /* @__PURE__ */ Y("div", {
|
|
3374
|
-
style: { height: ie *
|
|
3378
|
+
style: { height: ie * _i },
|
|
3375
3379
|
"aria-hidden": !0
|
|
3376
3380
|
}),
|
|
3377
|
-
/* @__PURE__ */ Y(
|
|
3381
|
+
/* @__PURE__ */ Y(oi.Provider, {
|
|
3378
3382
|
value: j,
|
|
3379
3383
|
children: /* @__PURE__ */ Y(Ot, {
|
|
3380
3384
|
columnDefs: E,
|
|
3381
3385
|
rowData: oe,
|
|
3382
|
-
getRowId:
|
|
3386
|
+
getRowId: xi,
|
|
3383
3387
|
withoutHeaderBorders: !0,
|
|
3384
3388
|
wrapCustomCellRenderers: !1,
|
|
3385
3389
|
onGridApiChange: T,
|
|
@@ -3389,33 +3393,39 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3389
3393
|
})
|
|
3390
3394
|
}),
|
|
3391
3395
|
ae < e.length && /* @__PURE__ */ Y("div", {
|
|
3392
|
-
style: { height: (e.length - ae) *
|
|
3396
|
+
style: { height: (e.length - ae) * _i },
|
|
3393
3397
|
"aria-hidden": !0
|
|
3394
3398
|
})
|
|
3395
3399
|
]
|
|
3396
3400
|
})
|
|
3397
3401
|
});
|
|
3398
|
-
},
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
+
}, Ti = "w-[320px]", Ei = {
|
|
3403
|
+
divider: "_divider_k154m_1",
|
|
3404
|
+
sectionHeader: "_sectionHeader_k154m_5"
|
|
3405
|
+
}, Di = ({ open: e, onClose: t, title: n, options: r, search: i, searchPlaceholder: a, searchClearLabel: o, noResultsLabel: s, backLabel: c, closeLabel: l, colors: u, sectionHeaderClassName: d = "dial-caption-text" }) => {
|
|
3406
|
+
let [f, p] = z(null), m = f ? r.find((e) => e.key === f) : void 0, h = m?.children ?? r, g = i ? Vt(h, i.value) : h, _ = oe({
|
|
3407
|
+
"--cat-create-menu-divider": u?.divider,
|
|
3408
|
+
"--cat-create-menu-section-header-text": u?.sectionHeaderText
|
|
3409
|
+
}), v = () => {
|
|
3410
|
+
p(null), t();
|
|
3411
|
+
}, y = (e, t) => {
|
|
3402
3412
|
if (e.children?.length) {
|
|
3403
|
-
|
|
3413
|
+
p(e.key);
|
|
3404
3414
|
return;
|
|
3405
3415
|
}
|
|
3406
3416
|
e.onClick?.({
|
|
3407
3417
|
key: e.key,
|
|
3408
3418
|
domEvent: t
|
|
3409
|
-
}),
|
|
3419
|
+
}), v();
|
|
3410
3420
|
};
|
|
3411
3421
|
return /* @__PURE__ */ X(ge, {
|
|
3412
3422
|
open: e,
|
|
3413
|
-
title:
|
|
3414
|
-
onBack:
|
|
3423
|
+
title: m ? String(m.label ?? "") : n,
|
|
3424
|
+
onBack: m ? () => p(null) : void 0,
|
|
3415
3425
|
backAriaLabel: c,
|
|
3416
3426
|
closeAriaLabel: l,
|
|
3417
|
-
onClose:
|
|
3418
|
-
children: [i && !
|
|
3427
|
+
onClose: v,
|
|
3428
|
+
children: [i && !m && /* @__PURE__ */ Y("div", {
|
|
3419
3429
|
className: "px-2 pt-2 pb-1",
|
|
3420
3430
|
children: /* @__PURE__ */ Y(Ve, {
|
|
3421
3431
|
value: i.value,
|
|
@@ -3425,10 +3435,18 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3425
3435
|
size: Ee.Small,
|
|
3426
3436
|
onChange: (e) => i.onChange(e ?? "")
|
|
3427
3437
|
})
|
|
3428
|
-
}),
|
|
3438
|
+
}), g.length ? /* @__PURE__ */ Y("div", {
|
|
3429
3439
|
role: "menu",
|
|
3430
|
-
"aria-label":
|
|
3431
|
-
|
|
3440
|
+
"aria-label": m ? void 0 : n,
|
|
3441
|
+
style: _,
|
|
3442
|
+
children: g.map((e) => e.type === Te.Divider ? /* @__PURE__ */ Y("div", {
|
|
3443
|
+
role: "separator",
|
|
3444
|
+
className: P("my-1", Ei.divider, e.className)
|
|
3445
|
+
}, e.key) : e.type === Te.PlainText ? /* @__PURE__ */ Y("div", {
|
|
3446
|
+
role: "presentation",
|
|
3447
|
+
className: P("px-3 py-2", Ei.sectionHeader, d, e.className),
|
|
3448
|
+
children: e.label
|
|
3449
|
+
}, e.key) : /* @__PURE__ */ Y(W, {
|
|
3432
3450
|
role: "menuitem",
|
|
3433
3451
|
label: e.label,
|
|
3434
3452
|
icon: e.icon,
|
|
@@ -3441,7 +3459,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3441
3459
|
className: "rtl:scale-x-[-1]",
|
|
3442
3460
|
"aria-hidden": !0
|
|
3443
3461
|
}) : void 0,
|
|
3444
|
-
onClick: (t) =>
|
|
3462
|
+
onClick: (t) => y(e, t)
|
|
3445
3463
|
}, e.key))
|
|
3446
3464
|
}) : /* @__PURE__ */ Y("p", {
|
|
3447
3465
|
role: "status",
|
|
@@ -3449,25 +3467,25 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3449
3467
|
children: s
|
|
3450
3468
|
})]
|
|
3451
3469
|
});
|
|
3452
|
-
},
|
|
3453
|
-
let
|
|
3470
|
+
}, Oi = ({ label: e, options: t, onClick: n, search: r, searchPlaceholder: i = "Search", searchClearLabel: a = "Clear search", noResultsLabel: o = "No results found", backLabel: s = "Back", closeLabel: c = "Close", variant: l = be.Primary, colors: u, sectionHeaderClassName: d }) => {
|
|
3471
|
+
let f = R(null), [p, m] = z(!1), h = se(), g = /* @__PURE__ */ Y(tt, {
|
|
3454
3472
|
size: B.SM,
|
|
3455
3473
|
stroke: V,
|
|
3456
3474
|
"aria-hidden": !0,
|
|
3457
|
-
className: P("transition-transform",
|
|
3475
|
+
className: P("transition-transform", p && "rotate-180")
|
|
3458
3476
|
});
|
|
3459
|
-
if (
|
|
3477
|
+
if (h && (r || t?.length)) return /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(_e, {
|
|
3460
3478
|
label: e,
|
|
3461
3479
|
variant: l,
|
|
3462
3480
|
appearance: ve.Solid,
|
|
3463
|
-
iconAfter:
|
|
3481
|
+
iconAfter: g,
|
|
3464
3482
|
"aria-haspopup": "dialog",
|
|
3465
|
-
"aria-expanded":
|
|
3466
|
-
onClick: () =>
|
|
3467
|
-
}), /* @__PURE__ */ Y(
|
|
3468
|
-
open:
|
|
3483
|
+
"aria-expanded": p,
|
|
3484
|
+
onClick: () => m(!0)
|
|
3485
|
+
}), /* @__PURE__ */ Y(Di, {
|
|
3486
|
+
open: p,
|
|
3469
3487
|
onClose: () => {
|
|
3470
|
-
|
|
3488
|
+
m(!1), r?.onChange("");
|
|
3471
3489
|
},
|
|
3472
3490
|
title: e,
|
|
3473
3491
|
options: t ?? [],
|
|
@@ -3476,44 +3494,32 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3476
3494
|
searchClearLabel: a,
|
|
3477
3495
|
noResultsLabel: o,
|
|
3478
3496
|
backLabel: s,
|
|
3479
|
-
closeLabel: c
|
|
3497
|
+
closeLabel: c,
|
|
3498
|
+
colors: u,
|
|
3499
|
+
sectionHeaderClassName: d
|
|
3480
3500
|
})] });
|
|
3481
3501
|
if (r) return /* @__PURE__ */ Y("div", {
|
|
3482
|
-
ref:
|
|
3502
|
+
ref: f,
|
|
3483
3503
|
children: /* @__PURE__ */ Y(H, {
|
|
3484
|
-
items: t
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
maxDropdownHeight: 344,
|
|
3504
|
+
items: t ?? [],
|
|
3505
|
+
searchable: !0,
|
|
3506
|
+
searchValue: r.value,
|
|
3507
|
+
onSearchChange: r.onChange,
|
|
3508
|
+
searchPlaceholder: i,
|
|
3509
|
+
searchClearLabel: a,
|
|
3510
|
+
noResultsLabel: o,
|
|
3511
|
+
maxVisibleItems: 7,
|
|
3493
3512
|
placement: "bottom-end",
|
|
3494
3513
|
matchReferenceWidth: !1,
|
|
3495
|
-
listClassName:
|
|
3496
|
-
|
|
3497
|
-
className: "sticky -top-1 z-10 bg-layer-raised px-2 pt-2 pb-1",
|
|
3498
|
-
children: /* @__PURE__ */ Y(Ve, {
|
|
3499
|
-
value: r.value,
|
|
3500
|
-
placeholder: i,
|
|
3501
|
-
"aria-label": i,
|
|
3502
|
-
clearLabel: a,
|
|
3503
|
-
size: Ee.Small,
|
|
3504
|
-
onChange: (e) => r.onChange(e ?? "")
|
|
3505
|
-
})
|
|
3506
|
-
}),
|
|
3507
|
-
onOpenChange: (e) => {
|
|
3508
|
-
f(e), e || r.onChange("");
|
|
3509
|
-
},
|
|
3514
|
+
listClassName: Ti,
|
|
3515
|
+
onOpenChange: m,
|
|
3510
3516
|
children: /* @__PURE__ */ Y(_e, {
|
|
3511
3517
|
label: e,
|
|
3512
3518
|
variant: l,
|
|
3513
3519
|
appearance: ve.Solid,
|
|
3514
|
-
iconAfter:
|
|
3520
|
+
iconAfter: g,
|
|
3515
3521
|
"aria-haspopup": "menu",
|
|
3516
|
-
"aria-expanded":
|
|
3522
|
+
"aria-expanded": p
|
|
3517
3523
|
})
|
|
3518
3524
|
})
|
|
3519
3525
|
});
|
|
@@ -3535,7 +3541,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3535
3541
|
});
|
|
3536
3542
|
}
|
|
3537
3543
|
return /* @__PURE__ */ Y("div", {
|
|
3538
|
-
ref:
|
|
3544
|
+
ref: f,
|
|
3539
3545
|
children: /* @__PURE__ */ Y(ye, {
|
|
3540
3546
|
appearance: ve.Solid,
|
|
3541
3547
|
label: e,
|
|
@@ -3543,7 +3549,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3543
3549
|
items: t
|
|
3544
3550
|
})
|
|
3545
3551
|
});
|
|
3546
|
-
},
|
|
3552
|
+
}, ki = ({ title: e, description: t, createButton: n, titleClassName: r = "dial-small-semi-text text-primary", descriptionClassName: i = "dial-tiny-text text-secondary" }) => /* @__PURE__ */ X("div", {
|
|
3547
3553
|
className: "flex size-full flex-col items-center justify-center gap-4 text-center",
|
|
3548
3554
|
children: [/* @__PURE__ */ Y(Le, {
|
|
3549
3555
|
title: e,
|
|
@@ -3551,11 +3557,11 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3551
3557
|
className: "size-auto",
|
|
3552
3558
|
titleClassName: r,
|
|
3553
3559
|
descriptionClassName: i
|
|
3554
|
-
}), n != null && /* @__PURE__ */ Y(
|
|
3560
|
+
}), n != null && /* @__PURE__ */ Y(Oi, {
|
|
3555
3561
|
variant: be.Secondary,
|
|
3556
3562
|
...n
|
|
3557
3563
|
})]
|
|
3558
|
-
}),
|
|
3564
|
+
}), Ai = {
|
|
3559
3565
|
title: "Browse settings",
|
|
3560
3566
|
view: "View",
|
|
3561
3567
|
sorting: "Sorting",
|
|
@@ -3569,7 +3575,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3569
3575
|
back: "Back",
|
|
3570
3576
|
close: "Close",
|
|
3571
3577
|
formatFilterCount: (e, t) => `${e} of ${t}`
|
|
3572
|
-
},
|
|
3578
|
+
}, ji = {
|
|
3573
3579
|
filterBtn: "_filterBtn_1xxr2_7",
|
|
3574
3580
|
filterBtnActive: "_filterBtnActive_1xxr2_24",
|
|
3575
3581
|
filterBtnOpen: "_filterBtnOpen_1xxr2_28",
|
|
@@ -3581,10 +3587,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3581
3587
|
divider: "_divider_1xxr2_63",
|
|
3582
3588
|
sectionLabel: "_sectionLabel_1xxr2_67",
|
|
3583
3589
|
footer: "_footer_1xxr2_71"
|
|
3584
|
-
},
|
|
3590
|
+
}, Mi = (e, t, n, r, i) => {
|
|
3585
3591
|
let a = e.size > 0;
|
|
3586
3592
|
return n && a ? `${r} · ${e.size}` : n ? r : a ? u(e, t, i) : i;
|
|
3587
|
-
},
|
|
3593
|
+
}, Ni = ({ checked: e, onChange: t, values: n, isMyAppsActive: r, onMyAppsChange: i, myAppsLabel: a = "My", topicsLabel: o = "Topics", defaultLabel: s = "From", clearLabel: c = "Clear", applyLabel: l = "Apply", typography: u, colors: d }) => {
|
|
3588
3594
|
let f = (r ?? !1) || e.size > 0, [p, m] = z(!1), h = oe({
|
|
3589
3595
|
"--cat-filter-btn-bg": d?.buttonBackground,
|
|
3590
3596
|
"--cat-filter-btn-border": d?.buttonBorder,
|
|
@@ -3601,7 +3607,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3601
3607
|
"--cat-filter-section-label": d?.sectionLabel,
|
|
3602
3608
|
"--cat-filter-divider": d?.divider,
|
|
3603
3609
|
"--cat-filter-footer-border": d?.footerBorder
|
|
3604
|
-
}), g = L(() => n == null ? [] : [...n].sort(), [n]), _ =
|
|
3610
|
+
}), g = L(() => n == null ? [] : [...n].sort(), [n]), _ = Mi(e, n, r, a, s), [v, y] = z(() => new Set(e)), [b, x] = z(r ?? !1);
|
|
3605
3611
|
I(() => {
|
|
3606
3612
|
p && (y(new Set(e)), x(r ?? !1));
|
|
3607
3613
|
}, [
|
|
@@ -3647,7 +3653,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3647
3653
|
...h,
|
|
3648
3654
|
maxHeight: "calc(var(--fui-available-height, 9999px) - 8px)"
|
|
3649
3655
|
},
|
|
3650
|
-
className: P("flex min-w-[360px] flex-col rounded-xl p-[6px]",
|
|
3656
|
+
className: P("flex min-w-[360px] flex-col rounded-xl p-[6px]", ji.overlay),
|
|
3651
3657
|
onKeyDown: M,
|
|
3652
3658
|
children: [
|
|
3653
3659
|
/* @__PURE__ */ Y(W, {
|
|
@@ -3656,7 +3662,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3656
3662
|
mark: G.Checkbox,
|
|
3657
3663
|
selected: b,
|
|
3658
3664
|
label: a,
|
|
3659
|
-
labelClassName: P(
|
|
3665
|
+
labelClassName: P(ji.rowLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
|
|
3660
3666
|
className: "shrink-0",
|
|
3661
3667
|
tabIndex: w === 0 ? 0 : -1,
|
|
3662
3668
|
ref: (e) => {
|
|
@@ -3667,11 +3673,11 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3667
3673
|
g.length > 0 && /* @__PURE__ */ X(J, { children: [
|
|
3668
3674
|
/* @__PURE__ */ Y("div", {
|
|
3669
3675
|
role: "separator",
|
|
3670
|
-
className: P("my-1 h-px",
|
|
3676
|
+
className: P("my-1 h-px", ji.divider),
|
|
3671
3677
|
"aria-hidden": !0
|
|
3672
3678
|
}),
|
|
3673
3679
|
/* @__PURE__ */ Y("div", {
|
|
3674
|
-
className: P("px-[10px] pt-[10px] pb-1", u?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text",
|
|
3680
|
+
className: P("px-[10px] pt-[10px] pb-1", u?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text", ji.sectionLabel),
|
|
3675
3681
|
"aria-hidden": !0,
|
|
3676
3682
|
children: o
|
|
3677
3683
|
}),
|
|
@@ -3685,7 +3691,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3685
3691
|
mark: G.Checkbox,
|
|
3686
3692
|
selected: n,
|
|
3687
3693
|
label: e,
|
|
3688
|
-
labelClassName:
|
|
3694
|
+
labelClassName: ji.rowLabel,
|
|
3689
3695
|
className: "shrink-0",
|
|
3690
3696
|
tabIndex: w === r ? 0 : -1,
|
|
3691
3697
|
ref: (e) => {
|
|
@@ -3697,7 +3703,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3697
3703
|
})
|
|
3698
3704
|
] }),
|
|
3699
3705
|
/* @__PURE__ */ X("div", {
|
|
3700
|
-
className: P("mt-1 flex shrink-0 items-center px-1 py-3",
|
|
3706
|
+
className: P("mt-1 flex shrink-0 items-center px-1 py-3", ji.footer),
|
|
3701
3707
|
ref: O,
|
|
3702
3708
|
children: [/* @__PURE__ */ Y(ke, {
|
|
3703
3709
|
label: c,
|
|
@@ -3719,32 +3725,32 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3719
3725
|
iconBefore: /* @__PURE__ */ Y(st, {
|
|
3720
3726
|
size: B.SM,
|
|
3721
3727
|
stroke: V,
|
|
3722
|
-
className: P("shrink-0",
|
|
3728
|
+
className: P("shrink-0", ji.filterBtnFunnel),
|
|
3723
3729
|
"aria-hidden": !0
|
|
3724
3730
|
}),
|
|
3725
3731
|
label: _,
|
|
3726
|
-
textClassName: P(
|
|
3732
|
+
textClassName: P(ji.filterBtnLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
|
|
3727
3733
|
iconAfter: /* @__PURE__ */ Y(tt, {
|
|
3728
3734
|
size: 14,
|
|
3729
3735
|
stroke: V,
|
|
3730
|
-
className: P("shrink-0 transition-transform duration-150",
|
|
3736
|
+
className: P("shrink-0 transition-transform duration-150", ji.filterBtnChevron, p && "rotate-180"),
|
|
3731
3737
|
"aria-hidden": !0
|
|
3732
3738
|
}),
|
|
3733
|
-
className: P("h-12 shrink-0 gap-[7px] !rounded-lg px-[18px] whitespace-nowrap",
|
|
3739
|
+
className: P("h-12 shrink-0 gap-[7px] !rounded-lg px-[18px] whitespace-nowrap", ji.filterBtn, f && ji.filterBtnActive, p && ji.filterBtnOpen)
|
|
3734
3740
|
})
|
|
3735
3741
|
});
|
|
3736
|
-
},
|
|
3742
|
+
}, Pi = /* @__PURE__ */ function(e) {
|
|
3737
3743
|
return e.Root = "root", e.View = "view", e.Sorting = "sorting", e.Filtering = "filtering", e;
|
|
3738
|
-
}({}),
|
|
3744
|
+
}({}), Fi = /* @__PURE__ */ Y(rt, {
|
|
3739
3745
|
size: B.SM,
|
|
3740
3746
|
stroke: V,
|
|
3741
3747
|
className: "rtl:scale-x-[-1]",
|
|
3742
3748
|
"aria-hidden": !0
|
|
3743
|
-
}),
|
|
3744
|
-
let [m, h] = z(
|
|
3745
|
-
h(
|
|
3749
|
+
}), Ii = ({ open: e, onClose: t, viewMode: n, onViewModeChange: r, sortOptions: i, sortKey: a, onSortChange: o, filters: s, onFiltersChange: c, filterValues: l, isMyAppsActive: u, onMyAppsChange: d, labels: f, typography: p }) => {
|
|
3750
|
+
let [m, h] = z(Pi.Root), [g, _] = z(() => /* @__PURE__ */ new Set()), [v, y] = z(!1), b = L(() => l == null ? [] : [...l].sort(), [l]), x = i != null && i.length > 0, C = s.size + +!!u, w = () => {
|
|
3751
|
+
h(Pi.Root), t();
|
|
3746
3752
|
}, T = () => {
|
|
3747
|
-
_(new Set(s)), y(u ?? !1), h(
|
|
3753
|
+
_(new Set(s)), y(u ?? !1), h(Pi.Filtering);
|
|
3748
3754
|
}, E = () => {
|
|
3749
3755
|
c(g), d?.(v), w();
|
|
3750
3756
|
}, D = () => {
|
|
@@ -3758,21 +3764,21 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3758
3764
|
label: f.listView,
|
|
3759
3765
|
Icon: Z
|
|
3760
3766
|
}], k = {
|
|
3761
|
-
[
|
|
3762
|
-
[
|
|
3763
|
-
[
|
|
3764
|
-
[
|
|
3765
|
-
}, A = m ===
|
|
3767
|
+
[Pi.Root]: f.title,
|
|
3768
|
+
[Pi.View]: f.view,
|
|
3769
|
+
[Pi.Sorting]: f.sorting,
|
|
3770
|
+
[Pi.Filtering]: f.filtering
|
|
3771
|
+
}, A = m === Pi.Filtering;
|
|
3766
3772
|
return /* @__PURE__ */ X(ge, {
|
|
3767
3773
|
open: e,
|
|
3768
3774
|
title: k[m],
|
|
3769
|
-
onBack: m ===
|
|
3775
|
+
onBack: m === Pi.Root ? void 0 : () => h(Pi.Root),
|
|
3770
3776
|
backAriaLabel: f.back,
|
|
3771
3777
|
closeAriaLabel: f.close,
|
|
3772
3778
|
onClose: w,
|
|
3773
3779
|
bodyClassName: P(A && "flex flex-col"),
|
|
3774
3780
|
children: [
|
|
3775
|
-
m ===
|
|
3781
|
+
m === Pi.Root && /* @__PURE__ */ X("div", {
|
|
3776
3782
|
role: "menu",
|
|
3777
3783
|
"aria-label": f.title,
|
|
3778
3784
|
className: "p-2",
|
|
@@ -3781,27 +3787,27 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3781
3787
|
role: "menuitem",
|
|
3782
3788
|
"aria-haspopup": "menu",
|
|
3783
3789
|
label: f.view,
|
|
3784
|
-
trailing:
|
|
3785
|
-
onClick: () => h(
|
|
3790
|
+
trailing: Fi,
|
|
3791
|
+
onClick: () => h(Pi.View)
|
|
3786
3792
|
}),
|
|
3787
3793
|
x && /* @__PURE__ */ Y(W, {
|
|
3788
3794
|
role: "menuitem",
|
|
3789
3795
|
"aria-haspopup": "menu",
|
|
3790
3796
|
label: f.sorting,
|
|
3791
|
-
trailing:
|
|
3792
|
-
onClick: () => h(
|
|
3797
|
+
trailing: Fi,
|
|
3798
|
+
onClick: () => h(Pi.Sorting)
|
|
3793
3799
|
}),
|
|
3794
3800
|
/* @__PURE__ */ Y(W, {
|
|
3795
3801
|
role: "menuitem",
|
|
3796
3802
|
"aria-haspopup": "menu",
|
|
3797
3803
|
label: f.filtering,
|
|
3798
3804
|
description: C > 0 ? f.formatFilterCount(C, b.length + 1) : void 0,
|
|
3799
|
-
trailing:
|
|
3805
|
+
trailing: Fi,
|
|
3800
3806
|
onClick: T
|
|
3801
3807
|
})
|
|
3802
3808
|
]
|
|
3803
3809
|
}),
|
|
3804
|
-
m ===
|
|
3810
|
+
m === Pi.View && /* @__PURE__ */ Y("div", {
|
|
3805
3811
|
role: "menu",
|
|
3806
3812
|
"aria-label": f.view,
|
|
3807
3813
|
className: "p-2",
|
|
@@ -3821,7 +3827,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3821
3827
|
}
|
|
3822
3828
|
}, e))
|
|
3823
3829
|
}),
|
|
3824
|
-
m ===
|
|
3830
|
+
m === Pi.Sorting && x && /* @__PURE__ */ Y("div", {
|
|
3825
3831
|
role: "menu",
|
|
3826
3832
|
"aria-label": f.sorting,
|
|
3827
3833
|
className: "p-2",
|
|
@@ -3846,17 +3852,17 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3846
3852
|
mark: G.Checkbox,
|
|
3847
3853
|
selected: v,
|
|
3848
3854
|
label: f.myApps,
|
|
3849
|
-
labelClassName:
|
|
3855
|
+
labelClassName: ji.rowLabel,
|
|
3850
3856
|
className: "shrink-0",
|
|
3851
3857
|
onClick: () => y(!v)
|
|
3852
3858
|
}), b.length > 0 && /* @__PURE__ */ X(J, { children: [
|
|
3853
3859
|
/* @__PURE__ */ Y("div", {
|
|
3854
3860
|
role: "separator",
|
|
3855
|
-
className: P("my-1 h-px",
|
|
3861
|
+
className: P("my-1 h-px", ji.divider),
|
|
3856
3862
|
"aria-hidden": !0
|
|
3857
3863
|
}),
|
|
3858
3864
|
/* @__PURE__ */ Y("div", {
|
|
3859
|
-
className: P("px-[10px] pt-[10px] pb-1", p?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text",
|
|
3865
|
+
className: P("px-[10px] pt-[10px] pb-1", p?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text", ji.sectionLabel),
|
|
3860
3866
|
"aria-hidden": !0,
|
|
3861
3867
|
children: f.topics
|
|
3862
3868
|
}),
|
|
@@ -3868,14 +3874,14 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3868
3874
|
mark: G.Checkbox,
|
|
3869
3875
|
selected: t,
|
|
3870
3876
|
label: e,
|
|
3871
|
-
labelClassName:
|
|
3877
|
+
labelClassName: ji.rowLabel,
|
|
3872
3878
|
className: "shrink-0",
|
|
3873
3879
|
onClick: () => _(S(e, g))
|
|
3874
3880
|
}, e);
|
|
3875
3881
|
})
|
|
3876
3882
|
] })]
|
|
3877
3883
|
}), /* @__PURE__ */ X("div", {
|
|
3878
|
-
className: P("flex shrink-0 items-center gap-3 px-4 py-3",
|
|
3884
|
+
className: P("flex shrink-0 items-center gap-3 px-4 py-3", ji.footer),
|
|
3879
3885
|
children: [/* @__PURE__ */ Y(ke, {
|
|
3880
3886
|
label: f.clear,
|
|
3881
3887
|
className: "flex-1",
|
|
@@ -3888,15 +3894,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3888
3894
|
})] })
|
|
3889
3895
|
]
|
|
3890
3896
|
});
|
|
3891
|
-
},
|
|
3897
|
+
}, Li = {
|
|
3892
3898
|
section: "_section_8ruhi_1",
|
|
3893
3899
|
divider: "_divider_8ruhi_5",
|
|
3894
3900
|
settingsDot: "_settingsDot_8ruhi_9"
|
|
3895
|
-
},
|
|
3901
|
+
}, Ri = /* @__PURE__ */ new Set(), zi = ({ totalCount: e, viewMode: t, onViewModeChange: n, title: r = "Browse", browseHeaderRenderer: i, styles: a, query: o, onQueryChange: s, searchPlaceholder: c, gridViewLabel: l = "Grid view", listViewLabel: u = "List view", viewToggleLabel: d = "View mode", sortKey: f, sortOptions: p, onSortChange: m, sortLabel: h = "Sort", filters: g, onFiltersChange: _, filterValues: v, isMyAppsActive: y, onMyAppsChange: b, filterFromLabel: x, filterMyAppsLabel: S, filterTopicsLabel: C, browseSettingsLabels: w }) => {
|
|
3896
3902
|
let T = se(), [E, D] = z(!1), O = (y ?? !1) || (g?.size ?? 0) > 0, k = {
|
|
3897
|
-
...
|
|
3898
|
-
myApps: S ??
|
|
3899
|
-
topics: C ??
|
|
3903
|
+
...Ai,
|
|
3904
|
+
myApps: S ?? Ai.myApps,
|
|
3905
|
+
topics: C ?? Ai.topics,
|
|
3900
3906
|
...w
|
|
3901
3907
|
}, A = a?.typography?.titleClassName ?? "dial-body-semi-text", j = a?.typography?.countClassName ?? "dial-tiny-semi-text", M = L(() => [{
|
|
3902
3908
|
value: Nt.Grid,
|
|
@@ -3949,7 +3955,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3949
3955
|
value: t,
|
|
3950
3956
|
onChange: n,
|
|
3951
3957
|
items: M
|
|
3952
|
-
}), p != null && p.length > 0 && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", { className: P("h-4 w-px shrink-0",
|
|
3958
|
+
}), p != null && p.length > 0 && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", { className: P("h-4 w-px shrink-0", Li.divider) }), /* @__PURE__ */ Y(ye, {
|
|
3953
3959
|
items: ne,
|
|
3954
3960
|
label: N,
|
|
3955
3961
|
variant: be.Primary,
|
|
@@ -3983,10 +3989,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3983
3989
|
"aria-hidden": !0
|
|
3984
3990
|
})
|
|
3985
3991
|
}), O && /* @__PURE__ */ Y("span", {
|
|
3986
|
-
className: P("pointer-events-none absolute end-2.5 top-2.5 size-2 rounded-full",
|
|
3992
|
+
className: P("pointer-events-none absolute end-2.5 top-2.5 size-2 rounded-full", Li.settingsDot),
|
|
3987
3993
|
"aria-hidden": !0
|
|
3988
3994
|
})]
|
|
3989
|
-
}), /* @__PURE__ */ Y(
|
|
3995
|
+
}), /* @__PURE__ */ Y(Ii, {
|
|
3990
3996
|
open: E,
|
|
3991
3997
|
onClose: () => D(!1),
|
|
3992
3998
|
viewMode: t,
|
|
@@ -3994,15 +4000,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3994
4000
|
sortOptions: p,
|
|
3995
4001
|
sortKey: f,
|
|
3996
4002
|
onSortChange: m,
|
|
3997
|
-
filters: g ??
|
|
4003
|
+
filters: g ?? Ri,
|
|
3998
4004
|
onFiltersChange: _ ?? (() => void 0),
|
|
3999
4005
|
filterValues: v,
|
|
4000
4006
|
isMyAppsActive: y,
|
|
4001
4007
|
onMyAppsChange: b,
|
|
4002
4008
|
labels: k,
|
|
4003
4009
|
typography: a?.typography
|
|
4004
|
-
})] }) : /* @__PURE__ */ Y(
|
|
4005
|
-
checked: g ??
|
|
4010
|
+
})] }) : /* @__PURE__ */ Y(Ni, {
|
|
4011
|
+
checked: g ?? Ri,
|
|
4006
4012
|
onChange: _ ?? (() => void 0),
|
|
4007
4013
|
values: v,
|
|
4008
4014
|
isMyAppsActive: y,
|
|
@@ -4016,15 +4022,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4016
4022
|
})]
|
|
4017
4023
|
})]
|
|
4018
4024
|
});
|
|
4019
|
-
},
|
|
4025
|
+
}, Bi = ({ query: e, onQueryChange: t, searchPlaceholder: n = "Search models, tools, agents…", styles: r, filters: i, onFiltersChange: a, filterValues: o, isMyAppsActive: s, onMyAppsChange: c, filterFromLabel: l, filterMyAppsLabel: u, filterTopicsLabel: d, gridViewLabel: f, listViewLabel: p, viewToggleLabel: m, sortKey: h, sortOptions: g, onSortChange: _, sortLabel: v, ...y }) => {
|
|
4020
4026
|
let b = {
|
|
4021
4027
|
"--cat-browse-divider": r?.colors?.divider,
|
|
4022
4028
|
"--cat-browse-settings-dot": r?.colors?.settingsActiveDot
|
|
4023
4029
|
};
|
|
4024
4030
|
return /* @__PURE__ */ Y("section", {
|
|
4025
|
-
className: P("flex-shrink-0 px-4",
|
|
4031
|
+
className: P("flex-shrink-0 px-4", Li.section, zt.toolbar),
|
|
4026
4032
|
style: b,
|
|
4027
|
-
children: /* @__PURE__ */ Y(
|
|
4033
|
+
children: /* @__PURE__ */ Y(zi, {
|
|
4028
4034
|
styles: r,
|
|
4029
4035
|
query: e,
|
|
4030
4036
|
onQueryChange: t,
|
|
@@ -4047,12 +4053,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4047
4053
|
...y
|
|
4048
4054
|
})
|
|
4049
4055
|
});
|
|
4050
|
-
},
|
|
4056
|
+
}, Vi = {
|
|
4051
4057
|
root: "_root_1h83l_1",
|
|
4052
4058
|
heading: "_heading_1h83l_5",
|
|
4053
4059
|
headingTitle: "_headingTitle_1h83l_9"
|
|
4054
|
-
},
|
|
4055
|
-
let { typography: qe } = W ?? {}, Je =
|
|
4060
|
+
}, Hi = 3, Ui = 300, Wi = ({ items: e, tabs: t, topicOptions: n, favorites: r, titles: a, browseHeaderRenderer: s, onToggleFavorite: u, isFavoriteVisible: f, columnVisibility: p, onUseInChat: h, isPrimaryActionVisible: v, onShare: b, isPublishVisible: S, isPublishPrimary: C, getPublishHistory: w, publishFolderItems: T, publishExpandedPaths: E, onPublishExpandedPathsChange: D, publishLoadingPaths: O, hasPublishWriteAccess: k, publishDefaultAuthor: A, onPublish: j, onPublishSuccess: M, onPublishError: ee, onCreatePublishFolder: te, publishLabels: N, ruleSourceOptions: ne, onFetchExistingRules: re, shareOverlay: ie, isShareVisible: ae, isSharePrimary: oe, onFetchDetails: se, renderCredentials: ce, onEdit: le, onDownload: ue, isDownloadVisible: fe, isDownloadPrimary: pe, onLoadContentFile: me, onLoadContentFilePreview: he, renderContentFilePreview: ge, renderContentFileTree: _e, onDelete: ve, onUnshare: ye, isUnshareVisible: be, onRevokeShare: xe, onFetchRecipientsCount: Se, isRevokeShareVisible: Ce, onUnpublish: B, isUnpublishVisible: V, onLogin: we, onLogout: H, onCreateClick: Te, createOptions: Ee, createSearch: De, createMenuByTab: Oe, hideCreateButton: ke = !1, hidePageTitle: Ae = !1, isReadonly: je = !1, initialViewMode: Me = Nt.Grid, isFullWidth: U = !1, selectedItemId: Ne, onCardClick: Pe, isLoading: Fe, styles: W, detailsTexts: G, detailsLimitsFooterNote: K, initialDetailsItemId: Ie, sortKey: Le, onSortChange: Re, filterTopics: ze, onFilterTopicsChange: Be, isMyAppsActive: Ve, onMyAppsActiveChange: He, activeTab: Ue, onActiveTabChange: We, renderEmptyState: q }) => {
|
|
4061
|
+
let { typography: qe } = W ?? {}, Je = Wt(W), Ye = a?.pageTitle ?? "Catalog", Xe = a?.createLabel ?? "Create", Ze = a?.favoritesTitle ?? "Your favorites", Qe = a?.browseTitle ?? "Browse", $e = a?.searchPlaceholder ?? "Search models, tools, agents…", et = a?.noResultsTitle ?? ((e) => `No results for "${e}"`), tt = a?.myAppsEmptyTitle ?? (() => "No personal items yet"), nt = a?.myAppsEmptyDescription ?? "Create your first one, it'll show up right here.", rt = a?.featuredLabel ?? "Featured", it = a?.gridViewLabel ?? "Grid view", at = a?.listViewLabel ?? "List view", ot = a?.viewToggleLabel ?? "View mode", st = a?.ariaLabel ?? "Catalog", ct = a?.sortLabel ?? "Sort", lt = [
|
|
4056
4062
|
{
|
|
4057
4063
|
value: o.RecentlyUpdated,
|
|
4058
4064
|
label: a?.sortRecentlyUpdatedLabel ?? "Recently Updated"
|
|
@@ -4092,7 +4098,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4092
4098
|
}, [Ot.length, Lt]);
|
|
4093
4099
|
let Bt = F(() => {
|
|
4094
4100
|
Rt(!1);
|
|
4095
|
-
}, []),
|
|
4101
|
+
}, []), Vt = Lt && Ot.length === 0, [Gt, Kt] = z(null), [qt, Jt] = z(!1), [Yt, Xt] = z(void 0), [Zt, Qt] = z(!1), $t = R(null), en = R(0), tn = F(async (e) => {
|
|
4096
4102
|
$t.current = e.id;
|
|
4097
4103
|
let t = ++en.current;
|
|
4098
4104
|
if (se) {
|
|
@@ -4105,9 +4111,9 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4105
4111
|
}
|
|
4106
4112
|
}
|
|
4107
4113
|
}, [se]), nn = F(async (e) => (Kt(e), Xt(void 0), tn(e)), [tn]), rn = F(async (e, t) => {
|
|
4108
|
-
for (let n = 0; n <
|
|
4114
|
+
for (let n = 0; n < Hi; n++) {
|
|
4109
4115
|
if ($t.current !== e.id || t(await tn(e))) return;
|
|
4110
|
-
n <
|
|
4116
|
+
n < Hi - 1 && await y(Ui);
|
|
4111
4117
|
}
|
|
4112
4118
|
}, [tn]), an = R(null);
|
|
4113
4119
|
I(() => {
|
|
@@ -4179,16 +4185,16 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4179
4185
|
}, [Gt]);
|
|
4180
4186
|
let gn = F((e) => {
|
|
4181
4187
|
e === Nt.Cards && mt("shown"), ft(e);
|
|
4182
|
-
}, []), _n = !ke && !je, vn = Lt && !je, yn = ut ? et(ut) : "No items", { copyCodeAriaLabel: bn, copiedCodeStatusLabel: xn, downloadCodeAriaLabel:
|
|
4188
|
+
}, []), _n = !ke && !je, vn = Lt && !je, yn = ut ? et(ut) : "No items", { copyCodeAriaLabel: bn, copiedCodeStatusLabel: xn, downloadCodeAriaLabel: Sn, tableScrollRegionAriaLabel: wn, mathScrollRegionAriaLabel: Tn } = G ?? {}, En = L(() => Ut({
|
|
4183
4189
|
copyCodeAriaLabel: bn,
|
|
4184
4190
|
copiedCodeStatusLabel: xn,
|
|
4185
|
-
downloadCodeAriaLabel:
|
|
4191
|
+
downloadCodeAriaLabel: Sn,
|
|
4186
4192
|
tableScrollRegionAriaLabel: wn,
|
|
4187
4193
|
mathScrollRegionAriaLabel: Tn
|
|
4188
4194
|
}), [
|
|
4189
4195
|
bn,
|
|
4190
4196
|
xn,
|
|
4191
|
-
|
|
4197
|
+
Sn,
|
|
4192
4198
|
wn,
|
|
4193
4199
|
Tn
|
|
4194
4200
|
]), Dn = L(() => ({
|
|
@@ -4213,8 +4219,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4213
4219
|
searchClearLabel: a?.createSearchClearLabel,
|
|
4214
4220
|
noResultsLabel: a?.createNoResultsLabel,
|
|
4215
4221
|
backLabel: a?.createMenuBackLabel,
|
|
4216
|
-
closeLabel: a?.createMenuCloseLabel
|
|
4217
|
-
|
|
4222
|
+
closeLabel: a?.createMenuCloseLabel,
|
|
4223
|
+
colors: W?.colors?.createMenu,
|
|
4224
|
+
sectionHeaderClassName: qe?.createMenuSectionHeaderClassName
|
|
4225
|
+
}, Mn = Oe ? Ht(Oe[Pt]) : jn, Nn = _n && Mn != null ? {
|
|
4218
4226
|
...jn,
|
|
4219
4227
|
...Mn
|
|
4220
4228
|
} : void 0;
|
|
@@ -4223,17 +4231,17 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4223
4231
|
children: /* @__PURE__ */ Y(Ge, {})
|
|
4224
4232
|
}) : /* @__PURE__ */ X("section", {
|
|
4225
4233
|
"aria-label": st,
|
|
4226
|
-
className: P("flex size-full min-h-0 flex-1 flex-col",
|
|
4234
|
+
className: P("flex size-full min-h-0 flex-1 flex-col", Vi.root, zt.root),
|
|
4227
4235
|
style: Je,
|
|
4228
4236
|
children: [
|
|
4229
4237
|
(!Ae || _n) && /* @__PURE__ */ Y("div", {
|
|
4230
|
-
className: P("shrink-0",
|
|
4238
|
+
className: P("shrink-0", Vi.heading),
|
|
4231
4239
|
children: /* @__PURE__ */ X("div", {
|
|
4232
4240
|
className: "flex h-[64px] w-full items-center justify-between px-4 desktop:px-8",
|
|
4233
4241
|
children: [!Ae && /* @__PURE__ */ Y("h1", {
|
|
4234
|
-
className: P(qe?.pageHeadingFontClassName ?? "dial-display2-text",
|
|
4242
|
+
className: P(qe?.pageHeadingFontClassName ?? "dial-display2-text", Vi.headingTitle),
|
|
4235
4243
|
children: Ye
|
|
4236
|
-
}), _n && /* @__PURE__ */ Y(
|
|
4244
|
+
}), _n && /* @__PURE__ */ Y(Oi, { ...jn })]
|
|
4237
4245
|
})
|
|
4238
4246
|
}),
|
|
4239
4247
|
/* @__PURE__ */ X("div", {
|
|
@@ -4241,14 +4249,14 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4241
4249
|
children: [
|
|
4242
4250
|
vn && /* @__PURE__ */ Y("div", {
|
|
4243
4251
|
className: "w-full px-4 desktop:px-8",
|
|
4244
|
-
children: /* @__PURE__ */ Y(
|
|
4252
|
+
children: /* @__PURE__ */ Y(Qr, {
|
|
4245
4253
|
items: Ot,
|
|
4246
4254
|
totalCount: Ot.length,
|
|
4247
4255
|
title: Ze,
|
|
4248
4256
|
onToggleFavorite: u,
|
|
4249
4257
|
isFavoriteVisible: f,
|
|
4250
4258
|
onItemClick: Pe ?? nn,
|
|
4251
|
-
isLeaving:
|
|
4259
|
+
isLeaving: Vt,
|
|
4252
4260
|
onExitComplete: Bt,
|
|
4253
4261
|
selectedItemId: Ne,
|
|
4254
4262
|
credentialsBadgeLoggedOutLabel: G?.credentialsBadgeLoggedOutLabel
|
|
@@ -4256,7 +4264,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4256
4264
|
}),
|
|
4257
4265
|
/* @__PURE__ */ Y("div", {
|
|
4258
4266
|
className: "w-full pt-6 desktop:px-4",
|
|
4259
|
-
children: /* @__PURE__ */ Y(
|
|
4267
|
+
children: /* @__PURE__ */ Y(Bi, {
|
|
4260
4268
|
totalCount: pn.length,
|
|
4261
4269
|
viewMode: dt,
|
|
4262
4270
|
onViewModeChange: gn,
|
|
@@ -4302,7 +4310,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4302
4310
|
className: P(mn.length > 0 ? ["w-full flex-1 px-4 py-6 desktop:px-8", !U && "mx-auto max-w-[1180px]"] : "min-h-[180px] flex-1", mn.length === 0 && "px-4 py-6 desktop:px-8"),
|
|
4303
4311
|
children: [
|
|
4304
4312
|
kn != null && kn,
|
|
4305
|
-
kn == null && An && /* @__PURE__ */ Y(
|
|
4313
|
+
kn == null && An && /* @__PURE__ */ Y(ki, {
|
|
4306
4314
|
title: tt(Pt),
|
|
4307
4315
|
description: nt,
|
|
4308
4316
|
createButton: Nn
|
|
@@ -4310,7 +4318,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4310
4318
|
kn == null && !An && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", {
|
|
4311
4319
|
inert: dt !== Nt.Grid,
|
|
4312
4320
|
className: P(mn.length > 0 ? "pb-8" : "size-full flex-1", dt !== Nt.Grid && "hidden"),
|
|
4313
|
-
children: /* @__PURE__ */ Y(
|
|
4321
|
+
children: /* @__PURE__ */ Y(Cn, {
|
|
4314
4322
|
items: mn,
|
|
4315
4323
|
query: ut,
|
|
4316
4324
|
onToggleFavorite: u,
|
|
@@ -4326,7 +4334,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4326
4334
|
}), pt !== "unmounted" && /* @__PURE__ */ Y("div", {
|
|
4327
4335
|
inert: dt !== Nt.Cards,
|
|
4328
4336
|
className: P("pb-8", dt !== Nt.Cards && (pt === "prepared" ? "invisible h-0 overflow-hidden p-0" : "hidden"), mn.length === 0 && dt === Nt.Cards && "h-full"),
|
|
4329
|
-
children: /* @__PURE__ */ Y(
|
|
4337
|
+
children: /* @__PURE__ */ Y(Ci, {
|
|
4330
4338
|
type: Pt,
|
|
4331
4339
|
items: mn,
|
|
4332
4340
|
query: ut,
|
|
@@ -4346,7 +4354,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4346
4354
|
})
|
|
4347
4355
|
]
|
|
4348
4356
|
}),
|
|
4349
|
-
ln != null && /* @__PURE__ */ Y(
|
|
4357
|
+
ln != null && /* @__PURE__ */ Y(qr, {
|
|
4350
4358
|
renderCredentials: ce,
|
|
4351
4359
|
item: ln,
|
|
4352
4360
|
isOpen: qt,
|
|
@@ -4402,7 +4410,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4402
4410
|
})
|
|
4403
4411
|
]
|
|
4404
4412
|
});
|
|
4405
|
-
},
|
|
4413
|
+
}, Gi = ({ selectedId: e, records: t, selectedLabel: n, placeholder: r, labels: i, onSelect: a, onBrowse: o, extraOptions: s = [], isLoading: c = !1, error: l, isDisabled: u = !1, isInvalid: d = !1, labelledById: f, ariaHasPopup: p = "listbox", className: m, panelClassName: h, iconAfter: g, renderPanel: _, open: v, onOpenChange: y, renderOverlay: b }) => {
|
|
4406
4414
|
let [x, S] = z(!1), C = v ?? x, w = (e) => {
|
|
4407
4415
|
e && u || (v === void 0 && S(e), y?.(e));
|
|
4408
4416
|
}, [T, E] = z(""), D = R(null), O = L(() => [...s, ...t].filter((e) => e.label.toLocaleLowerCase().includes(T.toLocaleLowerCase())), [
|
|
@@ -4502,9 +4510,9 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4502
4510
|
renderOverlay: () => j,
|
|
4503
4511
|
children: M
|
|
4504
4512
|
});
|
|
4505
|
-
},
|
|
4513
|
+
}, Ki = ({ service: e, texts: n, onLogin: r, onLogout: i }) => {
|
|
4506
4514
|
let [a, o] = z(!1), [s, c] = z(!1), [l, u] = z(!1), [d, f] = z(), p = e.authenticationType === t.ApiKey, m = p ? n?.deleteActionLabel ?? "Delete" : n?.logoutActionLabel ?? "Log out", h = p ? n?.deleteApiKeyConfirmMessage?.(C.User) ?? "Are you sure you want to delete your personal API key?" : n?.logoutConfirmMessage ?? "Are you sure you want to log out?";
|
|
4507
|
-
return /* @__PURE__ */ X(
|
|
4515
|
+
return /* @__PURE__ */ X(Jn, {
|
|
4508
4516
|
label: e.name,
|
|
4509
4517
|
description: e.description,
|
|
4510
4518
|
icon: /* @__PURE__ */ Y(bt, {
|
|
@@ -4529,7 +4537,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4529
4537
|
errorClassName: "dial-caption-text",
|
|
4530
4538
|
keyCardTitleClassName: "dial-tiny-semi-text",
|
|
4531
4539
|
keyCardDescriptionClassName: "dial-tiny-text",
|
|
4532
|
-
deleteActionClassName:
|
|
4540
|
+
deleteActionClassName: qn.errorText,
|
|
4533
4541
|
renderLoginOptions: e.canConsentToOfflineUsage ? (e) => /* @__PURE__ */ Y(Se, {
|
|
4534
4542
|
isSelected: a,
|
|
4535
4543
|
onChange: o,
|
|
@@ -4539,10 +4547,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4539
4547
|
}) : void 0,
|
|
4540
4548
|
children: [
|
|
4541
4549
|
e.hint && /* @__PURE__ */ Y("p", {
|
|
4542
|
-
className: P("dial-small-text break-words",
|
|
4550
|
+
className: P("dial-small-text break-words", qn.description),
|
|
4543
4551
|
children: e.hint
|
|
4544
4552
|
}),
|
|
4545
|
-
e.hasSharedCredentials && /* @__PURE__ */ Y(
|
|
4553
|
+
e.hasSharedCredentials && /* @__PURE__ */ Y(Bn, {
|
|
4546
4554
|
icon: /* @__PURE__ */ Y($e, {
|
|
4547
4555
|
size: B.SM,
|
|
4548
4556
|
"aria-hidden": !0,
|
|
@@ -4556,7 +4564,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4556
4564
|
/* @__PURE__ */ Y("p", { children: h }),
|
|
4557
4565
|
d && /* @__PURE__ */ Y("p", {
|
|
4558
4566
|
role: "alert",
|
|
4559
|
-
className:
|
|
4567
|
+
className: qn.errorText,
|
|
4560
4568
|
children: d
|
|
4561
4569
|
}),
|
|
4562
4570
|
/* @__PURE__ */ X("div", {
|
|
@@ -4590,7 +4598,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4590
4598
|
})
|
|
4591
4599
|
]
|
|
4592
4600
|
});
|
|
4593
|
-
},
|
|
4601
|
+
}, qi = ({ services: e, isLoading: t = !1, hasError: n = !1, showEmptyState: r = !1, onRetry: i, onLogin: a, onLogout: o, texts: s }) => t && !e.length ? /* @__PURE__ */ Y("p", {
|
|
4594
4602
|
role: "status",
|
|
4595
4603
|
className: "px-6 py-3",
|
|
4596
4604
|
children: s?.loading ?? "Loading…"
|
|
@@ -4612,7 +4620,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4612
4620
|
children: s?.title ?? "Credentials"
|
|
4613
4621
|
}), /* @__PURE__ */ Y("div", {
|
|
4614
4622
|
className: "flex min-w-0 flex-col",
|
|
4615
|
-
children: e.map((e) => /* @__PURE__ */ Y(
|
|
4623
|
+
children: e.map((e) => /* @__PURE__ */ Y(Ki, {
|
|
4616
4624
|
service: e,
|
|
4617
4625
|
texts: s,
|
|
4618
4626
|
onLogin: a,
|
|
@@ -4625,4 +4633,4 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4625
4633
|
children: s?.empty ?? "No credentials required"
|
|
4626
4634
|
}) : null;
|
|
4627
4635
|
//#endregion
|
|
4628
|
-
export {
|
|
4636
|
+
export { lr as AboutTab, Pn as ApiTab, on as AppIdentity, qi as ApplicationCredentials, zt as CATALOG_CLASS, xn as Card, Cn as CardGrid, Sn as CardRowRenderer, Wi as Catalog, It as CatalogContentNodeType, Lt as CatalogContentPreviewType, T as CatalogDetailsTab, At as CatalogLimitStatus, jt as CatalogPricingUnit, Pt as CatalogSelectionMode, o as CatalogSortKey, Nt as CatalogViewMode, kt as CodeLanguage, mr as ContentTab, w as CredentialStatus, tr as CredentialsApiKeyOverlay, cn as CredentialsBadge, n as CredentialsBadgeState, Kn as CredentialsBanner, e as CredentialsBannerState, C as CredentialsLevel, Xn as CredentialsManagementPanel, r as CredentialsUiState, Gi as DeploymentSelectorField, Mt as DeploymentSize, Q as DetailsConfirmationKind, cr as DetailsHeader, qr as DetailsPanel, Yr as FavoriteCard, Qr as Favorites, Ni as Filter, Ft as LimitRowLayout, Er as LimitsTab, Ci as ListView, Dr as OverviewTab, Or as PricingTab, Bi as Toolbar, Pr as ToolsTab, t as ToolsetAuthenticationType, pn as TopicTag, x as buildCatalogTabs, d as filterCatalogItems, s as getCatalogDetailsTabs, h as getCredentialsBadgeState, v as getCredentialsBannerState, f as getCredentialsUiState, a as getSignedInLevel, i as getTopicOptions, l as sortCatalogItems, Rt as useFavColumns, Qt as useScrollVirtualizer };
|