@epam/ai-dial-catalog 1.0.0-dev.471 → 1.0.0-dev.473
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/Details/Header/Header.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.js +251 -248
- package/package.json +4 -4
package/index.js
CHANGED
|
@@ -26539,13 +26539,13 @@ var Lb = (e) => /* @__PURE__ */ L(N, { ...e }), Rb = (e) => /* @__PURE__ */ L(_,
|
|
|
26539
26539
|
})]
|
|
26540
26540
|
});
|
|
26541
26541
|
}, yx = {
|
|
26542
|
-
wrapper: "
|
|
26543
|
-
header: "
|
|
26544
|
-
divider: "
|
|
26545
|
-
panel: "
|
|
26546
|
-
appear: "
|
|
26547
|
-
fadeIn: "
|
|
26548
|
-
resizeHandler: "
|
|
26542
|
+
wrapper: "_wrapper_oh1ub_1",
|
|
26543
|
+
header: "_header_oh1ub_6",
|
|
26544
|
+
divider: "_divider_oh1ub_10",
|
|
26545
|
+
panel: "_panel_oh1ub_14",
|
|
26546
|
+
appear: "_appear_oh1ub_27",
|
|
26547
|
+
fadeIn: "_fadeIn_oh1ub_1",
|
|
26548
|
+
resizeHandler: "_resizeHandler_oh1ub_31"
|
|
26549
26549
|
};
|
|
26550
26550
|
i(({ title: e, titleClassName: t = "dial-h1-text", leftActions: n, className: r, rightActions: i }) => /* @__PURE__ */ R("div", {
|
|
26551
26551
|
className: G("flex h-12 shrink-0 items-center gap-2 px-4", r, yx.header),
|
|
@@ -26564,22 +26564,25 @@ i(({ title: e, titleClassName: t = "dial-h1-text", leftActions: n, className: r,
|
|
|
26564
26564
|
})
|
|
26565
26565
|
]
|
|
26566
26566
|
}));
|
|
26567
|
-
|
|
26568
|
-
|
|
26569
|
-
|
|
26570
|
-
|
|
26571
|
-
|
|
26572
|
-
|
|
26573
|
-
|
|
26574
|
-
|
|
26575
|
-
|
|
26576
|
-
|
|
26577
|
-
|
|
26578
|
-
|
|
26579
|
-
|
|
26580
|
-
|
|
26581
|
-
|
|
26582
|
-
|
|
26567
|
+
var bx = { icon: "_icon_1b1ye_1" }, xx = i(({ placeholder: e, value: t, onChange: n, clearLabel: r, ariaLabel: i, iconClassName: a = bx.icon, wrapperClassName: o, rowClassName: s, colors: c }) => {
|
|
26568
|
+
let u = l(() => Gn({ "--si-icon": c?.icon }), [c]);
|
|
26569
|
+
return /* @__PURE__ */ L("div", {
|
|
26570
|
+
className: G("px-3 py-2", o),
|
|
26571
|
+
style: u,
|
|
26572
|
+
children: /* @__PURE__ */ L(Mb, {
|
|
26573
|
+
value: t,
|
|
26574
|
+
onChange: n,
|
|
26575
|
+
placeholder: e,
|
|
26576
|
+
clearLabel: r,
|
|
26577
|
+
ariaLabel: i,
|
|
26578
|
+
iconClassName: a,
|
|
26579
|
+
iconSize: m.SM,
|
|
26580
|
+
iconStrokeWidth: 1.5,
|
|
26581
|
+
containerClassName: G("min-h-11 w-full gap-2 rounded-full border pe-3 ps-3 desktop:min-h-9", s),
|
|
26582
|
+
clearButtonClassName: "size-11 desktop:size-6"
|
|
26583
|
+
})
|
|
26584
|
+
});
|
|
26585
|
+
});
|
|
26583
26586
|
i(({ label: e, icon: t = _e, iconSize: n = 48 }) => /* @__PURE__ */ L(ur, {
|
|
26584
26587
|
icon: /* @__PURE__ */ L(t, {
|
|
26585
26588
|
"aria-hidden": !0,
|
|
@@ -26595,21 +26598,21 @@ i(({ label: e, icon: t = _e, iconSize: n = 48 }) => /* @__PURE__ */ L(ur, {
|
|
|
26595
26598
|
}),
|
|
26596
26599
|
label: e
|
|
26597
26600
|
}));
|
|
26598
|
-
var
|
|
26601
|
+
var Sx = {
|
|
26599
26602
|
title: "_title_jw4lf_1",
|
|
26600
26603
|
count: "_count_jw4lf_5"
|
|
26601
|
-
},
|
|
26604
|
+
}, Cx = ({ title: e, postfix: t, titleClassName: n = "dial-h3-text", postfixClassName: r = "dial-tiny-text", className: i, query: a, trailing: o }) => /* @__PURE__ */ R("div", {
|
|
26602
26605
|
className: G("flex items-center gap-2", i),
|
|
26603
26606
|
children: [
|
|
26604
26607
|
/* @__PURE__ */ L("h3", {
|
|
26605
|
-
className: G("min-w-0", n,
|
|
26608
|
+
className: G("min-w-0", n, Sx.title),
|
|
26606
26609
|
children: a ? /* @__PURE__ */ L(lr, {
|
|
26607
26610
|
text: e,
|
|
26608
26611
|
query: a
|
|
26609
26612
|
}) : /* @__PURE__ */ L(S, { text: e })
|
|
26610
26613
|
}),
|
|
26611
26614
|
t != null && /* @__PURE__ */ L(S, {
|
|
26612
|
-
className: G(r,
|
|
26615
|
+
className: G(r, Sx.count),
|
|
26613
26616
|
text: t
|
|
26614
26617
|
}),
|
|
26615
26618
|
o != null && /* @__PURE__ */ L("div", {
|
|
@@ -26617,7 +26620,7 @@ var xx = {
|
|
|
26617
26620
|
children: o
|
|
26618
26621
|
})
|
|
26619
26622
|
]
|
|
26620
|
-
}),
|
|
26623
|
+
}), wx = ({ item: e, nameClassName: t, versionClassName: n, showVersion: r = !0, typeClassName: i = "dial-caption-text font-semibold", iconBadgeClassName: a = "rounded-[14px]", featuredChipClassName: o, featuredLabel: s = "Featured", hasFeaturedTag: c = !0, iconSize: l = 48, query: u, footer: d }) => /* @__PURE__ */ R("div", {
|
|
26621
26624
|
className: "flex items-start gap-2",
|
|
26622
26625
|
style: Kb(e),
|
|
26623
26626
|
children: [/* @__PURE__ */ L(ar, {
|
|
@@ -26642,7 +26645,7 @@ var xx = {
|
|
|
26642
26645
|
})
|
|
26643
26646
|
})]
|
|
26644
26647
|
}),
|
|
26645
|
-
/* @__PURE__ */ L(
|
|
26648
|
+
/* @__PURE__ */ L(Cx, {
|
|
26646
26649
|
title: e.name,
|
|
26647
26650
|
postfix: r ? e.version : void 0,
|
|
26648
26651
|
postfixClassName: n,
|
|
@@ -26655,7 +26658,7 @@ var xx = {
|
|
|
26655
26658
|
})
|
|
26656
26659
|
]
|
|
26657
26660
|
})]
|
|
26658
|
-
}),
|
|
26661
|
+
}), Tx = ({ items: e, selectedPath: t, onSelectedPathChange: n, onCreateFolder: r, searchQuery: i, disabled: a = !1, createFolderLabel: o = "Create new folder", newFolderDefaultName: s = "New folder", noResultsText: c = "No folders match \"{query}\".", rootLabel: u = "Organization", expandedPaths: f, onExpandedPathsChange: p, loadingPaths: h }) => {
|
|
26659
26662
|
let [g, _] = d(() => new Set(t?.map((e, n) => Xe(t.slice(0, n + 1))) ?? [])), v = f ?? g, y = (e) => {
|
|
26660
26663
|
let t = new Set(e);
|
|
26661
26664
|
t.delete(""), p ? p(t) : _(t);
|
|
@@ -26715,7 +26718,7 @@ var xx = {
|
|
|
26715
26718
|
children: [/* @__PURE__ */ L(be, { size: m.SM }), o]
|
|
26716
26719
|
})]
|
|
26717
26720
|
});
|
|
26718
|
-
},
|
|
26721
|
+
}, Ex = ({ entries: e, currentVersion: t, isLoading: n = !1, hasError: r = !1, versionPrefix: i = "Version", currentBadgeLabel: a = "Current", emptyStateText: o = "Not published to this folder yet — this will be the first version here.", loadingText: s = "Loading history…", errorText: c = "Failed to load publish history.", versionClassName: l = "dial-small-text text-primary", dateClassName: u = "dial-small-text text-secondary", emptyStateClassName: d = "dial-small-text text-secondary" }) => n ? /* @__PURE__ */ L("p", {
|
|
26719
26722
|
className: d,
|
|
26720
26723
|
children: s
|
|
26721
26724
|
}) : r ? /* @__PURE__ */ L("p", {
|
|
@@ -26744,7 +26747,7 @@ var xx = {
|
|
|
26744
26747
|
className: u,
|
|
26745
26748
|
children: qe(e.publishedAt)
|
|
26746
26749
|
})]
|
|
26747
|
-
}, `${e.version}-${n}`)) }),
|
|
26750
|
+
}, `${e.version}-${n}`)) }), Dx = ({ item: e, history: t, isHistoryLoading: n = !1, hasHistoryError: r = !1, folderItems: i, selectedFolderPath: a, onSelectedFolderPathChange: o, onCreateFolder: s, expandedPaths: c, onExpandedPathsChange: u, loadingPaths: f, hasExistingVersionInFolder: p, hasWriteAccess: m, isSubmitting: h, hasSubmitError: g = !1, texts: _ = {} }) => {
|
|
26748
26751
|
let { currentVersionSuffix: v = "current", folderLabel: y = "Publish to folder", searchPlaceholder: b = "Search folders", clearSearchAriaLabel: x = "Clear search", historyLabel: S = "Versions history", replaceWarning: C = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: w = "You don't have permission to publish to {folder}. Pick another, or ask an owner for access.", submitError: T = "Publishing failed. Please try again.", folderEmptyStateText: E, historyLoadingText: D, historyErrorText: O, rootFolderLabel: k = "Organization" } = _, [A, j] = d(""), N = a != null, ee = l(() => Ge({
|
|
26749
26752
|
hasSelectedFolder: N,
|
|
26750
26753
|
hasExistingVersionInFolder: p,
|
|
@@ -26771,7 +26774,7 @@ var xx = {
|
|
|
26771
26774
|
children: [
|
|
26772
26775
|
/* @__PURE__ */ R("div", {
|
|
26773
26776
|
className: "flex items-center justify-between gap-3 rounded-xl border border-tertiary bg-layer-2 px-3.5 py-3",
|
|
26774
|
-
children: [/* @__PURE__ */ L(
|
|
26777
|
+
children: [/* @__PURE__ */ L(wx, {
|
|
26775
26778
|
item: e,
|
|
26776
26779
|
iconSize: 40,
|
|
26777
26780
|
hasFeaturedTag: !1,
|
|
@@ -26788,7 +26791,7 @@ var xx = {
|
|
|
26788
26791
|
}),
|
|
26789
26792
|
/* @__PURE__ */ L("div", {
|
|
26790
26793
|
className: "mb-3",
|
|
26791
|
-
children: /* @__PURE__ */ L(
|
|
26794
|
+
children: /* @__PURE__ */ L(xx, {
|
|
26792
26795
|
value: A,
|
|
26793
26796
|
onChange: j,
|
|
26794
26797
|
placeholder: b,
|
|
@@ -26797,7 +26800,7 @@ var xx = {
|
|
|
26797
26800
|
rowClassName: "!rounded-lg"
|
|
26798
26801
|
})
|
|
26799
26802
|
}),
|
|
26800
|
-
/* @__PURE__ */ L(
|
|
26803
|
+
/* @__PURE__ */ L(Tx, {
|
|
26801
26804
|
items: i,
|
|
26802
26805
|
selectedPath: a,
|
|
26803
26806
|
onSelectedPathChange: o,
|
|
@@ -26813,8 +26816,8 @@ var xx = {
|
|
|
26813
26816
|
ee.calloutKind !== Re.None && ee.calloutKind !== Re.Info && /* @__PURE__ */ L("div", {
|
|
26814
26817
|
className: "mt-3",
|
|
26815
26818
|
children: /* @__PURE__ */ L(M, {
|
|
26816
|
-
variant:
|
|
26817
|
-
message:
|
|
26819
|
+
variant: Ox(ee.calloutKind),
|
|
26820
|
+
message: Ax(ee.calloutKind, {
|
|
26818
26821
|
replaceWarning: C,
|
|
26819
26822
|
noAccessError: w,
|
|
26820
26823
|
submitError: T,
|
|
@@ -26827,7 +26830,7 @@ var xx = {
|
|
|
26827
26830
|
N && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
|
|
26828
26831
|
className: "dial-body-semi-text mb-2 text-primary",
|
|
26829
26832
|
children: S
|
|
26830
|
-
}), /* @__PURE__ */ L(
|
|
26833
|
+
}), /* @__PURE__ */ L(Ex, {
|
|
26831
26834
|
entries: P,
|
|
26832
26835
|
isLoading: n,
|
|
26833
26836
|
hasError: r,
|
|
@@ -26837,7 +26840,7 @@ var xx = {
|
|
|
26837
26840
|
})] })
|
|
26838
26841
|
]
|
|
26839
26842
|
});
|
|
26840
|
-
},
|
|
26843
|
+
}, Ox = (e) => e === Re.ReplaceWarning ? ae.Warning : ae.Error, kx = (e, t) => {
|
|
26841
26844
|
let [n, r, ...i] = e.split("{folder}");
|
|
26842
26845
|
return r === void 0 || i.length > 0 ? e : /* @__PURE__ */ R(I, { children: [
|
|
26843
26846
|
n,
|
|
@@ -26847,7 +26850,7 @@ var xx = {
|
|
|
26847
26850
|
}),
|
|
26848
26851
|
r
|
|
26849
26852
|
] });
|
|
26850
|
-
},
|
|
26853
|
+
}, Ax = (e, t) => e === Re.ReplaceWarning ? kx(t.replaceWarning.replace("{version}", t.version), t.folderName) : e === Re.NoAccess ? kx(t.noAccessError, t.folderName) : t.submitError, jx = {
|
|
26851
26854
|
sectionHeading: "_sectionHeading_orno3_1",
|
|
26852
26855
|
rowAlt: "_rowAlt_orno3_5",
|
|
26853
26856
|
label: "_label_orno3_9",
|
|
@@ -26855,33 +26858,33 @@ var xx = {
|
|
|
26855
26858
|
valueTrue: "_valueTrue_orno3_17",
|
|
26856
26859
|
valueFalse: "_valueFalse_orno3_21",
|
|
26857
26860
|
valueText: "_valueText_orno3_25"
|
|
26858
|
-
},
|
|
26861
|
+
}, Mx = ({ value: e, valueClassName: t, valueTrueClassName: n, checkIconClassName: r, yesLabel: i, noLabel: a }) => e === !0 ? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(le, {
|
|
26859
26862
|
size: m.MD,
|
|
26860
|
-
className: G(r,
|
|
26863
|
+
className: G(r, jx.checkIcon)
|
|
26861
26864
|
}), /* @__PURE__ */ L("span", {
|
|
26862
|
-
className: G(n,
|
|
26865
|
+
className: G(n, jx.valueTrue),
|
|
26863
26866
|
children: i
|
|
26864
26867
|
})] }) : e === !1 ? /* @__PURE__ */ L("span", {
|
|
26865
|
-
className: G(t,
|
|
26868
|
+
className: G(t, jx.valueFalse),
|
|
26866
26869
|
children: a
|
|
26867
26870
|
}) : /* @__PURE__ */ L("span", {
|
|
26868
|
-
className: G(t,
|
|
26871
|
+
className: G(t, jx.valueText),
|
|
26869
26872
|
children: e
|
|
26870
|
-
}),
|
|
26873
|
+
}), Nx = ({ 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" }) => /* @__PURE__ */ L("div", {
|
|
26871
26874
|
className: "flex flex-col",
|
|
26872
26875
|
children: t != null && t.length > 0 && /* @__PURE__ */ R("section", { children: [/* @__PURE__ */ L("p", {
|
|
26873
|
-
className: G("mb-3 mt-0", o,
|
|
26876
|
+
className: G("mb-3 mt-0", o, jx.sectionHeading),
|
|
26874
26877
|
children: e
|
|
26875
26878
|
}), /* @__PURE__ */ L("ul", {
|
|
26876
26879
|
className: "m-0 list-none p-0",
|
|
26877
26880
|
children: t.map((e, t) => /* @__PURE__ */ R("li", {
|
|
26878
|
-
className: G("flex items-center rounded px-3 py-2", t % 2 == 0 ?
|
|
26881
|
+
className: G("flex items-center rounded px-3 py-2", t % 2 == 0 ? jx.rowAlt : void 0),
|
|
26879
26882
|
children: [/* @__PURE__ */ L("span", {
|
|
26880
|
-
className: G(n,
|
|
26883
|
+
className: G(n, jx.label, "w-2/5 shrink-0"),
|
|
26881
26884
|
children: e.label
|
|
26882
26885
|
}), /* @__PURE__ */ L("div", {
|
|
26883
26886
|
className: "flex w-3/5 items-center gap-1",
|
|
26884
|
-
children: /* @__PURE__ */ L(
|
|
26887
|
+
children: /* @__PURE__ */ L(Mx, {
|
|
26885
26888
|
value: e.value,
|
|
26886
26889
|
valueClassName: r,
|
|
26887
26890
|
valueTrueClassName: i,
|
|
@@ -26892,7 +26895,7 @@ var xx = {
|
|
|
26892
26895
|
})]
|
|
26893
26896
|
}, e.label))
|
|
26894
26897
|
})] })
|
|
26895
|
-
}),
|
|
26898
|
+
}), Px = {
|
|
26896
26899
|
sectionHeading: "_sectionHeading_1iv5f_1",
|
|
26897
26900
|
urlBox: "_urlBox_1iv5f_5",
|
|
26898
26901
|
snippetWrapper: "_snippetWrapper_1iv5f_9",
|
|
@@ -26900,18 +26903,18 @@ var xx = {
|
|
|
26900
26903
|
codeBlock: "_codeBlock_1iv5f_17",
|
|
26901
26904
|
copyButton: "_copyButton_1iv5f_25",
|
|
26902
26905
|
pre: "_pre_1iv5f_34"
|
|
26903
|
-
},
|
|
26906
|
+
}, Fx = (e) => {
|
|
26904
26907
|
try {
|
|
26905
26908
|
let { protocol: t } = new URL(e);
|
|
26906
26909
|
return t === "https:" || t === "http:";
|
|
26907
26910
|
} catch {
|
|
26908
26911
|
return !1;
|
|
26909
26912
|
}
|
|
26910
|
-
},
|
|
26913
|
+
}, Ix = {
|
|
26911
26914
|
[Oe.Python]: "Python",
|
|
26912
26915
|
[Oe.Curl]: "cURL",
|
|
26913
26916
|
[Oe.JavaScript]: "JavaScript"
|
|
26914
|
-
},
|
|
26917
|
+
}, Lx = ({ snippets: e, sectionLabel: t, copyAriaLabel: n = "Copy", codeClassName: r = "dial-code-text", sectionClassName: i = "dial-caption-text" }) => {
|
|
26915
26918
|
let [s, c] = d(e[0]?.language ?? Oe.Python);
|
|
26916
26919
|
o(() => {
|
|
26917
26920
|
c(e[0]?.language ?? Oe.Python);
|
|
@@ -26920,22 +26923,22 @@ var xx = {
|
|
|
26920
26923
|
key: e.language,
|
|
26921
26924
|
label: /* @__PURE__ */ R("span", {
|
|
26922
26925
|
className: "flex w-full items-center justify-between gap-2",
|
|
26923
|
-
children: [
|
|
26926
|
+
children: [Ix[e.language] ?? e.language, e.language === s && /* @__PURE__ */ L(z, {
|
|
26924
26927
|
size: m.SM,
|
|
26925
26928
|
"aria-hidden": !0
|
|
26926
26929
|
})]
|
|
26927
26930
|
}),
|
|
26928
26931
|
onClick: () => c(e.language)
|
|
26929
|
-
})), [e, s]), f =
|
|
26932
|
+
})), [e, s]), f = Ix[s] ?? s, p = e.find((e) => e.language === s)?.code ?? "", h = a(() => {
|
|
26930
26933
|
navigator.clipboard.writeText(p);
|
|
26931
26934
|
}, [p]);
|
|
26932
26935
|
return /* @__PURE__ */ R("section", { children: [t != null && /* @__PURE__ */ L("p", {
|
|
26933
|
-
className: G("mb-3 mt-0", i,
|
|
26936
|
+
className: G("mb-3 mt-0", i, Px.sectionHeading),
|
|
26934
26937
|
children: t
|
|
26935
26938
|
}), /* @__PURE__ */ R("div", {
|
|
26936
|
-
className: G("overflow-hidden rounded-lg",
|
|
26939
|
+
className: G("overflow-hidden rounded-lg", Px.snippetWrapper),
|
|
26937
26940
|
children: [/* @__PURE__ */ R("div", {
|
|
26938
|
-
className: G("flex items-center justify-end gap-2 px-3 py-[6px]",
|
|
26941
|
+
className: G("flex items-center justify-end gap-2 px-3 py-[6px]", Px.snippetTabs),
|
|
26939
26942
|
children: [/* @__PURE__ */ L(x, {
|
|
26940
26943
|
items: u,
|
|
26941
26944
|
matchReferenceWidth: !1,
|
|
@@ -26951,14 +26954,14 @@ var xx = {
|
|
|
26951
26954
|
onClick: h
|
|
26952
26955
|
})]
|
|
26953
26956
|
}), /* @__PURE__ */ L("div", {
|
|
26954
|
-
className: G("relative rounded-lg p-3",
|
|
26957
|
+
className: G("relative rounded-lg p-3", Px.codeBlock),
|
|
26955
26958
|
children: /* @__PURE__ */ L("pre", {
|
|
26956
|
-
className: G("m-0 overflow-x-auto pe-8", r,
|
|
26959
|
+
className: G("m-0 overflow-x-auto pe-8", r, Px.pre),
|
|
26957
26960
|
children: /* @__PURE__ */ L("code", { children: p })
|
|
26958
26961
|
})
|
|
26959
26962
|
})]
|
|
26960
26963
|
})] });
|
|
26961
|
-
},
|
|
26964
|
+
}, Rx = ({ 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", labelClassName: u = "dial-small-semi-text", valueClassName: f = "dial-small-text", codeClassName: p = "dial-code-text", sectionClassName: h = "dial-caption-text" }) => {
|
|
26962
26965
|
let [g, _] = d(0), v = l(() => e.endpoints ?? [], [e.endpoints]), y = v.length > 0, b = v[g] ?? null, S = l(() => v.map((e, t) => ({
|
|
26963
26966
|
key: String(t),
|
|
26964
26967
|
label: /* @__PURE__ */ R("span", {
|
|
@@ -26981,7 +26984,7 @@ var xx = {
|
|
|
26981
26984
|
return /* @__PURE__ */ R("div", {
|
|
26982
26985
|
className: "flex flex-col gap-6",
|
|
26983
26986
|
children: [
|
|
26984
|
-
w && /* @__PURE__ */ L(
|
|
26987
|
+
w && /* @__PURE__ */ L(Nx, {
|
|
26985
26988
|
sectionLabel: t,
|
|
26986
26989
|
values: C,
|
|
26987
26990
|
labelClassName: u,
|
|
@@ -26992,7 +26995,7 @@ var xx = {
|
|
|
26992
26995
|
/* @__PURE__ */ R("div", {
|
|
26993
26996
|
className: "mb-3 flex items-center justify-between",
|
|
26994
26997
|
children: [/* @__PURE__ */ L("p", {
|
|
26995
|
-
className: G("m-0", h,
|
|
26998
|
+
className: G("m-0", h, Px.sectionHeading),
|
|
26996
26999
|
children: n
|
|
26997
27000
|
}), /* @__PURE__ */ L(x, {
|
|
26998
27001
|
items: S,
|
|
@@ -27006,8 +27009,8 @@ var xx = {
|
|
|
27006
27009
|
})]
|
|
27007
27010
|
}),
|
|
27008
27011
|
b != null && /* @__PURE__ */ R("div", {
|
|
27009
|
-
className: G("mt-3 flex items-start gap-2 rounded-lg px-3 py-2.5",
|
|
27010
|
-
children: [
|
|
27012
|
+
className: G("mt-3 flex items-start gap-2 rounded-lg px-3 py-2.5", Px.urlBox),
|
|
27013
|
+
children: [Fx(b.url) ? /* @__PURE__ */ L("a", {
|
|
27011
27014
|
href: b.url,
|
|
27012
27015
|
target: "_blank",
|
|
27013
27016
|
rel: "noreferrer",
|
|
@@ -27024,7 +27027,7 @@ var xx = {
|
|
|
27024
27027
|
}),
|
|
27025
27028
|
b?.snippets != null && b.snippets.length > 0 && /* @__PURE__ */ L("div", {
|
|
27026
27029
|
className: "mt-4",
|
|
27027
|
-
children: /* @__PURE__ */ L(
|
|
27030
|
+
children: /* @__PURE__ */ L(Lx, {
|
|
27028
27031
|
snippets: b.snippets,
|
|
27029
27032
|
copyAriaLabel: c,
|
|
27030
27033
|
codeClassName: p,
|
|
@@ -27032,7 +27035,7 @@ var xx = {
|
|
|
27032
27035
|
}, g)
|
|
27033
27036
|
})
|
|
27034
27037
|
] }),
|
|
27035
|
-
!y && T && /* @__PURE__ */ L(
|
|
27038
|
+
!y && T && /* @__PURE__ */ L(Lx, {
|
|
27036
27039
|
snippets: e.snippets,
|
|
27037
27040
|
sectionLabel: r,
|
|
27038
27041
|
copyAriaLabel: c,
|
|
@@ -27040,42 +27043,42 @@ var xx = {
|
|
|
27040
27043
|
sectionClassName: h
|
|
27041
27044
|
}),
|
|
27042
27045
|
D && /* @__PURE__ */ R("section", { children: [/* @__PURE__ */ L("p", {
|
|
27043
|
-
className: G("mb-3 mt-0", h,
|
|
27046
|
+
className: G("mb-3 mt-0", h, Px.sectionHeading),
|
|
27044
27047
|
children: o
|
|
27045
27048
|
}), /* @__PURE__ */ R("div", {
|
|
27046
|
-
className: G("relative rounded-lg p-3",
|
|
27049
|
+
className: G("relative rounded-lg p-3", Px.codeBlock),
|
|
27047
27050
|
children: [/* @__PURE__ */ L(E, {
|
|
27048
27051
|
icon: /* @__PURE__ */ L(ue, { size: m.SM }),
|
|
27049
27052
|
"aria-label": c,
|
|
27050
27053
|
onClick: () => {
|
|
27051
27054
|
navigator.clipboard.writeText(e.requestExample ?? "");
|
|
27052
27055
|
},
|
|
27053
|
-
className: G("absolute end-2 top-2 flex size-6 cursor-pointer items-center justify-center rounded border-none p-0",
|
|
27056
|
+
className: G("absolute end-2 top-2 flex size-6 cursor-pointer items-center justify-center rounded border-none p-0", Px.copyButton)
|
|
27054
27057
|
}), /* @__PURE__ */ L("pre", {
|
|
27055
|
-
className: G("m-0 overflow-x-auto pe-8", p,
|
|
27058
|
+
className: G("m-0 overflow-x-auto pe-8", p, Px.pre),
|
|
27056
27059
|
children: /* @__PURE__ */ L("code", { children: e.requestExample })
|
|
27057
27060
|
})]
|
|
27058
27061
|
})] }),
|
|
27059
27062
|
O && /* @__PURE__ */ R("section", { children: [/* @__PURE__ */ L("p", {
|
|
27060
|
-
className: G("mb-3 mt-0", h,
|
|
27063
|
+
className: G("mb-3 mt-0", h, Px.sectionHeading),
|
|
27061
27064
|
children: s
|
|
27062
27065
|
}), /* @__PURE__ */ R("div", {
|
|
27063
|
-
className: G("relative rounded-lg p-3",
|
|
27066
|
+
className: G("relative rounded-lg p-3", Px.codeBlock),
|
|
27064
27067
|
children: [/* @__PURE__ */ L(E, {
|
|
27065
27068
|
icon: /* @__PURE__ */ L(ue, { size: m.SM }),
|
|
27066
27069
|
"aria-label": c,
|
|
27067
27070
|
onClick: () => {
|
|
27068
27071
|
navigator.clipboard.writeText(e.responseSchema ?? "");
|
|
27069
27072
|
},
|
|
27070
|
-
className: G("absolute end-2 top-2 flex size-6 cursor-pointer items-center justify-center rounded border-none p-0",
|
|
27073
|
+
className: G("absolute end-2 top-2 flex size-6 cursor-pointer items-center justify-center rounded border-none p-0", Px.copyButton)
|
|
27071
27074
|
}), /* @__PURE__ */ L("pre", {
|
|
27072
|
-
className: G("m-0 overflow-x-auto pe-8", p,
|
|
27075
|
+
className: G("m-0 overflow-x-auto pe-8", p, Px.pre),
|
|
27073
27076
|
children: /* @__PURE__ */ L("code", { children: e.responseSchema })
|
|
27074
27077
|
})]
|
|
27075
27078
|
})] })
|
|
27076
27079
|
]
|
|
27077
27080
|
});
|
|
27078
|
-
},
|
|
27081
|
+
}, zx = ({ item: e, level: t, status: n, authenticationType: r, apiKeyHeader: i, onLogin: o, onLogout: s, texts: c, statusLabelClassName: l = "dial-small-semi-text text-primary" }) => {
|
|
27079
27082
|
let [u, f] = d(""), [p, m] = d(!1), h = n === Ne.SignedIn, g = a(() => {
|
|
27080
27083
|
o?.(e, {
|
|
27081
27084
|
level: t,
|
|
@@ -27146,7 +27149,7 @@ var xx = {
|
|
|
27146
27149
|
})
|
|
27147
27150
|
]
|
|
27148
27151
|
});
|
|
27149
|
-
},
|
|
27152
|
+
}, Bx = ({ item: e, onLogin: t, onLogout: n, texts: r, statusLabelClassName: i }) => {
|
|
27150
27153
|
let [a, o] = d(Pe.User), s = e.credentials;
|
|
27151
27154
|
if (s == null) return null;
|
|
27152
27155
|
if (s.isManageableByAdmin) return /* @__PURE__ */ R("div", {
|
|
@@ -27157,7 +27160,7 @@ var xx = {
|
|
|
27157
27160
|
title: r?.myCredentialsSectionLabel ?? "My credentials",
|
|
27158
27161
|
expanded: a === Pe.User,
|
|
27159
27162
|
onToggle: (e) => o(e ? Pe.User : a),
|
|
27160
|
-
children: /* @__PURE__ */ L(
|
|
27163
|
+
children: /* @__PURE__ */ L(zx, {
|
|
27161
27164
|
item: e,
|
|
27162
27165
|
level: Pe.User,
|
|
27163
27166
|
status: s.userStatus,
|
|
@@ -27172,7 +27175,7 @@ var xx = {
|
|
|
27172
27175
|
title: r?.organizationCredentialsSectionLabel ?? "Entire organization credentials",
|
|
27173
27176
|
expanded: a === Pe.Global,
|
|
27174
27177
|
onToggle: (e) => o(e ? Pe.Global : a),
|
|
27175
|
-
children: /* @__PURE__ */ L(
|
|
27178
|
+
children: /* @__PURE__ */ L(zx, {
|
|
27176
27179
|
item: e,
|
|
27177
27180
|
level: Pe.Global,
|
|
27178
27181
|
status: s.globalStatus,
|
|
@@ -27190,7 +27193,7 @@ var xx = {
|
|
|
27190
27193
|
role: "region",
|
|
27191
27194
|
"aria-label": r?.loginActionLabel ?? "Log in",
|
|
27192
27195
|
className: "px-6 py-4 ps-[60px]",
|
|
27193
|
-
children: /* @__PURE__ */ L(
|
|
27196
|
+
children: /* @__PURE__ */ L(zx, {
|
|
27194
27197
|
item: e,
|
|
27195
27198
|
level: l,
|
|
27196
27199
|
status: l === Pe.User ? s.userStatus : s.globalStatus,
|
|
@@ -27202,7 +27205,7 @@ var xx = {
|
|
|
27202
27205
|
statusLabelClassName: i
|
|
27203
27206
|
})
|
|
27204
27207
|
});
|
|
27205
|
-
},
|
|
27208
|
+
}, Vx = {
|
|
27206
27209
|
backdrop: "_backdrop_4qjfd_1",
|
|
27207
27210
|
panel: "_panel_4qjfd_5",
|
|
27208
27211
|
divider: "_divider_4qjfd_10",
|
|
@@ -27210,7 +27213,7 @@ var xx = {
|
|
|
27210
27213
|
introCaption: "_introCaption_4qjfd_19",
|
|
27211
27214
|
tabsRow: "_tabsRow_4qjfd_23",
|
|
27212
27215
|
activeTab: "_activeTab_4qjfd_27"
|
|
27213
|
-
},
|
|
27216
|
+
}, Hx = (e) => e.isMyApp === !0 && (e.type === V.Application || e.type === V.Toolset), Ux = ({ item: e, onDelete: t, onDeleted: n, texts: r }) => {
|
|
27214
27217
|
let [i, o] = d(!1), s = a(async () => {
|
|
27215
27218
|
o(!0);
|
|
27216
27219
|
try {
|
|
@@ -27223,13 +27226,13 @@ var xx = {
|
|
|
27223
27226
|
t,
|
|
27224
27227
|
n
|
|
27225
27228
|
]);
|
|
27226
|
-
return
|
|
27229
|
+
return Hx(e) ? /* @__PURE__ */ L(Rb, {
|
|
27227
27230
|
label: r?.deleteActionLabel ?? "Delete",
|
|
27228
27231
|
iconBefore: /* @__PURE__ */ L(Te, { size: m.MD }),
|
|
27229
27232
|
onClick: s,
|
|
27230
27233
|
disabled: i
|
|
27231
27234
|
}) : null;
|
|
27232
|
-
},
|
|
27235
|
+
}, Wx = (e) => e.isMyApp === !0 && e.type !== V.Guardrail && e.type !== V.Mcp, Gx = ({ item: e, onShare: t, shareOverlay: n, label: r = "Share" }) => {
|
|
27233
27236
|
let [i, o] = d(!1), s = a(() => {
|
|
27234
27237
|
if (n) {
|
|
27235
27238
|
o((e) => !e);
|
|
@@ -27241,7 +27244,7 @@ var xx = {
|
|
|
27241
27244
|
t,
|
|
27242
27245
|
n
|
|
27243
27246
|
]);
|
|
27244
|
-
if (!
|
|
27247
|
+
if (!Wx(e)) return null;
|
|
27245
27248
|
let c = /* @__PURE__ */ L(Rb, {
|
|
27246
27249
|
label: r,
|
|
27247
27250
|
iconBefore: /* @__PURE__ */ L(Se, { size: m.MD }),
|
|
@@ -27261,7 +27264,7 @@ var xx = {
|
|
|
27261
27264
|
renderOverlay: () => n(e, () => o(!1)),
|
|
27262
27265
|
children: c
|
|
27263
27266
|
}) : c;
|
|
27264
|
-
},
|
|
27267
|
+
}, Kx = ({ item: e, onUseInChat: t, isPrimaryActionVisible: n, onShare: r, shareOverlay: i, onEdit: o, onDelete: s, onCloseDetails: c, onLogin: l, onLogout: u, onToggleCredentials: d, onRequestLogout: f, texts: p, detailsStyles: h, isPublishVisible: g, onOpenPublish: _ }) => {
|
|
27265
27268
|
let { nameClassName: v = "dial-body-semi-text text-primary", folderLabelClassName: y = "dial-tiny-text", folderLeafClassName: b = "dial-tiny-semi-text" } = h?.typography ?? {}, x = a(() => {
|
|
27266
27269
|
t?.(e);
|
|
27267
27270
|
}, [e, t]), S = a(() => {
|
|
@@ -27285,7 +27288,7 @@ var xx = {
|
|
|
27285
27288
|
}[E ?? Fe.LogIn];
|
|
27286
27289
|
return /* @__PURE__ */ R("div", {
|
|
27287
27290
|
className: "flex flex-col gap-3 px-6 py-4",
|
|
27288
|
-
children: [/* @__PURE__ */ L(
|
|
27291
|
+
children: [/* @__PURE__ */ L(wx, {
|
|
27289
27292
|
item: e,
|
|
27290
27293
|
iconSize: 52,
|
|
27291
27294
|
nameClassName: v,
|
|
@@ -27308,19 +27311,19 @@ var xx = {
|
|
|
27308
27311
|
iconBefore: /* @__PURE__ */ L(ve, { size: m.MD }),
|
|
27309
27312
|
onClick: S
|
|
27310
27313
|
}),
|
|
27311
|
-
/* @__PURE__ */ L(
|
|
27314
|
+
/* @__PURE__ */ L(Gx, {
|
|
27312
27315
|
item: e,
|
|
27313
27316
|
onShare: r,
|
|
27314
27317
|
shareOverlay: i,
|
|
27315
27318
|
label: p?.shareLabel
|
|
27316
27319
|
}),
|
|
27317
|
-
/* @__PURE__ */ L(
|
|
27320
|
+
/* @__PURE__ */ L(Ux, {
|
|
27318
27321
|
item: e,
|
|
27319
27322
|
onDelete: s,
|
|
27320
27323
|
onDeleted: c,
|
|
27321
27324
|
texts: p
|
|
27322
27325
|
}),
|
|
27323
|
-
w && /* @__PURE__ */ L(
|
|
27326
|
+
w && /* @__PURE__ */ L(Rb, {
|
|
27324
27327
|
label: p?.publishLabel ?? "Publish",
|
|
27325
27328
|
onClick: _
|
|
27326
27329
|
}),
|
|
@@ -27332,7 +27335,7 @@ var xx = {
|
|
|
27332
27335
|
]
|
|
27333
27336
|
})]
|
|
27334
27337
|
});
|
|
27335
|
-
},
|
|
27338
|
+
}, qx = (e) => e.trim().split(/\n\n+/).filter((e) => e.trim()).map((e) => {
|
|
27336
27339
|
let t = e.split("\n").filter((e) => e.trim()), n = t[0] ?? "", r = t.length > 1 && !n.trimStart().startsWith("•") && n.trim().length <= 60, i = r ? t.slice(1) : t, a = [];
|
|
27337
27340
|
for (let e of i) {
|
|
27338
27341
|
let t = e.trim();
|
|
@@ -27351,7 +27354,7 @@ var xx = {
|
|
|
27351
27354
|
heading: r ? n.trim() : void 0,
|
|
27352
27355
|
runs: a
|
|
27353
27356
|
};
|
|
27354
|
-
}),
|
|
27357
|
+
}), Jx = ({ run: e, contentClassName: t }) => e.kind === "bullets" ? /* @__PURE__ */ L("ul", {
|
|
27355
27358
|
className: "m-0 flex list-none flex-col gap-1 ps-0",
|
|
27356
27359
|
children: e.items.map((e, n) => /* @__PURE__ */ R("li", {
|
|
27357
27360
|
className: G("flex gap-2", t),
|
|
@@ -27363,22 +27366,22 @@ var xx = {
|
|
|
27363
27366
|
}) : /* @__PURE__ */ L("p", {
|
|
27364
27367
|
className: G("m-0", t),
|
|
27365
27368
|
children: e.text
|
|
27366
|
-
}),
|
|
27369
|
+
}), Yx = ({ content: e, detailsStyles: t }) => {
|
|
27367
27370
|
let { contentHeadingClassName: n = "dial-small-semi-text", contentClassName: r = "dial-small-text" } = t?.typography ?? {};
|
|
27368
27371
|
return /* @__PURE__ */ L("div", {
|
|
27369
27372
|
className: "flex flex-col gap-5",
|
|
27370
|
-
children: l(() =>
|
|
27373
|
+
children: l(() => qx(e), [e]).map((e, t) => /* @__PURE__ */ R("div", {
|
|
27371
27374
|
className: "flex flex-col gap-2",
|
|
27372
27375
|
children: [e.heading != null && /* @__PURE__ */ L("span", {
|
|
27373
27376
|
className: n,
|
|
27374
27377
|
children: e.heading
|
|
27375
|
-
}), e.runs.map((e, t) => /* @__PURE__ */ L(
|
|
27378
|
+
}), e.runs.map((e, t) => /* @__PURE__ */ L(Jx, {
|
|
27376
27379
|
run: e,
|
|
27377
27380
|
contentClassName: r
|
|
27378
27381
|
}, t))]
|
|
27379
27382
|
}, t))
|
|
27380
27383
|
});
|
|
27381
|
-
},
|
|
27384
|
+
}, Xx = {
|
|
27382
27385
|
"tag--FREE": "_tag--FREE_roky1_1",
|
|
27383
27386
|
"tag--FEATURED": "_tag--FEATURED_roky1_6",
|
|
27384
27387
|
"tag--BY_REQUEST": "_tag--BY_REQUEST_roky1_11",
|
|
@@ -27387,21 +27390,21 @@ var xx = {
|
|
|
27387
27390
|
progressTrack: "_progressTrack_roky1_27",
|
|
27388
27391
|
progressFill: "_progressFill_roky1_31",
|
|
27389
27392
|
resetLabel: "_resetLabel_roky1_35"
|
|
27390
|
-
},
|
|
27393
|
+
}, Zx = {
|
|
27391
27394
|
[Ae.Free]: "Free",
|
|
27392
27395
|
[Ae.Featured]: "Featured",
|
|
27393
27396
|
[Ae.ByRequest]: "By request",
|
|
27394
27397
|
[Ae.Beta]: "Beta",
|
|
27395
27398
|
[Ae.Deprecated]: "Deprecated"
|
|
27396
|
-
},
|
|
27399
|
+
}, Qx = ({ summary: e, dailyLimitLabel: t = "Daily limit", tagClassName: n = "dial-tiny-text", limitLabelClassName: r = "dial-caption-text", limitResetClassName: i = "dial-tiny-text" }) => {
|
|
27397
27400
|
let { tag: a, dailyLimit: o } = e;
|
|
27398
27401
|
return /* @__PURE__ */ R("div", {
|
|
27399
27402
|
className: "flex flex-col gap-3",
|
|
27400
27403
|
children: [a != null && a !== Ae.Featured && /* @__PURE__ */ L("div", {
|
|
27401
27404
|
className: "flex flex-wrap items-center gap-2",
|
|
27402
27405
|
children: /* @__PURE__ */ L(ne, {
|
|
27403
|
-
label:
|
|
27404
|
-
className: G(
|
|
27406
|
+
label: Zx[a],
|
|
27407
|
+
className: G(Xx.tag, Xx[`tag--${a}`], n)
|
|
27405
27408
|
})
|
|
27406
27409
|
}), o != null && /* @__PURE__ */ R("div", {
|
|
27407
27410
|
className: "flex flex-col gap-1.5",
|
|
@@ -27411,23 +27414,23 @@ var xx = {
|
|
|
27411
27414
|
className: r,
|
|
27412
27415
|
children: t
|
|
27413
27416
|
}), o.resetLabel != null && /* @__PURE__ */ L("span", {
|
|
27414
|
-
className: G(i,
|
|
27417
|
+
className: G(i, Xx.resetLabel),
|
|
27415
27418
|
children: o.resetLabel
|
|
27416
27419
|
})]
|
|
27417
27420
|
}), /* @__PURE__ */ L("div", {
|
|
27418
|
-
className: G("h-1.5 overflow-hidden rounded-[3px]",
|
|
27421
|
+
className: G("h-1.5 overflow-hidden rounded-[3px]", Xx.progressTrack),
|
|
27419
27422
|
role: "progressbar",
|
|
27420
27423
|
"aria-valuenow": o.used,
|
|
27421
27424
|
"aria-valuemin": 0,
|
|
27422
27425
|
"aria-valuemax": o.total,
|
|
27423
27426
|
children: /* @__PURE__ */ L("div", {
|
|
27424
|
-
className: G("h-full rounded-[3px] [transition:width_0.3s_ease]",
|
|
27427
|
+
className: G("h-full rounded-[3px] [transition:width_0.3s_ease]", Xx.progressFill),
|
|
27425
27428
|
style: { width: `${Math.min(100, o.used / o.total * 100)}%` }
|
|
27426
27429
|
})
|
|
27427
27430
|
})]
|
|
27428
27431
|
})]
|
|
27429
27432
|
});
|
|
27430
|
-
},
|
|
27433
|
+
}, $x = ({ item: e, texts: t, detailsStyles: n }) => {
|
|
27431
27434
|
let { introCaptionClassName: r = "dial-caption-text" } = n?.typography ?? {};
|
|
27432
27435
|
return /* @__PURE__ */ R("div", {
|
|
27433
27436
|
className: "flex shrink-0 flex-col gap-5 px-[22px] py-4",
|
|
@@ -27435,9 +27438,9 @@ var xx = {
|
|
|
27435
27438
|
/* @__PURE__ */ R("div", {
|
|
27436
27439
|
className: "flex flex-col gap-2.5",
|
|
27437
27440
|
children: [/* @__PURE__ */ L("span", {
|
|
27438
|
-
className: G(r,
|
|
27441
|
+
className: G(r, Vx.introCaption),
|
|
27439
27442
|
children: t?.introLabel ?? "Intro"
|
|
27440
|
-
}), /* @__PURE__ */ L(
|
|
27443
|
+
}), /* @__PURE__ */ L(Yx, {
|
|
27441
27444
|
content: e.intro ?? e.description,
|
|
27442
27445
|
detailsStyles: n
|
|
27443
27446
|
})]
|
|
@@ -27446,17 +27449,17 @@ var xx = {
|
|
|
27446
27449
|
className: "flex flex-wrap gap-2",
|
|
27447
27450
|
children: e.topics.map((e) => /* @__PURE__ */ L(cx, { label: e }, e))
|
|
27448
27451
|
}),
|
|
27449
|
-
e.summary != null && /* @__PURE__ */ L(
|
|
27452
|
+
e.summary != null && /* @__PURE__ */ L(Qx, {
|
|
27450
27453
|
summary: e.summary,
|
|
27451
27454
|
dailyLimitLabel: t?.dailyLimitLabel ?? "Daily limit"
|
|
27452
27455
|
})
|
|
27453
27456
|
]
|
|
27454
27457
|
});
|
|
27455
|
-
},
|
|
27458
|
+
}, eS = ({ sections: e, sectionClassName: t, labelClassName: n, valueClassName: r, valueTrueClassName: i, yesLabel: a, noLabel: o }) => e ? /* @__PURE__ */ L("div", {
|
|
27456
27459
|
className: "flex flex-col",
|
|
27457
|
-
children: e.map((e, s) => /* @__PURE__ */ R("div", { children: [s > 0 && /* @__PURE__ */ L("div", { className: G("shrink-0 border-b",
|
|
27460
|
+
children: e.map((e, s) => /* @__PURE__ */ R("div", { children: [s > 0 && /* @__PURE__ */ L("div", { className: G("shrink-0 border-b", Vx.divider) }), /* @__PURE__ */ L("div", {
|
|
27458
27461
|
className: "px-[22px] py-4",
|
|
27459
|
-
children: /* @__PURE__ */ L(
|
|
27462
|
+
children: /* @__PURE__ */ L(Nx, {
|
|
27460
27463
|
sectionLabel: e.title,
|
|
27461
27464
|
values: e.specs,
|
|
27462
27465
|
sectionClassName: t,
|
|
@@ -27467,7 +27470,7 @@ var xx = {
|
|
|
27467
27470
|
noLabel: o
|
|
27468
27471
|
})
|
|
27469
27472
|
})] }, s))
|
|
27470
|
-
}) : null,
|
|
27473
|
+
}) : null, tS = ({ pricing: e, pricesSectionLabel: t = "Token pricing", limitsSectionLabel: n = "Usage limits", labelClassName: r = "dial-small-semi-text", valueClassName: i = "dial-small-text", sectionClassName: a = "dial-caption-text" }) => {
|
|
27471
27474
|
if (e == null) return null;
|
|
27472
27475
|
let o = e.prices?.map((e) => ({
|
|
27473
27476
|
label: e.label,
|
|
@@ -27478,13 +27481,13 @@ var xx = {
|
|
|
27478
27481
|
}));
|
|
27479
27482
|
return /* @__PURE__ */ R("div", {
|
|
27480
27483
|
className: "flex flex-col gap-6",
|
|
27481
|
-
children: [/* @__PURE__ */ L(
|
|
27484
|
+
children: [/* @__PURE__ */ L(Nx, {
|
|
27482
27485
|
sectionLabel: t,
|
|
27483
27486
|
values: o ?? [],
|
|
27484
27487
|
labelClassName: r,
|
|
27485
27488
|
valueClassName: i,
|
|
27486
27489
|
sectionClassName: a
|
|
27487
|
-
}), /* @__PURE__ */ L(
|
|
27490
|
+
}), /* @__PURE__ */ L(Nx, {
|
|
27488
27491
|
sectionLabel: n,
|
|
27489
27492
|
values: s ?? [],
|
|
27490
27493
|
labelClassName: r,
|
|
@@ -27492,32 +27495,32 @@ var xx = {
|
|
|
27492
27495
|
sectionClassName: a
|
|
27493
27496
|
})]
|
|
27494
27497
|
});
|
|
27495
|
-
},
|
|
27498
|
+
}, nS = {
|
|
27496
27499
|
container: "_container_1aye5_1",
|
|
27497
27500
|
header: "_header_1aye5_5",
|
|
27498
27501
|
cell: "_cell_1aye5_12",
|
|
27499
27502
|
evenRow: "_evenRow_1aye5_17"
|
|
27500
|
-
},
|
|
27503
|
+
}, rS = ({ columns: e, rows: n, columnsTemplate: r, headingClassName: i = "dial-caption-text", cellClassName: a = "dial-tiny-text" }) => {
|
|
27501
27504
|
let o = r ?? `repeat(${e.length}, 1fr)`;
|
|
27502
27505
|
return /* @__PURE__ */ R("div", {
|
|
27503
|
-
className: G(
|
|
27506
|
+
className: G(nS.container, "grid overflow-hidden rounded-[6px]"),
|
|
27504
27507
|
style: { gridTemplateColumns: o },
|
|
27505
27508
|
children: [e.map((e) => /* @__PURE__ */ L("div", {
|
|
27506
|
-
className: G("px-2 py-1 text-start uppercase", i,
|
|
27509
|
+
className: G("px-2 py-1 text-start uppercase", i, nS.header),
|
|
27507
27510
|
children: e
|
|
27508
27511
|
}, e)), n.map((e, n) => /* @__PURE__ */ L(t, { children: e.map((e, t) => /* @__PURE__ */ L("div", {
|
|
27509
|
-
className: G("px-2 py-1.5", a,
|
|
27512
|
+
className: G("px-2 py-1.5", a, nS.cell, n % 2 == 1 ? nS.evenRow : void 0),
|
|
27510
27513
|
children: e
|
|
27511
27514
|
}, t)) }, n))]
|
|
27512
27515
|
});
|
|
27513
|
-
},
|
|
27516
|
+
}, iS = {
|
|
27514
27517
|
divider: "_divider_1e5ho_1",
|
|
27515
27518
|
description: "_description_1e5ho_5",
|
|
27516
27519
|
code: "_code_1e5ho_9"
|
|
27517
|
-
},
|
|
27520
|
+
}, aS = ({ tools: e, toolNameClassName: t = "dial-small-semi-text", descriptionClassName: n = "dial-small-text", tableHeadingClassName: r = "dial-caption-text", tableCellClassName: i = "dial-tiny-text" }) => e == null ? null : /* @__PURE__ */ L("div", {
|
|
27518
27521
|
className: "flex flex-col",
|
|
27519
27522
|
children: e.tools.map((e, a) => /* @__PURE__ */ R("div", {
|
|
27520
|
-
className: G("flex flex-col gap-3 px-[22px] py-4", a > 0 ?
|
|
27523
|
+
className: G("flex flex-col gap-3 px-[22px] py-4", a > 0 ? iS.divider : void 0),
|
|
27521
27524
|
children: [
|
|
27522
27525
|
/* @__PURE__ */ R("div", {
|
|
27523
27526
|
className: "flex flex-col gap-1",
|
|
@@ -27525,11 +27528,11 @@ var xx = {
|
|
|
27525
27528
|
className: t,
|
|
27526
27529
|
children: e.name
|
|
27527
27530
|
}), e.description != null && /* @__PURE__ */ L("p", {
|
|
27528
|
-
className: G("m-0", n,
|
|
27531
|
+
className: G("m-0", n, iS.description),
|
|
27529
27532
|
children: e.description
|
|
27530
27533
|
})]
|
|
27531
27534
|
}),
|
|
27532
|
-
e.inputParams != null && e.inputParams.length > 0 && /* @__PURE__ */ L(
|
|
27535
|
+
e.inputParams != null && e.inputParams.length > 0 && /* @__PURE__ */ L(rS, {
|
|
27533
27536
|
columns: [
|
|
27534
27537
|
"Name",
|
|
27535
27538
|
"Type",
|
|
@@ -27538,11 +27541,11 @@ var xx = {
|
|
|
27538
27541
|
columnsTemplate: "1fr 1fr auto",
|
|
27539
27542
|
rows: e.inputParams.map((e) => [
|
|
27540
27543
|
/* @__PURE__ */ L("code", {
|
|
27541
|
-
className: G("text-inherit border-none bg-transparent p-0",
|
|
27544
|
+
className: G("text-inherit border-none bg-transparent p-0", iS.code),
|
|
27542
27545
|
children: e.name
|
|
27543
27546
|
}, "name"),
|
|
27544
27547
|
/* @__PURE__ */ L("code", {
|
|
27545
|
-
className: G("text-inherit border-none bg-transparent p-0",
|
|
27548
|
+
className: G("text-inherit border-none bg-transparent p-0", iS.code),
|
|
27546
27549
|
children: e.type
|
|
27547
27550
|
}, "type"),
|
|
27548
27551
|
e.isRequired ? "✓" : "—"
|
|
@@ -27550,10 +27553,10 @@ var xx = {
|
|
|
27550
27553
|
headingClassName: r,
|
|
27551
27554
|
cellClassName: i
|
|
27552
27555
|
}),
|
|
27553
|
-
e.annotations != null && e.annotations.length > 0 && /* @__PURE__ */ L(
|
|
27556
|
+
e.annotations != null && e.annotations.length > 0 && /* @__PURE__ */ L(rS, {
|
|
27554
27557
|
columns: ["Key", "Value"],
|
|
27555
27558
|
rows: e.annotations.map((e) => [/* @__PURE__ */ L("code", {
|
|
27556
|
-
className: G("text-inherit border-none bg-transparent p-0",
|
|
27559
|
+
className: G("text-inherit border-none bg-transparent p-0", iS.code),
|
|
27557
27560
|
children: e.key
|
|
27558
27561
|
}, "key"), e.value]),
|
|
27559
27562
|
headingClassName: r,
|
|
@@ -27561,7 +27564,7 @@ var xx = {
|
|
|
27561
27564
|
})
|
|
27562
27565
|
]
|
|
27563
27566
|
}, e.name))
|
|
27564
|
-
}),
|
|
27567
|
+
}), oS = async () => void 0, sS = [], cS = ({ item: e, isOpen: t, isStarred: n = !1, isDetailsLoading: r = !1, onClose: i, onToggleFavorite: s, onUseInChat: c, isPrimaryActionVisible: u, onShare: f, isPublishVisible: p, getPublishHistory: m, publishFolderItems: h = sS, publishExpandedPaths: g, onPublishExpandedPathsChange: _, publishLoadingPaths: v, hasPublishWriteAccess: x, onPublish: S, onPublishSuccess: C, onCreatePublishFolder: w, publishTexts: T, shareOverlay: E, onEdit: D, onDelete: O, onLogin: k, onLogout: A, texts: j, styles: M }) => {
|
|
27565
27568
|
let { overviewSectionClassName: N = "dial-caption-text", overviewLabelClassName: te = "dial-small-semi-text", overviewValueClassName: P = "dial-small-text", overviewValueTrueClassName: ne = "dial-small-text", credentialsStatusLabelClassName: re } = M?.typography ?? {}, [ie, ae] = d(n), [F, z] = d(""), [oe, ce] = d(!1), [le, ue] = d([]), [de, fe] = d(!1), [pe, me] = d(!1);
|
|
27566
27569
|
o(() => {
|
|
27567
27570
|
if (!oe || !m) return;
|
|
@@ -27586,7 +27589,7 @@ var xx = {
|
|
|
27586
27589
|
folderItems: h,
|
|
27587
27590
|
hasWriteAccess: x,
|
|
27588
27591
|
onCreateFolder: w,
|
|
27589
|
-
onPublish: S ??
|
|
27592
|
+
onPublish: S ?? oS,
|
|
27590
27593
|
onPublishSuccess: C
|
|
27591
27594
|
}), he = l(() => Ge({
|
|
27592
27595
|
hasSelectedFolder: B.selectedFolderPath != null,
|
|
@@ -27661,14 +27664,14 @@ var xx = {
|
|
|
27661
27664
|
]);
|
|
27662
27665
|
let Ae = j?.overviewYesLabel ?? "Yes", V = j?.overviewNoLabel ?? "No", je = j?.ariaLabel ?? "Item details", Me = j?.closeAriaLabel ?? "Close", Ne = ie ? j?.removeFromFavoritesAriaLabel ?? "Remove from favorites" : j?.addToFavoritesAriaLabel ?? "Add to favorites", Pe = j?.publishTitle ?? "Publish", Fe = j?.backToDetailsAriaLabel ?? "Back";
|
|
27663
27666
|
return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("div", {
|
|
27664
|
-
className: G("fixed inset-0 z-40 transition-opacity duration-300",
|
|
27667
|
+
className: G("fixed inset-0 z-40 transition-opacity duration-300", Vx.backdrop, t ? "opacity-100" : "pointer-events-none opacity-0"),
|
|
27665
27668
|
onClick: i,
|
|
27666
27669
|
"aria-hidden": "true"
|
|
27667
27670
|
}), /* @__PURE__ */ R("div", {
|
|
27668
27671
|
role: "dialog",
|
|
27669
27672
|
"aria-modal": "true",
|
|
27670
27673
|
"aria-label": je,
|
|
27671
|
-
className: G("fixed inset-y-0 end-0 z-50 flex w-full flex-col overflow-hidden", "desktop:rounded-ts-xl desktop:rounded-bs-xl desktop:w-[540px] desktop:border-s", "transition-transform duration-300",
|
|
27674
|
+
className: G("fixed inset-y-0 end-0 z-50 flex w-full flex-col overflow-hidden", "desktop:rounded-ts-xl desktop:rounded-bs-xl desktop:w-[540px] desktop:border-s", "transition-transform duration-300", Vx.panel, t ? "translate-x-0" : "translate-x-full rtl:-translate-x-full"),
|
|
27672
27675
|
children: [
|
|
27673
27676
|
/* @__PURE__ */ R("div", {
|
|
27674
27677
|
className: "flex shrink-0 items-center gap-2 px-[22px] py-3",
|
|
@@ -27689,12 +27692,12 @@ var xx = {
|
|
|
27689
27692
|
ariaLabel: Me
|
|
27690
27693
|
})]
|
|
27691
27694
|
}),
|
|
27692
|
-
/* @__PURE__ */ L("div", { className: G("shrink-0",
|
|
27695
|
+
/* @__PURE__ */ L("div", { className: G("shrink-0", Vx.divider) }),
|
|
27693
27696
|
/* @__PURE__ */ L("div", {
|
|
27694
|
-
className: G("min-h-0 flex-1 overflow-y-auto",
|
|
27697
|
+
className: G("min-h-0 flex-1 overflow-y-auto", Vx.content),
|
|
27695
27698
|
children: oe ? /* @__PURE__ */ L("div", {
|
|
27696
27699
|
className: "p-[22px]",
|
|
27697
|
-
children: /* @__PURE__ */ L(
|
|
27700
|
+
children: /* @__PURE__ */ L(Dx, {
|
|
27698
27701
|
item: e,
|
|
27699
27702
|
history: le,
|
|
27700
27703
|
isHistoryLoading: de,
|
|
@@ -27713,7 +27716,7 @@ var xx = {
|
|
|
27713
27716
|
texts: T
|
|
27714
27717
|
})
|
|
27715
27718
|
}) : /* @__PURE__ */ R(I, { children: [
|
|
27716
|
-
/* @__PURE__ */ L(
|
|
27719
|
+
/* @__PURE__ */ L(Kx, {
|
|
27717
27720
|
item: e,
|
|
27718
27721
|
onUseInChat: c,
|
|
27719
27722
|
isPrimaryActionVisible: u,
|
|
@@ -27731,7 +27734,7 @@ var xx = {
|
|
|
27731
27734
|
texts: j,
|
|
27732
27735
|
detailsStyles: M
|
|
27733
27736
|
}),
|
|
27734
|
-
ge && /* @__PURE__ */ L(
|
|
27737
|
+
ge && /* @__PURE__ */ L(Bx, {
|
|
27735
27738
|
item: e,
|
|
27736
27739
|
onLogin: k,
|
|
27737
27740
|
onLogout: A,
|
|
@@ -27747,8 +27750,8 @@ var xx = {
|
|
|
27747
27750
|
onCancel: Se,
|
|
27748
27751
|
onClose: Se
|
|
27749
27752
|
}),
|
|
27750
|
-
/* @__PURE__ */ L("div", { className:
|
|
27751
|
-
/* @__PURE__ */ L(
|
|
27753
|
+
/* @__PURE__ */ L("div", { className: Vx.divider }),
|
|
27754
|
+
/* @__PURE__ */ L($x, {
|
|
27752
27755
|
item: e,
|
|
27753
27756
|
texts: j,
|
|
27754
27757
|
detailsStyles: M
|
|
@@ -27779,11 +27782,11 @@ var xx = {
|
|
|
27779
27782
|
/* @__PURE__ */ R("div", {
|
|
27780
27783
|
className: G(F !== ke.Overview && "px-[22px] py-4"),
|
|
27781
27784
|
children: [
|
|
27782
|
-
F === ke.About && /* @__PURE__ */ L(
|
|
27785
|
+
F === ke.About && /* @__PURE__ */ L(Yx, {
|
|
27783
27786
|
content: e.description,
|
|
27784
27787
|
detailsStyles: M
|
|
27785
27788
|
}),
|
|
27786
|
-
F === ke.Overview && /* @__PURE__ */ L(
|
|
27789
|
+
F === ke.Overview && /* @__PURE__ */ L(eS, {
|
|
27787
27790
|
sections: e.details?.overview?.sections,
|
|
27788
27791
|
sectionClassName: N,
|
|
27789
27792
|
labelClassName: te,
|
|
@@ -27792,12 +27795,12 @@ var xx = {
|
|
|
27792
27795
|
yesLabel: Ae,
|
|
27793
27796
|
noLabel: V
|
|
27794
27797
|
}),
|
|
27795
|
-
F === ke.Pricing && /* @__PURE__ */ L(
|
|
27798
|
+
F === ke.Pricing && /* @__PURE__ */ L(tS, {
|
|
27796
27799
|
pricing: e.details?.pricing,
|
|
27797
27800
|
pricesSectionLabel: j?.pricingPricesSectionLabel,
|
|
27798
27801
|
limitsSectionLabel: j?.pricingLimitsSectionLabel
|
|
27799
27802
|
}),
|
|
27800
|
-
F === ke.Api && e.details?.api != null && /* @__PURE__ */ L(
|
|
27803
|
+
F === ke.Api && e.details?.api != null && /* @__PURE__ */ L(Rx, {
|
|
27801
27804
|
api: e.details.api,
|
|
27802
27805
|
resourceSectionLabel: j?.apiResourceSectionLabel,
|
|
27803
27806
|
snippetSectionLabel: j?.apiSnippetSectionLabel,
|
|
@@ -27807,7 +27810,7 @@ var xx = {
|
|
|
27807
27810
|
responseSchemaLabel: j?.apiResponseSchemaLabel,
|
|
27808
27811
|
copyAriaLabel: j?.copyCodeAriaLabel
|
|
27809
27812
|
}),
|
|
27810
|
-
F === ke.Tools && /* @__PURE__ */ L(
|
|
27813
|
+
F === ke.Tools && /* @__PURE__ */ L(aS, { tools: e.details?.tools })
|
|
27811
27814
|
]
|
|
27812
27815
|
})
|
|
27813
27816
|
] })
|
|
@@ -27823,7 +27826,7 @@ var xx = {
|
|
|
27823
27826
|
})
|
|
27824
27827
|
]
|
|
27825
27828
|
})] });
|
|
27826
|
-
},
|
|
27829
|
+
}, lS = {
|
|
27827
27830
|
pageNav: "_pageNav_1b9kr_1",
|
|
27828
27831
|
navBtn: "_navBtn_1b9kr_6",
|
|
27829
27832
|
pageCounter: "_pageCounter_1b9kr_23",
|
|
@@ -27836,7 +27839,7 @@ var xx = {
|
|
|
27836
27839
|
favFadeIn: "_favFadeIn_1b9kr_1",
|
|
27837
27840
|
cardLeaving: "_cardLeaving_1b9kr_64",
|
|
27838
27841
|
cardFadeOut: "_cardFadeOut_1b9kr_1"
|
|
27839
|
-
},
|
|
27842
|
+
}, uS = ({ item: e, initialIsStarred: t = !0, onToggle: n, onClick: r, nameClassName: i, versionClassName: o, lastUsedClassName: s, query: c, addToFavoritesAriaLabel: l = "Add to favorites", removeFromFavoritesAriaLabel: u = "Remove from favorites", isSelected: f = !1 }) => {
|
|
27840
27843
|
let [p, h] = d(t), [g, _] = d(!1), v = (t) => {
|
|
27841
27844
|
t.stopPropagation();
|
|
27842
27845
|
let r = !p;
|
|
@@ -27853,7 +27856,7 @@ var xx = {
|
|
|
27853
27856
|
role: y == null ? void 0 : "button",
|
|
27854
27857
|
tabIndex: y == null ? void 0 : 0,
|
|
27855
27858
|
"aria-label": e.name,
|
|
27856
|
-
className: G("relative box-border flex min-w-0 cursor-pointer items-start gap-1", "rounded-[20px] border-2 p-[22px] text-start",
|
|
27859
|
+
className: G("relative box-border flex min-w-0 cursor-pointer items-start gap-1", "rounded-[20px] border-2 p-[22px] text-start", lS.card, g && lS.cardLeaving, f ? "border-accent-primary !bg-accent-primary-alpha" : "border-transparent"),
|
|
27857
27860
|
onClick: y,
|
|
27858
27861
|
onKeyDown: b,
|
|
27859
27862
|
onAnimationEnd: g ? (t) => {
|
|
@@ -27888,7 +27891,7 @@ var xx = {
|
|
|
27888
27891
|
})
|
|
27889
27892
|
]
|
|
27890
27893
|
});
|
|
27891
|
-
},
|
|
27894
|
+
}, dS = 2, fS = (e) => {
|
|
27892
27895
|
let t = e.getBoundingClientRect(), n = window.scrollX, r = window.scrollY, i = window.getComputedStyle(e).transform;
|
|
27893
27896
|
if (!i || i === "none") return new DOMRect(t.x + n, t.y + r, t.width, t.height);
|
|
27894
27897
|
try {
|
|
@@ -27897,8 +27900,8 @@ var xx = {
|
|
|
27897
27900
|
} catch {
|
|
27898
27901
|
return new DOMRect(t.x + n, t.y + r, t.width, t.height);
|
|
27899
27902
|
}
|
|
27900
|
-
},
|
|
27901
|
-
let v = a?.typography?.titleClassName ?? "dial-body-semi-text text-primary", y = a?.typography?.countClassName ?? "dial-tiny-semi-text text-secondary", b = { "--cat-favorites-border": a?.colors?.border }, x = l(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [S, C] = d(1), w = We(), T = w *
|
|
27903
|
+
}, pS = ({ items: e, totalCount: t, title: n = "Your Favorites", onToggleFavorite: r, onItemClick: i, styles: a, isLeaving: s, onExitComplete: f, prevPageAriaLabel: p = "Previous page", nextPageAriaLabel: m = "Next page", addToFavoritesAriaLabel: h, removeFromFavoritesAriaLabel: g, selectedItemId: _ }) => {
|
|
27904
|
+
let v = a?.typography?.titleClassName ?? "dial-body-semi-text text-primary", y = a?.typography?.countClassName ?? "dial-tiny-semi-text text-secondary", b = { "--cat-favorites-border": a?.colors?.border }, x = l(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [S, C] = d(1), w = We(), T = w * dS, E = (S - 1) * T, D = l(() => x.slice(E, E + T), [
|
|
27902
27905
|
x,
|
|
27903
27906
|
E,
|
|
27904
27907
|
T
|
|
@@ -27931,7 +27934,7 @@ var xx = {
|
|
|
27931
27934
|
ie.current = S, ae.current = w;
|
|
27932
27935
|
let n = M.current.querySelectorAll("[data-card-id]"), r = /* @__PURE__ */ new Map();
|
|
27933
27936
|
if (n.forEach((e) => {
|
|
27934
|
-
r.set(e.dataset.cardId,
|
|
27937
|
+
r.set(e.dataset.cardId, fS(e));
|
|
27935
27938
|
}), !e && !t) {
|
|
27936
27939
|
let e = j.current, t = F.current, i = 0;
|
|
27937
27940
|
if (e) {
|
|
@@ -27987,7 +27990,7 @@ var xx = {
|
|
|
27987
27990
|
ref: A,
|
|
27988
27991
|
children: /* @__PURE__ */ R("section", {
|
|
27989
27992
|
ref: j,
|
|
27990
|
-
className: G("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2",
|
|
27993
|
+
className: G("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2", lS.section, s && lS.sectionLeaving),
|
|
27991
27994
|
style: {
|
|
27992
27995
|
...b,
|
|
27993
27996
|
minHeight: te
|
|
@@ -27995,26 +27998,26 @@ var xx = {
|
|
|
27995
27998
|
onAnimationEnd: (e) => {
|
|
27996
27999
|
e.target === j.current && s && f?.();
|
|
27997
28000
|
},
|
|
27998
|
-
children: [/* @__PURE__ */ L(
|
|
28001
|
+
children: [/* @__PURE__ */ L(Cx, {
|
|
27999
28002
|
title: n,
|
|
28000
28003
|
postfix: k,
|
|
28001
28004
|
titleClassName: v,
|
|
28002
28005
|
postfixClassName: y,
|
|
28003
28006
|
trailing: O > 1 ? /* @__PURE__ */ R("div", {
|
|
28004
|
-
className: G("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]",
|
|
28007
|
+
className: G("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]", lS.pageNav),
|
|
28005
28008
|
children: [
|
|
28006
28009
|
/* @__PURE__ */ L("button", {
|
|
28007
28010
|
"aria-label": p,
|
|
28008
28011
|
disabled: S === 1,
|
|
28009
28012
|
onClick: () => C((e) => e - 1),
|
|
28010
|
-
className: G("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent",
|
|
28013
|
+
className: G("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", lS.navBtn),
|
|
28011
28014
|
children: /* @__PURE__ */ L(se, {
|
|
28012
28015
|
size: 14,
|
|
28013
28016
|
className: "rtl:scale-x-[-1]"
|
|
28014
28017
|
})
|
|
28015
28018
|
}),
|
|
28016
28019
|
/* @__PURE__ */ R("span", {
|
|
28017
|
-
className: G("min-w-[32px] select-none px-1 text-center",
|
|
28020
|
+
className: G("min-w-[32px] select-none px-1 text-center", lS.pageCounter),
|
|
28018
28021
|
children: [
|
|
28019
28022
|
S,
|
|
28020
28023
|
" / ",
|
|
@@ -28025,7 +28028,7 @@ var xx = {
|
|
|
28025
28028
|
"aria-label": m,
|
|
28026
28029
|
disabled: S === O,
|
|
28027
28030
|
onClick: () => C((e) => e + 1),
|
|
28028
|
-
className: G("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent",
|
|
28031
|
+
className: G("flex size-[22px] cursor-pointer items-center justify-center rounded-full border-none bg-transparent", lS.navBtn),
|
|
28029
28032
|
children: /* @__PURE__ */ L(ce, {
|
|
28030
28033
|
size: 14,
|
|
28031
28034
|
className: "rtl:scale-x-[-1]"
|
|
@@ -28035,12 +28038,12 @@ var xx = {
|
|
|
28035
28038
|
}) : void 0
|
|
28036
28039
|
}), /* @__PURE__ */ L("div", {
|
|
28037
28040
|
ref: M,
|
|
28038
|
-
className: G("grid content-start gap-5",
|
|
28041
|
+
className: G("grid content-start gap-5", lS.gridPage),
|
|
28039
28042
|
style: {
|
|
28040
28043
|
gridTemplateColumns: `repeat(${w}, minmax(0, 1fr))`,
|
|
28041
28044
|
minHeight: N
|
|
28042
28045
|
},
|
|
28043
|
-
children: D.map((e) => /* @__PURE__ */ L(
|
|
28046
|
+
children: D.map((e) => /* @__PURE__ */ L(uS, {
|
|
28044
28047
|
item: e,
|
|
28045
28048
|
onToggle: r,
|
|
28046
28049
|
onClick: i,
|
|
@@ -28051,7 +28054,7 @@ var xx = {
|
|
|
28051
28054
|
})]
|
|
28052
28055
|
})
|
|
28053
28056
|
});
|
|
28054
|
-
},
|
|
28057
|
+
}, mS = {
|
|
28055
28058
|
model: "_model_et6cv_1",
|
|
28056
28059
|
application: "_application_et6cv_6",
|
|
28057
28060
|
agent: "_agent_et6cv_11",
|
|
@@ -28060,30 +28063,30 @@ var xx = {
|
|
|
28060
28063
|
guardrail: "_guardrail_et6cv_26",
|
|
28061
28064
|
mcp: "_mcp_et6cv_31",
|
|
28062
28065
|
fallback: "_fallback_et6cv_36"
|
|
28063
|
-
},
|
|
28064
|
-
[V.Model]:
|
|
28065
|
-
[V.Application]:
|
|
28066
|
-
[V.Agent]:
|
|
28067
|
-
[V.Toolset]:
|
|
28068
|
-
[V.Guardrail]:
|
|
28069
|
-
[V.Skill]:
|
|
28070
|
-
[V.Mcp]:
|
|
28071
|
-
},
|
|
28072
|
-
className: G("inline-flex items-center rounded-full px-[7px] py-[2px] leading-[1.4]", "uppercase tracking-[0.06em]", t,
|
|
28066
|
+
}, hS = {
|
|
28067
|
+
[V.Model]: mS.model,
|
|
28068
|
+
[V.Application]: mS.application,
|
|
28069
|
+
[V.Agent]: mS.agent,
|
|
28070
|
+
[V.Toolset]: mS.toolset,
|
|
28071
|
+
[V.Guardrail]: mS.guardrail,
|
|
28072
|
+
[V.Skill]: mS.skill,
|
|
28073
|
+
[V.Mcp]: mS.mcp
|
|
28074
|
+
}, gS = ({ type: e, className: t = "dial-caption-text" }) => /* @__PURE__ */ L("span", {
|
|
28075
|
+
className: G("inline-flex items-center rounded-full px-[7px] py-[2px] leading-[1.4]", "uppercase tracking-[0.06em]", t, hS[e] ?? mS.fallback),
|
|
28073
28076
|
children: e
|
|
28074
|
-
}),
|
|
28077
|
+
}), _S = ({ data: e }) => e ? /* @__PURE__ */ L("div", {
|
|
28075
28078
|
className: "flex h-full items-center",
|
|
28076
|
-
children: /* @__PURE__ */ L(
|
|
28077
|
-
}) : null,
|
|
28079
|
+
children: /* @__PURE__ */ L(gS, { type: e.type })
|
|
28080
|
+
}) : null, vS = ({ data: e, context: t }) => !e || e.folder.length === 0 ? null : /* @__PURE__ */ L(ix, {
|
|
28078
28081
|
segments: e.folder,
|
|
28079
28082
|
labelClassName: t?.typography?.folderClassName,
|
|
28080
28083
|
leafClassName: t?.typography?.folderLastSegmentClassName
|
|
28081
|
-
}),
|
|
28084
|
+
}), yS = {
|
|
28082
28085
|
secondaryText: "_secondaryText_1lje3_1",
|
|
28083
28086
|
listContainer: "_listContainer_1lje3_5",
|
|
28084
28087
|
starFilledIcon: "_starFilledIcon_1lje3_16",
|
|
28085
28088
|
selectedRow: "_selectedRow_1lje3_20"
|
|
28086
|
-
},
|
|
28089
|
+
}, bS = ({ data: e, context: t }) => {
|
|
28087
28090
|
let n = t?.searchQuery ?? "", r = t?.typography, i = r?.nameClassName ?? "dial-h3-text", a = r?.versionClassName ?? "dial-tiny-text", o = r?.descriptionClassName ?? "dial-small-text", s = e != null && e.id === t?.selectedItemId;
|
|
28088
28091
|
return e ? /* @__PURE__ */ R("div", {
|
|
28089
28092
|
className: "flex h-full items-center gap-2.5",
|
|
@@ -28095,7 +28098,7 @@ var xx = {
|
|
|
28095
28098
|
}),
|
|
28096
28099
|
/* @__PURE__ */ R("div", {
|
|
28097
28100
|
className: "flex min-w-0 flex-col gap-0.5",
|
|
28098
|
-
children: [/* @__PURE__ */ L(
|
|
28101
|
+
children: [/* @__PURE__ */ L(Cx, {
|
|
28099
28102
|
title: e.name,
|
|
28100
28103
|
postfix: e.version,
|
|
28101
28104
|
postfixClassName: a,
|
|
@@ -28108,7 +28111,7 @@ var xx = {
|
|
|
28108
28111
|
"aria-hidden": !0
|
|
28109
28112
|
}) : void 0
|
|
28110
28113
|
}), /* @__PURE__ */ L("p", {
|
|
28111
|
-
className: G(o,
|
|
28114
|
+
className: G(o, yS.secondaryText),
|
|
28112
28115
|
children: /* @__PURE__ */ L(lr, {
|
|
28113
28116
|
text: e.description,
|
|
28114
28117
|
query: n,
|
|
@@ -28123,7 +28126,7 @@ var xx = {
|
|
|
28123
28126
|
})
|
|
28124
28127
|
]
|
|
28125
28128
|
}) : null;
|
|
28126
|
-
},
|
|
28129
|
+
}, xS = ({ data: e, context: t }) => {
|
|
28127
28130
|
let [n, r] = d(e?.isStarred ?? !1);
|
|
28128
28131
|
return e ? /* @__PURE__ */ L("div", {
|
|
28129
28132
|
className: "flex h-full items-center justify-center pe-4",
|
|
@@ -28136,16 +28139,16 @@ var xx = {
|
|
|
28136
28139
|
}
|
|
28137
28140
|
})
|
|
28138
28141
|
}) : null;
|
|
28139
|
-
},
|
|
28142
|
+
}, SS = ({ data: e }) => e ? /* @__PURE__ */ L("div", {
|
|
28140
28143
|
className: "flex h-full flex-wrap items-center gap-1",
|
|
28141
28144
|
children: e.topics.map((e) => /* @__PURE__ */ L(cx, { label: e }, e))
|
|
28142
|
-
}) : null,
|
|
28145
|
+
}) : null, CS = () => [
|
|
28143
28146
|
{
|
|
28144
28147
|
headerName: "Name",
|
|
28145
28148
|
flex: 4,
|
|
28146
28149
|
field: "name",
|
|
28147
28150
|
filter: !1,
|
|
28148
|
-
cellRenderer:
|
|
28151
|
+
cellRenderer: bS,
|
|
28149
28152
|
valueGetter: (e) => e.data?.name
|
|
28150
28153
|
},
|
|
28151
28154
|
{
|
|
@@ -28154,7 +28157,7 @@ var xx = {
|
|
|
28154
28157
|
field: "type",
|
|
28155
28158
|
filter: !1,
|
|
28156
28159
|
sortable: !1,
|
|
28157
|
-
cellRenderer:
|
|
28160
|
+
cellRenderer: _S,
|
|
28158
28161
|
valueGetter: (e) => e.data?.type
|
|
28159
28162
|
},
|
|
28160
28163
|
{
|
|
@@ -28162,7 +28165,7 @@ var xx = {
|
|
|
28162
28165
|
field: "folder",
|
|
28163
28166
|
flex: 3,
|
|
28164
28167
|
filter: !1,
|
|
28165
|
-
cellRenderer:
|
|
28168
|
+
cellRenderer: vS,
|
|
28166
28169
|
valueGetter: (e) => e.data?.folder
|
|
28167
28170
|
},
|
|
28168
28171
|
{
|
|
@@ -28171,7 +28174,7 @@ var xx = {
|
|
|
28171
28174
|
flex: 2,
|
|
28172
28175
|
filter: !1,
|
|
28173
28176
|
sortable: !1,
|
|
28174
|
-
cellRenderer:
|
|
28177
|
+
cellRenderer: SS,
|
|
28175
28178
|
valueGetter: (e) => e.data?.topics
|
|
28176
28179
|
},
|
|
28177
28180
|
{
|
|
@@ -28182,28 +28185,28 @@ var xx = {
|
|
|
28182
28185
|
filter: !1,
|
|
28183
28186
|
sortable: !1,
|
|
28184
28187
|
resizable: !1,
|
|
28185
|
-
cellRenderer:
|
|
28188
|
+
cellRenderer: xS
|
|
28186
28189
|
}
|
|
28187
|
-
],
|
|
28190
|
+
], wS = 50, TS = (e) => {
|
|
28188
28191
|
if (!e || e === document.body) return null;
|
|
28189
28192
|
let { overflow: t, overflowY: n } = getComputedStyle(e);
|
|
28190
|
-
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e :
|
|
28191
|
-
},
|
|
28193
|
+
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : TS(e.parentElement);
|
|
28194
|
+
}, ES = ({ items: e, query: t = "", ariaLabel: n = "Catalog", emptyStateTitle: r, styles: i, onToggleFavorite: a, onItemClick: s, stickyHeaderTop: c, selectedItemId: f, credentialsBadgeLoggedOutLabel: p }) => {
|
|
28192
28195
|
let m = i?.typography ?? {}, h = i?.colors, g = {
|
|
28193
28196
|
"--cat-list-name-text": h?.nameText,
|
|
28194
28197
|
"--cat-list-secondary-text": h?.secondaryText,
|
|
28195
28198
|
...c == null ? {} : { "--list-header-sticky-top": `${c}px` }
|
|
28196
|
-
}, _ = u(null), v = u(null), [y, b] = d(() => Math.min(e.length,
|
|
28199
|
+
}, _ = u(null), v = u(null), [y, b] = d(() => Math.min(e.length, wS)), x = u(e);
|
|
28197
28200
|
o(() => {
|
|
28198
|
-
x.current !== e && (x.current = e, b(Math.min(e.length,
|
|
28201
|
+
x.current !== e && (x.current = e, b(Math.min(e.length, wS)));
|
|
28199
28202
|
}, [e]), o(() => {
|
|
28200
28203
|
let t = v.current;
|
|
28201
28204
|
if (!t) return;
|
|
28202
|
-
let n =
|
|
28205
|
+
let n = TS(t.parentElement);
|
|
28203
28206
|
if (!n) return;
|
|
28204
28207
|
let r = () => {
|
|
28205
28208
|
let r = n.getBoundingClientRect(), i = t.getBoundingClientRect();
|
|
28206
|
-
i.top < r.bottom && i.bottom > r.top && b((t) => Math.min(e.length, t +
|
|
28209
|
+
i.top < r.bottom && i.bottom > r.top && b((t) => Math.min(e.length, t + wS));
|
|
28207
28210
|
};
|
|
28208
28211
|
return n.addEventListener("scroll", r, { passive: !0 }), r(), () => n.removeEventListener("scroll", r);
|
|
28209
28212
|
}, [e.length]);
|
|
@@ -28214,9 +28217,9 @@ var xx = {
|
|
|
28214
28217
|
_.current?.redrawRows();
|
|
28215
28218
|
}, [f]), /* @__PURE__ */ R("div", {
|
|
28216
28219
|
style: g,
|
|
28217
|
-
className: F("w-full px-4",
|
|
28220
|
+
className: F("w-full px-4", yS.listContainer),
|
|
28218
28221
|
children: [/* @__PURE__ */ L(D, {
|
|
28219
|
-
columnDefs:
|
|
28222
|
+
columnDefs: CS(),
|
|
28220
28223
|
rowData: S,
|
|
28221
28224
|
getRowId: (e) => e.id,
|
|
28222
28225
|
alternateOddRowColors: !0,
|
|
@@ -28242,7 +28245,7 @@ var xx = {
|
|
|
28242
28245
|
e.column.getColDef().field !== "isStarred" && e.data && s(e.data);
|
|
28243
28246
|
} : void 0,
|
|
28244
28247
|
rowClass: s ? "cursor-pointer" : void 0,
|
|
28245
|
-
getRowClass: (e) => e.data?.id === f ?
|
|
28248
|
+
getRowClass: (e) => e.data?.id === f ? yS.selectedRow : void 0
|
|
28246
28249
|
},
|
|
28247
28250
|
ariaLabel: n
|
|
28248
28251
|
}), y < e.length && /* @__PURE__ */ L("div", {
|
|
@@ -28251,7 +28254,7 @@ var xx = {
|
|
|
28251
28254
|
"aria-hidden": !0
|
|
28252
28255
|
})]
|
|
28253
28256
|
});
|
|
28254
|
-
},
|
|
28257
|
+
}, DS = {
|
|
28255
28258
|
filterBtn: "_filterBtn_6kwgr_5",
|
|
28256
28259
|
filterBtnActive: "_filterBtnActive_6kwgr_21",
|
|
28257
28260
|
filterBtnOpen: "_filterBtnOpen_6kwgr_25",
|
|
@@ -28267,14 +28270,14 @@ var xx = {
|
|
|
28267
28270
|
divider: "_divider_6kwgr_117",
|
|
28268
28271
|
sectionLabel: "_sectionLabel_6kwgr_123",
|
|
28269
28272
|
footer: "_footer_6kwgr_131"
|
|
28270
|
-
},
|
|
28273
|
+
}, OS = (e, t, n, r, i) => {
|
|
28271
28274
|
let a = e.size > 0;
|
|
28272
28275
|
return n && a ? `${r} · ${e.size}` : n ? r : a ? ze(e, t, i) : i;
|
|
28273
|
-
},
|
|
28276
|
+
}, kS = (e, t) => {
|
|
28274
28277
|
let n = new Set(t);
|
|
28275
28278
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
28276
|
-
},
|
|
28277
|
-
let g = (r ?? !1) || e.size > 0, [_, v] = d(!1), y = l(() => n == null ? [] : [...n].sort(), [n]), b =
|
|
28279
|
+
}, AS = ({ checked: e, onChange: t, values: n, isMyAppsActive: r, onMyAppsChange: i, myAppsLabel: s = "My", topicsLabel: c = "Topics", defaultLabel: f = "From", clearLabel: p = "Clear", applyLabel: h = "Apply" }) => {
|
|
28280
|
+
let g = (r ?? !1) || e.size > 0, [_, v] = d(!1), y = l(() => n == null ? [] : [...n].sort(), [n]), b = OS(e, n, r, s, f), [S, C] = d(() => new Set(e)), [w, T] = d(r ?? !1);
|
|
28278
28281
|
o(() => {
|
|
28279
28282
|
_ && (C(new Set(e)), T(r ?? !1));
|
|
28280
28283
|
}, [
|
|
@@ -28317,7 +28320,7 @@ var xx = {
|
|
|
28317
28320
|
role: "menu",
|
|
28318
28321
|
"aria-label": f,
|
|
28319
28322
|
tabIndex: -1,
|
|
28320
|
-
className: G("min-w-[360px] rounded-xl p-[6px]",
|
|
28323
|
+
className: G("min-w-[360px] rounded-xl p-[6px]", DS.overlay),
|
|
28321
28324
|
onKeyDown: ee,
|
|
28322
28325
|
children: [
|
|
28323
28326
|
/* @__PURE__ */ R("div", {
|
|
@@ -28327,32 +28330,32 @@ var xx = {
|
|
|
28327
28330
|
ref: (e) => {
|
|
28328
28331
|
k.current[0] = e;
|
|
28329
28332
|
},
|
|
28330
|
-
className: G("flex cursor-pointer select-none items-center gap-3 rounded-lg px-[10px] py-[9px] outline-none",
|
|
28333
|
+
className: G("flex cursor-pointer select-none items-center gap-3 rounded-lg px-[10px] py-[9px] outline-none", DS.row, w && DS.rowChecked),
|
|
28331
28334
|
onClick: () => T(!w),
|
|
28332
28335
|
onKeyDown: te(() => T(!w)),
|
|
28333
28336
|
children: [/* @__PURE__ */ L("span", {
|
|
28334
|
-
className: G("flex size-5 shrink-0 items-center justify-center rounded-[6px]",
|
|
28337
|
+
className: G("flex size-5 shrink-0 items-center justify-center rounded-[6px]", DS.checkbox, w && DS.checkboxChecked),
|
|
28335
28338
|
"aria-hidden": !0
|
|
28336
28339
|
}), /* @__PURE__ */ L("span", {
|
|
28337
|
-
className:
|
|
28340
|
+
className: DS.rowLabel,
|
|
28338
28341
|
children: s
|
|
28339
28342
|
})]
|
|
28340
28343
|
}),
|
|
28341
28344
|
y.length > 0 && /* @__PURE__ */ R(I, { children: [
|
|
28342
28345
|
/* @__PURE__ */ L("div", {
|
|
28343
28346
|
role: "separator",
|
|
28344
|
-
className: G("my-1 h-px",
|
|
28347
|
+
className: G("my-1 h-px", DS.divider),
|
|
28345
28348
|
"aria-hidden": !0
|
|
28346
28349
|
}),
|
|
28347
28350
|
/* @__PURE__ */ L("div", {
|
|
28348
|
-
className: G("px-[10px] pb-1 pt-[10px] uppercase tracking-[0.06em]",
|
|
28351
|
+
className: G("px-[10px] pb-1 pt-[10px] uppercase tracking-[0.06em]", DS.sectionLabel),
|
|
28349
28352
|
"aria-hidden": !0,
|
|
28350
28353
|
children: c
|
|
28351
28354
|
}),
|
|
28352
28355
|
/* @__PURE__ */ L("div", {
|
|
28353
28356
|
className: "flex max-h-[220px] flex-col gap-1 overflow-y-auto",
|
|
28354
28357
|
children: y.map((e, t) => {
|
|
28355
|
-
let n = S.has(e), r = t + 1, i = () => C(
|
|
28358
|
+
let n = S.has(e), r = t + 1, i = () => C(kS(e, S));
|
|
28356
28359
|
return /* @__PURE__ */ R("div", {
|
|
28357
28360
|
role: "menuitemcheckbox",
|
|
28358
28361
|
"aria-checked": n,
|
|
@@ -28360,14 +28363,14 @@ var xx = {
|
|
|
28360
28363
|
ref: (e) => {
|
|
28361
28364
|
k.current[r] = e;
|
|
28362
28365
|
},
|
|
28363
|
-
className: G("flex cursor-pointer select-none items-center gap-3 rounded-lg px-[10px] py-[9px] outline-none",
|
|
28366
|
+
className: G("flex cursor-pointer select-none items-center gap-3 rounded-lg px-[10px] py-[9px] outline-none", DS.row, n && DS.rowChecked),
|
|
28364
28367
|
onClick: i,
|
|
28365
28368
|
onKeyDown: te(i),
|
|
28366
28369
|
children: [/* @__PURE__ */ L("span", {
|
|
28367
|
-
className: G("flex size-5 shrink-0 items-center justify-center rounded-[6px]",
|
|
28370
|
+
className: G("flex size-5 shrink-0 items-center justify-center rounded-[6px]", DS.checkbox, n && DS.checkboxChecked),
|
|
28368
28371
|
"aria-hidden": !0
|
|
28369
28372
|
}), /* @__PURE__ */ L("span", {
|
|
28370
|
-
className:
|
|
28373
|
+
className: DS.rowLabel,
|
|
28371
28374
|
children: e
|
|
28372
28375
|
})]
|
|
28373
28376
|
}, e);
|
|
@@ -28375,7 +28378,7 @@ var xx = {
|
|
|
28375
28378
|
})
|
|
28376
28379
|
] }),
|
|
28377
28380
|
/* @__PURE__ */ R("div", {
|
|
28378
|
-
className: G("mt-1 flex items-center px-1 py-3",
|
|
28381
|
+
className: G("mt-1 flex items-center px-1 py-3", DS.footer),
|
|
28379
28382
|
onKeyDown: (e) => {
|
|
28380
28383
|
(e.key === "ArrowUp" || e.key === "ArrowDown") && e.stopPropagation();
|
|
28381
28384
|
},
|
|
@@ -28396,28 +28399,28 @@ var xx = {
|
|
|
28396
28399
|
"aria-haspopup": "menu",
|
|
28397
28400
|
"aria-expanded": _,
|
|
28398
28401
|
onKeyDown: N,
|
|
28399
|
-
className: G("flex h-[50px] shrink-0 cursor-pointer items-center gap-[7px] whitespace-nowrap rounded-xl px-[18px]",
|
|
28402
|
+
className: G("flex h-[50px] shrink-0 cursor-pointer items-center gap-[7px] whitespace-nowrap rounded-xl px-[18px]", DS.filterBtn, g && DS.filterBtnActive, _ && DS.filterBtnOpen),
|
|
28400
28403
|
children: [
|
|
28401
28404
|
/* @__PURE__ */ L(de, {
|
|
28402
28405
|
size: m.SM,
|
|
28403
28406
|
strokeWidth: 1.8,
|
|
28404
|
-
className: G("shrink-0",
|
|
28407
|
+
className: G("shrink-0", DS.filterBtnFunnel),
|
|
28405
28408
|
"aria-hidden": !0
|
|
28406
28409
|
}),
|
|
28407
28410
|
/* @__PURE__ */ L("span", {
|
|
28408
|
-
className:
|
|
28411
|
+
className: DS.filterBtnLabel,
|
|
28409
28412
|
children: b
|
|
28410
28413
|
}),
|
|
28411
28414
|
/* @__PURE__ */ L(oe, {
|
|
28412
28415
|
size: 14,
|
|
28413
28416
|
strokeWidth: 2.2,
|
|
28414
|
-
className: G("shrink-0 transition-transform duration-150",
|
|
28417
|
+
className: G("shrink-0 transition-transform duration-150", DS.filterBtnChevron, _ && "rotate-180"),
|
|
28415
28418
|
"aria-hidden": !0
|
|
28416
28419
|
})
|
|
28417
28420
|
]
|
|
28418
28421
|
})
|
|
28419
28422
|
});
|
|
28420
|
-
},
|
|
28423
|
+
}, jS = ({ placeholder: e = "Search", className: t, ...n }) => /* @__PURE__ */ L("div", {
|
|
28421
28424
|
className: "flex-1",
|
|
28422
28425
|
children: /* @__PURE__ */ L(Mb, {
|
|
28423
28426
|
placeholder: e,
|
|
@@ -28428,13 +28431,13 @@ var xx = {
|
|
|
28428
28431
|
inputClassName: "text-[15px]",
|
|
28429
28432
|
clearButtonClassName: "size-11 desktop:size-auto"
|
|
28430
28433
|
})
|
|
28431
|
-
}),
|
|
28434
|
+
}), MS = ({ totalCount: e, viewMode: t, onViewModeChange: n, title: r = "Browse", styles: i, query: a, onQueryChange: o, searchPlaceholder: s, gridViewLabel: c = "Grid view", listViewLabel: l = "List view", sortKey: u, onSortChange: d, sortOptions: f, filters: p, onFiltersChange: h, filterValues: g, isMyAppsActive: _, onMyAppsChange: v, filterFromLabel: y, filterMyAppsLabel: b, filterTopicsLabel: S }) => {
|
|
28432
28435
|
let C = i?.typography?.titleClassName ?? "dial-body-semi-text", w = i?.typography?.countClassName ?? "dial-tiny-semi-text", T = f?.find((e) => e.value === u)?.label ?? "";
|
|
28433
28436
|
return /* @__PURE__ */ R("div", {
|
|
28434
28437
|
className: "flex flex-col gap-3",
|
|
28435
28438
|
children: [/* @__PURE__ */ R("div", {
|
|
28436
28439
|
className: "flex items-center gap-2",
|
|
28437
|
-
children: [/* @__PURE__ */ L(
|
|
28440
|
+
children: [/* @__PURE__ */ L(Cx, {
|
|
28438
28441
|
title: r,
|
|
28439
28442
|
postfix: e,
|
|
28440
28443
|
titleClassName: C,
|
|
@@ -28488,12 +28491,12 @@ var xx = {
|
|
|
28488
28491
|
})]
|
|
28489
28492
|
}), /* @__PURE__ */ R("div", {
|
|
28490
28493
|
className: "mb-5 flex items-center gap-3",
|
|
28491
|
-
children: [/* @__PURE__ */ L(
|
|
28494
|
+
children: [/* @__PURE__ */ L(jS, {
|
|
28492
28495
|
value: a,
|
|
28493
28496
|
onChange: o,
|
|
28494
28497
|
placeholder: s,
|
|
28495
28498
|
className: "flex-1"
|
|
28496
|
-
}), /* @__PURE__ */ L(
|
|
28499
|
+
}), /* @__PURE__ */ L(AS, {
|
|
28497
28500
|
checked: p ?? /* @__PURE__ */ new Set(),
|
|
28498
28501
|
onChange: h ?? (() => void 0),
|
|
28499
28502
|
values: g,
|
|
@@ -28505,12 +28508,12 @@ var xx = {
|
|
|
28505
28508
|
})]
|
|
28506
28509
|
})]
|
|
28507
28510
|
});
|
|
28508
|
-
},
|
|
28511
|
+
}, NS = {
|
|
28509
28512
|
section: "_section_qj3lh_1",
|
|
28510
28513
|
icon: "_icon_qj3lh_5",
|
|
28511
28514
|
divider: "_divider_qj3lh_9",
|
|
28512
28515
|
clearAll: "_clearAll_qj3lh_13"
|
|
28513
|
-
},
|
|
28516
|
+
}, PS = ({ 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, sortKey: m, onSortChange: h, sortOptions: g, ..._ }) => {
|
|
28514
28517
|
let v = {
|
|
28515
28518
|
"--cat-browse-bg": r?.colors?.background,
|
|
28516
28519
|
"--cat-browse-title-text": r?.colors?.titleText,
|
|
@@ -28520,9 +28523,9 @@ var xx = {
|
|
|
28520
28523
|
"--cat-browse-clear-all": r?.colors?.clearAll
|
|
28521
28524
|
};
|
|
28522
28525
|
return /* @__PURE__ */ L("section", {
|
|
28523
|
-
className: G("flex-shrink-0 px-4",
|
|
28526
|
+
className: G("flex-shrink-0 px-4", NS.section),
|
|
28524
28527
|
style: v,
|
|
28525
|
-
children: /* @__PURE__ */ L(
|
|
28528
|
+
children: /* @__PURE__ */ L(MS, {
|
|
28526
28529
|
styles: r,
|
|
28527
28530
|
query: e,
|
|
28528
28531
|
onQueryChange: t,
|
|
@@ -28543,13 +28546,13 @@ var xx = {
|
|
|
28543
28546
|
..._
|
|
28544
28547
|
})
|
|
28545
28548
|
});
|
|
28546
|
-
},
|
|
28549
|
+
}, FS = {
|
|
28547
28550
|
root: "_root_1jtp2_1",
|
|
28548
28551
|
heading: "_heading_1jtp2_5",
|
|
28549
28552
|
headingTitle: "_headingTitle_1jtp2_9",
|
|
28550
28553
|
tabsRow: "_tabsRow_1jtp2_13",
|
|
28551
28554
|
activeTab: "_activeTab_1jtp2_17"
|
|
28552
|
-
},
|
|
28555
|
+
}, IS = {
|
|
28553
28556
|
splitDivider: "_splitDivider_1efwg_1",
|
|
28554
28557
|
chevron: "_chevron_1efwg_10",
|
|
28555
28558
|
chevronOpen: "_chevronOpen_1efwg_14",
|
|
@@ -28561,7 +28564,7 @@ var xx = {
|
|
|
28561
28564
|
itemText: "_itemText_1efwg_71",
|
|
28562
28565
|
itemLabel: "_itemLabel_1efwg_78",
|
|
28563
28566
|
itemDescription: "_itemDescription_1efwg_82"
|
|
28564
|
-
},
|
|
28567
|
+
}, LS = ({ label: e, options: t, onClick: n }) => {
|
|
28565
28568
|
let [r, i] = d(!1), o = u(null), s = u([]), c = a(() => {
|
|
28566
28569
|
o.current?.querySelector("button")?.focus();
|
|
28567
28570
|
}, []), l = a((e) => {
|
|
@@ -28585,11 +28588,11 @@ var xx = {
|
|
|
28585
28588
|
matchReferenceWidth: !1,
|
|
28586
28589
|
placement: "bottom-end",
|
|
28587
28590
|
outsideClosable: !0,
|
|
28588
|
-
listClassName:
|
|
28591
|
+
listClassName: IS.dropdownWrapper,
|
|
28589
28592
|
renderOverlay: () => /* @__PURE__ */ L("div", {
|
|
28590
28593
|
role: "menu",
|
|
28591
28594
|
"aria-label": e,
|
|
28592
|
-
className:
|
|
28595
|
+
className: IS.menu,
|
|
28593
28596
|
onKeyDown: h,
|
|
28594
28597
|
children: t.map((e, t) => /* @__PURE__ */ R("button", {
|
|
28595
28598
|
ref: (e) => {
|
|
@@ -28597,7 +28600,7 @@ var xx = {
|
|
|
28597
28600
|
},
|
|
28598
28601
|
role: "menuitem",
|
|
28599
28602
|
tabIndex: -1,
|
|
28600
|
-
className:
|
|
28603
|
+
className: IS.item,
|
|
28601
28604
|
onClick: () => {
|
|
28602
28605
|
e.onClick(), l(!1);
|
|
28603
28606
|
},
|
|
@@ -28605,15 +28608,15 @@ var xx = {
|
|
|
28605
28608
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.onClick(), l(!1));
|
|
28606
28609
|
},
|
|
28607
28610
|
children: [e.icon && /* @__PURE__ */ L("div", {
|
|
28608
|
-
className: G(
|
|
28611
|
+
className: G(IS.itemIcon, e.iconContainerClassName),
|
|
28609
28612
|
children: e.icon
|
|
28610
28613
|
}), /* @__PURE__ */ R("div", {
|
|
28611
|
-
className:
|
|
28614
|
+
className: IS.itemText,
|
|
28612
28615
|
children: [/* @__PURE__ */ L("span", {
|
|
28613
|
-
className: G(
|
|
28616
|
+
className: G(IS.itemLabel, "dial-small-semi-text"),
|
|
28614
28617
|
children: e.label
|
|
28615
28618
|
}), e.description && /* @__PURE__ */ L("span", {
|
|
28616
|
-
className: G(
|
|
28619
|
+
className: G(IS.itemDescription, "dial-tiny-text"),
|
|
28617
28620
|
children: e.description
|
|
28618
28621
|
})]
|
|
28619
28622
|
})]
|
|
@@ -28624,12 +28627,12 @@ var xx = {
|
|
|
28624
28627
|
iconBefore: /* @__PURE__ */ L(be, { size: m.SM }),
|
|
28625
28628
|
iconAfter: /* @__PURE__ */ R("span", {
|
|
28626
28629
|
className: "flex items-center gap-2",
|
|
28627
|
-
children: [/* @__PURE__ */ L("span", { className:
|
|
28630
|
+
children: [/* @__PURE__ */ L("span", { className: IS.splitDivider }), /* @__PURE__ */ L(oe, {
|
|
28628
28631
|
size: m.SM,
|
|
28629
|
-
className: G(
|
|
28632
|
+
className: G(IS.chevron, r && IS.chevronOpen)
|
|
28630
28633
|
})]
|
|
28631
28634
|
}),
|
|
28632
|
-
className:
|
|
28635
|
+
className: IS.gradientBtn,
|
|
28633
28636
|
"aria-haspopup": "menu",
|
|
28634
28637
|
"aria-expanded": r,
|
|
28635
28638
|
onKeyDown: p
|
|
@@ -28639,9 +28642,9 @@ var xx = {
|
|
|
28639
28642
|
label: e,
|
|
28640
28643
|
iconBefore: /* @__PURE__ */ L(be, { size: m.SM }),
|
|
28641
28644
|
onClick: n,
|
|
28642
|
-
className:
|
|
28645
|
+
className: IS.gradientBtn
|
|
28643
28646
|
});
|
|
28644
|
-
},
|
|
28647
|
+
}, RS = ({ items: e, favorites: t, titles: n, onToggleFavorite: r, onUseInChat: i, isPrimaryActionVisible: s, onShare: c, isPublishVisible: f, getPublishHistory: p, publishFolderItems: m, publishExpandedPaths: h, onPublishExpandedPathsChange: g, publishLoadingPaths: _, hasPublishWriteAccess: v, onPublish: y, onPublishSuccess: b, onCreatePublishFolder: x, publishTexts: S, shareOverlay: C, onFetchDetails: w, onEdit: T, onDelete: E, onLogin: D, onLogout: O, onCreateClick: k, createOptions: A, hideCreateButton: j = !1, hidePageTitle: M = !1, selectedItemId: N, onCardClick: ee, isLoading: te, styles: ne, detailsTexts: re, initialDetailsItemId: ie }) => {
|
|
28645
28648
|
let { typography: ae } = ne ?? {}, F = qb(ne), I = n?.pageTitle ?? "Catalog", z = n?.createLabel ?? "Create", oe = n?.favoritesTitle ?? "Your favorites", se = n?.browseTitle ?? "Browse", ce = n?.searchPlaceholder ?? "Search models, tools, agents…", le = n?.noResultsTitle ?? ((e) => `No results for "${e}"`), ue = n?.featuredLabel ?? "Featured", de = n?.gridViewLabel ?? "Grid view", fe = n?.listViewLabel ?? "List view", pe = n?.ariaLabel ?? "Catalog", me = [
|
|
28646
28649
|
{
|
|
28647
28650
|
value: je.RecentlyUpdated,
|
|
@@ -28725,17 +28728,17 @@ var xx = {
|
|
|
28725
28728
|
children: /* @__PURE__ */ L(P, {})
|
|
28726
28729
|
}) : /* @__PURE__ */ R("section", {
|
|
28727
28730
|
"aria-label": pe,
|
|
28728
|
-
className: G("flex min-h-0 flex-1 flex-col",
|
|
28731
|
+
className: G("flex min-h-0 flex-1 flex-col", FS.root),
|
|
28729
28732
|
style: F,
|
|
28730
28733
|
children: [
|
|
28731
28734
|
(!M || !j) && /* @__PURE__ */ L("div", {
|
|
28732
|
-
className: G("shrink-0",
|
|
28735
|
+
className: G("shrink-0", FS.heading),
|
|
28733
28736
|
children: /* @__PURE__ */ R("div", {
|
|
28734
28737
|
className: "flex h-[64px] w-full items-center justify-between px-8",
|
|
28735
28738
|
children: [!M && /* @__PURE__ */ L("h1", {
|
|
28736
|
-
className: G(ae?.pageHeadingFontClassName ?? "dial-display2-text",
|
|
28739
|
+
className: G(ae?.pageHeadingFontClassName ?? "dial-display2-text", FS.headingTitle),
|
|
28737
28740
|
children: I
|
|
28738
|
-
}), !j && /* @__PURE__ */ L(
|
|
28741
|
+
}), !j && /* @__PURE__ */ L(LS, {
|
|
28739
28742
|
label: z,
|
|
28740
28743
|
options: A,
|
|
28741
28744
|
onClick: k
|
|
@@ -28747,7 +28750,7 @@ var xx = {
|
|
|
28747
28750
|
children: [
|
|
28748
28751
|
Me && /* @__PURE__ */ L("div", {
|
|
28749
28752
|
className: "w-full px-8",
|
|
28750
|
-
children: /* @__PURE__ */ L(
|
|
28753
|
+
children: /* @__PURE__ */ L(pS, {
|
|
28751
28754
|
items: t,
|
|
28752
28755
|
totalCount: t.length,
|
|
28753
28756
|
title: oe,
|
|
@@ -28760,7 +28763,7 @@ var xx = {
|
|
|
28760
28763
|
}),
|
|
28761
28764
|
/* @__PURE__ */ L("div", {
|
|
28762
28765
|
className: "w-full px-4 pt-6",
|
|
28763
|
-
children: /* @__PURE__ */ L(
|
|
28766
|
+
children: /* @__PURE__ */ L(PS, {
|
|
28764
28767
|
totalCount: at.length,
|
|
28765
28768
|
viewMode: ge,
|
|
28766
28769
|
onViewModeChange: ct,
|
|
@@ -28813,7 +28816,7 @@ var xx = {
|
|
|
28813
28816
|
})
|
|
28814
28817
|
}), ve && ge === Le.List && /* @__PURE__ */ L("div", {
|
|
28815
28818
|
className: "pb-8",
|
|
28816
|
-
children: /* @__PURE__ */ L(
|
|
28819
|
+
children: /* @__PURE__ */ L(ES, {
|
|
28817
28820
|
items: ot,
|
|
28818
28821
|
query: B,
|
|
28819
28822
|
ariaLabel: pe,
|
|
@@ -28828,7 +28831,7 @@ var xx = {
|
|
|
28828
28831
|
})
|
|
28829
28832
|
]
|
|
28830
28833
|
}),
|
|
28831
|
-
tt != null && /* @__PURE__ */ L(
|
|
28834
|
+
tt != null && /* @__PURE__ */ L(cS, {
|
|
28832
28835
|
item: tt,
|
|
28833
28836
|
isOpen: ze,
|
|
28834
28837
|
isStarred: st,
|
|
@@ -28860,4 +28863,4 @@ var xx = {
|
|
|
28860
28863
|
});
|
|
28861
28864
|
};
|
|
28862
28865
|
//#endregion
|
|
28863
|
-
export { dx as Card, px as CardGrid, fx as CardRowRenderer,
|
|
28866
|
+
export { dx as Card, px as CardGrid, fx as CardRowRenderer, RS as Catalog, ke as CatalogDetailsTab, V as CatalogEntityType, je as CatalogSortKey, Le as CatalogViewMode, Oe as CodeLanguage, Ne as CredentialStatus, ex as CredentialsBadge, Ie as CredentialsBadgeState, Pe as CredentialsLevel, Fe as CredentialsUiState, gS as EntityBadge, Ae as EntityTag, uS as FavoriteCard, pS as Favorites, AS as Filter, ix as FolderPath, ES as ListView, Re as PublishCalloutKind, Tx as PublishFoldersTree, vx as PublishFooter, Ex as PublishHistoryList, Dx as PublishPanel, PS as Toolbar, Me as ToolsetAuthenticationType, cx as TopicTag, Ye as collectFolderKeys, Ge as derivePublishState, He as filterCatalogItems, Je as filterFolderTree, qe as formatPublishedDate, rt as getCredentialsBadgeState, nt as getCredentialsUiState, it as getSignedInLevel, Ue as sortCatalogItems, We as useFavColumns, Xb as useScrollVirtualizer };
|