@industry-theme/principal-view-panels 0.1.6 → 0.1.8
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/dist/panels.bundle.js +396 -1522
- package/dist/panels.bundle.js.map +1 -1
- package/package.json +2 -2
package/dist/panels.bundle.js
CHANGED
|
@@ -13,9 +13,32 @@
|
|
|
13
13
|
var __defProp = Object.defineProperty;
|
|
14
14
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
15
15
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
16
|
+
import require$$0, { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
16
17
|
import React2, { createContext, useContext, forwardRef, createElement, useRef, useState, useCallback, useEffect, useMemo } from "react";
|
|
17
|
-
import require$$0 from "react/jsx-runtime";
|
|
18
18
|
import require$$2 from "react-dom";
|
|
19
|
+
var ThemeContext;
|
|
20
|
+
var getThemeContext = () => {
|
|
21
|
+
if (typeof window !== "undefined") {
|
|
22
|
+
const globalWindow = window;
|
|
23
|
+
if (!globalWindow.__principlemd_theme_context__) {
|
|
24
|
+
globalWindow.__principlemd_theme_context__ = createContext(void 0);
|
|
25
|
+
}
|
|
26
|
+
return globalWindow.__principlemd_theme_context__;
|
|
27
|
+
} else {
|
|
28
|
+
if (!ThemeContext) {
|
|
29
|
+
ThemeContext = createContext(void 0);
|
|
30
|
+
}
|
|
31
|
+
return ThemeContext;
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
var ThemeContextSingleton = getThemeContext();
|
|
35
|
+
var useTheme = () => {
|
|
36
|
+
const context = useContext(ThemeContextSingleton);
|
|
37
|
+
if (!context) {
|
|
38
|
+
throw new Error("useTheme must be used within a ThemeProvider");
|
|
39
|
+
}
|
|
40
|
+
return context;
|
|
41
|
+
};
|
|
19
42
|
function getAugmentedNamespace(n) {
|
|
20
43
|
if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
|
|
21
44
|
var f = n.default;
|
|
@@ -40,59 +63,6 @@ function getAugmentedNamespace(n) {
|
|
|
40
63
|
});
|
|
41
64
|
return a2;
|
|
42
65
|
}
|
|
43
|
-
var jsxDevRuntime = { exports: {} };
|
|
44
|
-
var reactJsxDevRuntime_production = {};
|
|
45
|
-
/**
|
|
46
|
-
* @license React
|
|
47
|
-
* react-jsx-dev-runtime.production.js
|
|
48
|
-
*
|
|
49
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
50
|
-
*
|
|
51
|
-
* This source code is licensed under the MIT license found in the
|
|
52
|
-
* LICENSE file in the root directory of this source tree.
|
|
53
|
-
*/
|
|
54
|
-
var hasRequiredReactJsxDevRuntime_production;
|
|
55
|
-
function requireReactJsxDevRuntime_production() {
|
|
56
|
-
if (hasRequiredReactJsxDevRuntime_production) return reactJsxDevRuntime_production;
|
|
57
|
-
hasRequiredReactJsxDevRuntime_production = 1;
|
|
58
|
-
var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
|
|
59
|
-
reactJsxDevRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
|
|
60
|
-
reactJsxDevRuntime_production.jsxDEV = void 0;
|
|
61
|
-
return reactJsxDevRuntime_production;
|
|
62
|
-
}
|
|
63
|
-
var hasRequiredJsxDevRuntime;
|
|
64
|
-
function requireJsxDevRuntime() {
|
|
65
|
-
if (hasRequiredJsxDevRuntime) return jsxDevRuntime.exports;
|
|
66
|
-
hasRequiredJsxDevRuntime = 1;
|
|
67
|
-
{
|
|
68
|
-
jsxDevRuntime.exports = requireReactJsxDevRuntime_production();
|
|
69
|
-
}
|
|
70
|
-
return jsxDevRuntime.exports;
|
|
71
|
-
}
|
|
72
|
-
var jsxDevRuntimeExports = requireJsxDevRuntime();
|
|
73
|
-
var ThemeContext;
|
|
74
|
-
var getThemeContext = () => {
|
|
75
|
-
if (typeof window !== "undefined") {
|
|
76
|
-
const globalWindow = window;
|
|
77
|
-
if (!globalWindow.__principlemd_theme_context__) {
|
|
78
|
-
globalWindow.__principlemd_theme_context__ = createContext(void 0);
|
|
79
|
-
}
|
|
80
|
-
return globalWindow.__principlemd_theme_context__;
|
|
81
|
-
} else {
|
|
82
|
-
if (!ThemeContext) {
|
|
83
|
-
ThemeContext = createContext(void 0);
|
|
84
|
-
}
|
|
85
|
-
return ThemeContext;
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
var ThemeContextSingleton = getThemeContext();
|
|
89
|
-
var useTheme = () => {
|
|
90
|
-
const context = useContext(ThemeContextSingleton);
|
|
91
|
-
if (!context) {
|
|
92
|
-
throw new Error("useTheme must be used within a ThemeProvider");
|
|
93
|
-
}
|
|
94
|
-
return context;
|
|
95
|
-
};
|
|
96
66
|
var dist$1 = {};
|
|
97
67
|
var GraphRenderer = {};
|
|
98
68
|
var umd$1 = { exports: {} };
|
|
@@ -53202,7 +53172,7 @@ function applySugiyamaLayout(canvas, options = {}) {
|
|
|
53202
53172
|
}
|
|
53203
53173
|
}
|
|
53204
53174
|
const ErrorStateContent = ({ theme, error, onRetry }) => {
|
|
53205
|
-
return /* @__PURE__ */
|
|
53175
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
53206
53176
|
display: "flex",
|
|
53207
53177
|
flexDirection: "column",
|
|
53208
53178
|
alignItems: "center",
|
|
@@ -53214,22 +53184,10 @@ const ErrorStateContent = ({ theme, error, onRetry }) => {
|
|
|
53214
53184
|
fontFamily: theme.fonts.body,
|
|
53215
53185
|
textAlign: "center"
|
|
53216
53186
|
}, children: [
|
|
53217
|
-
/* @__PURE__ */
|
|
53218
|
-
|
|
53219
|
-
|
|
53220
|
-
|
|
53221
|
-
}, void 0),
|
|
53222
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h3", { style: { marginTop: theme.space[3], marginBottom: theme.space[2] }, children: "Configuration Error" }, void 0, false, {
|
|
53223
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
|
|
53224
|
-
lineNumber: 30,
|
|
53225
|
-
columnNumber: 7
|
|
53226
|
-
}, void 0),
|
|
53227
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("p", { style: { color: theme.colors.textMuted, marginTop: theme.space[2], maxWidth: "400px" }, children: error }, void 0, false, {
|
|
53228
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
|
|
53229
|
-
lineNumber: 33,
|
|
53230
|
-
columnNumber: 7
|
|
53231
|
-
}, void 0),
|
|
53232
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
53187
|
+
/* @__PURE__ */ jsx(CircleAlert, { size: 48 }),
|
|
53188
|
+
/* @__PURE__ */ jsx("h3", { style: { marginTop: theme.space[3], marginBottom: theme.space[2] }, children: "Configuration Error" }),
|
|
53189
|
+
/* @__PURE__ */ jsx("p", { style: { color: theme.colors.textMuted, marginTop: theme.space[2], maxWidth: "400px" }, children: error }),
|
|
53190
|
+
/* @__PURE__ */ jsx(
|
|
53233
53191
|
"button",
|
|
53234
53192
|
{
|
|
53235
53193
|
onClick: onRetry,
|
|
@@ -53245,24 +53203,12 @@ const ErrorStateContent = ({ theme, error, onRetry }) => {
|
|
|
53245
53203
|
fontSize: theme.fontSizes[2]
|
|
53246
53204
|
},
|
|
53247
53205
|
children: "Retry"
|
|
53248
|
-
}
|
|
53249
|
-
void 0,
|
|
53250
|
-
false,
|
|
53251
|
-
{
|
|
53252
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
|
|
53253
|
-
lineNumber: 36,
|
|
53254
|
-
columnNumber: 7
|
|
53255
|
-
},
|
|
53256
|
-
void 0
|
|
53206
|
+
}
|
|
53257
53207
|
)
|
|
53258
|
-
] }
|
|
53259
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
|
|
53260
|
-
lineNumber: 17,
|
|
53261
|
-
columnNumber: 5
|
|
53262
|
-
}, void 0);
|
|
53208
|
+
] });
|
|
53263
53209
|
};
|
|
53264
53210
|
const EmptyStateContent = ({ theme }) => {
|
|
53265
|
-
return /* @__PURE__ */
|
|
53211
|
+
return /* @__PURE__ */ jsx("div", { style: {
|
|
53266
53212
|
display: "flex",
|
|
53267
53213
|
flexDirection: "column",
|
|
53268
53214
|
alignItems: "center",
|
|
@@ -53275,7 +53221,7 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53275
53221
|
fontFamily: theme.fonts.body,
|
|
53276
53222
|
textAlign: "center",
|
|
53277
53223
|
boxSizing: "border-box"
|
|
53278
|
-
}, children: /* @__PURE__ */
|
|
53224
|
+
}, children: /* @__PURE__ */ jsxs("div", { style: {
|
|
53279
53225
|
maxWidth: "800px",
|
|
53280
53226
|
width: "100%",
|
|
53281
53227
|
paddingTop: theme.space[4],
|
|
@@ -53284,34 +53230,22 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53284
53230
|
flexDirection: "column",
|
|
53285
53231
|
alignItems: "center"
|
|
53286
53232
|
}, children: [
|
|
53287
|
-
/* @__PURE__ */
|
|
53288
|
-
|
|
53289
|
-
lineNumber: 39,
|
|
53290
|
-
columnNumber: 9
|
|
53291
|
-
}, void 0),
|
|
53292
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h2", { style: {
|
|
53233
|
+
/* @__PURE__ */ jsx(FileText, { size: 48, color: theme.colors.primary, style: { marginBottom: theme.space[3] } }),
|
|
53234
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
53293
53235
|
margin: 0,
|
|
53294
53236
|
marginBottom: theme.space[3],
|
|
53295
53237
|
fontSize: theme.fontSizes[4],
|
|
53296
53238
|
fontWeight: theme.fontWeights.bold,
|
|
53297
53239
|
color: theme.colors.text
|
|
53298
|
-
}, children: "Principal View Graph Panel" },
|
|
53299
|
-
|
|
53300
|
-
lineNumber: 41,
|
|
53301
|
-
columnNumber: 9
|
|
53302
|
-
}, void 0),
|
|
53303
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("p", { style: {
|
|
53240
|
+
}, children: "Principal View Graph Panel" }),
|
|
53241
|
+
/* @__PURE__ */ jsx("p", { style: {
|
|
53304
53242
|
margin: 0,
|
|
53305
53243
|
marginBottom: theme.space[2],
|
|
53306
53244
|
fontSize: theme.fontSizes[2],
|
|
53307
53245
|
color: theme.colors.textSecondary,
|
|
53308
53246
|
lineHeight: 1.6
|
|
53309
|
-
}, children: "This panel visualizes your project's component architecture and validation flows using a declarative YAML configuration file." },
|
|
53310
|
-
|
|
53311
|
-
lineNumber: 51,
|
|
53312
|
-
columnNumber: 9
|
|
53313
|
-
}, void 0),
|
|
53314
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
53247
|
+
}, children: "This panel visualizes your project's component architecture and validation flows using a declarative YAML configuration file." }),
|
|
53248
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
53315
53249
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
53316
53250
|
borderRadius: theme.radii[2],
|
|
53317
53251
|
padding: theme.space[3],
|
|
@@ -53321,19 +53255,15 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53321
53255
|
maxWidth: "600px",
|
|
53322
53256
|
border: `1px solid ${theme.colors.border}`
|
|
53323
53257
|
}, children: [
|
|
53324
|
-
/* @__PURE__ */
|
|
53258
|
+
/* @__PURE__ */ jsx("h3", { style: {
|
|
53325
53259
|
margin: 0,
|
|
53326
53260
|
marginBottom: theme.space[2],
|
|
53327
53261
|
fontSize: theme.fontSizes[2],
|
|
53328
53262
|
fontWeight: theme.fontWeights.medium,
|
|
53329
53263
|
color: theme.colors.text,
|
|
53330
53264
|
textAlign: "left"
|
|
53331
|
-
}, children: "What you'll see:" },
|
|
53332
|
-
|
|
53333
|
-
lineNumber: 72,
|
|
53334
|
-
columnNumber: 11
|
|
53335
|
-
}, void 0),
|
|
53336
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("ul", { style: {
|
|
53265
|
+
}, children: "What you'll see:" }),
|
|
53266
|
+
/* @__PURE__ */ jsxs("ul", { style: {
|
|
53337
53267
|
margin: 0,
|
|
53338
53268
|
padding: 0,
|
|
53339
53269
|
listStyle: "none",
|
|
@@ -53341,102 +53271,42 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53341
53271
|
color: theme.colors.textSecondary,
|
|
53342
53272
|
fontSize: theme.fontSizes[1]
|
|
53343
53273
|
}, children: [
|
|
53344
|
-
/* @__PURE__ */
|
|
53345
|
-
/* @__PURE__ */
|
|
53346
|
-
|
|
53347
|
-
|
|
53348
|
-
|
|
53349
|
-
},
|
|
53350
|
-
/* @__PURE__ */
|
|
53351
|
-
|
|
53352
|
-
|
|
53353
|
-
|
|
53354
|
-
|
|
53355
|
-
] },
|
|
53356
|
-
|
|
53357
|
-
|
|
53358
|
-
|
|
53359
|
-
}
|
|
53360
|
-
|
|
53361
|
-
|
|
53362
|
-
|
|
53363
|
-
lineNumber: 96,
|
|
53364
|
-
columnNumber: 15
|
|
53365
|
-
}, void 0),
|
|
53366
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Path-based validation rules and dependencies" }, void 0, false, {
|
|
53367
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53368
|
-
lineNumber: 97,
|
|
53369
|
-
columnNumber: 15
|
|
53370
|
-
}, void 0)
|
|
53371
|
-
] }, void 0, true, {
|
|
53372
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53373
|
-
lineNumber: 95,
|
|
53374
|
-
columnNumber: 13
|
|
53375
|
-
}, void 0),
|
|
53376
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
|
|
53377
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
|
|
53378
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53379
|
-
lineNumber: 100,
|
|
53380
|
-
columnNumber: 15
|
|
53381
|
-
}, void 0),
|
|
53382
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Visual feedback on component structure and integration points" }, void 0, false, {
|
|
53383
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53384
|
-
lineNumber: 101,
|
|
53385
|
-
columnNumber: 15
|
|
53386
|
-
}, void 0)
|
|
53387
|
-
] }, void 0, true, {
|
|
53388
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53389
|
-
lineNumber: 99,
|
|
53390
|
-
columnNumber: 13
|
|
53391
|
-
}, void 0),
|
|
53392
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
|
|
53393
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
|
|
53394
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53395
|
-
lineNumber: 104,
|
|
53396
|
-
columnNumber: 15
|
|
53397
|
-
}, void 0),
|
|
53398
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Customizable layouts and themes" }, void 0, false, {
|
|
53399
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53400
|
-
lineNumber: 105,
|
|
53401
|
-
columnNumber: 15
|
|
53402
|
-
}, void 0)
|
|
53403
|
-
] }, void 0, true, {
|
|
53404
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53405
|
-
lineNumber: 103,
|
|
53406
|
-
columnNumber: 13
|
|
53407
|
-
}, void 0)
|
|
53408
|
-
] }, void 0, true, {
|
|
53409
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53410
|
-
lineNumber: 83,
|
|
53411
|
-
columnNumber: 11
|
|
53412
|
-
}, void 0)
|
|
53413
|
-
] }, void 0, true, {
|
|
53414
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53415
|
-
lineNumber: 62,
|
|
53416
|
-
columnNumber: 9
|
|
53417
|
-
}, void 0),
|
|
53418
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
53274
|
+
/* @__PURE__ */ jsxs("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
|
|
53275
|
+
/* @__PURE__ */ jsx("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }),
|
|
53276
|
+
/* @__PURE__ */ jsx("span", { children: "Interactive graph of your components and their relationships" })
|
|
53277
|
+
] }),
|
|
53278
|
+
/* @__PURE__ */ jsxs("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
|
|
53279
|
+
/* @__PURE__ */ jsx("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }),
|
|
53280
|
+
/* @__PURE__ */ jsx("span", { children: "Path-based validation rules and dependencies" })
|
|
53281
|
+
] }),
|
|
53282
|
+
/* @__PURE__ */ jsxs("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
|
|
53283
|
+
/* @__PURE__ */ jsx("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }),
|
|
53284
|
+
/* @__PURE__ */ jsx("span", { children: "Visual feedback on component structure and integration points" })
|
|
53285
|
+
] }),
|
|
53286
|
+
/* @__PURE__ */ jsxs("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
|
|
53287
|
+
/* @__PURE__ */ jsx("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }),
|
|
53288
|
+
/* @__PURE__ */ jsx("span", { children: "Customizable layouts and themes" })
|
|
53289
|
+
] })
|
|
53290
|
+
] })
|
|
53291
|
+
] }),
|
|
53292
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
53419
53293
|
display: "flex",
|
|
53420
53294
|
flexDirection: "column",
|
|
53421
53295
|
gap: theme.space[3],
|
|
53422
53296
|
marginTop: theme.space[4]
|
|
53423
53297
|
}, children: [
|
|
53424
|
-
/* @__PURE__ */
|
|
53298
|
+
/* @__PURE__ */ jsx("h3", { style: {
|
|
53425
53299
|
margin: 0,
|
|
53426
53300
|
fontSize: theme.fontSizes[2],
|
|
53427
53301
|
fontWeight: theme.fontWeights.medium,
|
|
53428
53302
|
color: theme.colors.text
|
|
53429
|
-
}, children: "Get Started" },
|
|
53430
|
-
|
|
53431
|
-
lineNumber: 116,
|
|
53432
|
-
columnNumber: 11
|
|
53433
|
-
}, void 0),
|
|
53434
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
53303
|
+
}, children: "Get Started" }),
|
|
53304
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
53435
53305
|
display: "flex",
|
|
53436
53306
|
flexDirection: "column",
|
|
53437
53307
|
gap: theme.space[2]
|
|
53438
53308
|
}, children: [
|
|
53439
|
-
/* @__PURE__ */
|
|
53309
|
+
/* @__PURE__ */ jsxs(
|
|
53440
53310
|
"a",
|
|
53441
53311
|
{
|
|
53442
53312
|
href: "https://github.com/principal-ai/principal-view-core-library/blob/main/docs/CONFIGURATION_REFERENCE.md",
|
|
@@ -53464,51 +53334,23 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53464
53334
|
e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
|
|
53465
53335
|
},
|
|
53466
53336
|
children: [
|
|
53467
|
-
/* @__PURE__ */
|
|
53468
|
-
|
|
53469
|
-
|
|
53470
|
-
columnNumber: 15
|
|
53471
|
-
}, void 0),
|
|
53472
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1 }, children: [
|
|
53473
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
53337
|
+
/* @__PURE__ */ jsx(BookOpen, { size: 20, color: theme.colors.primary, style: { flexShrink: 0 } }),
|
|
53338
|
+
/* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
|
|
53339
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
53474
53340
|
fontSize: theme.fontSizes[2],
|
|
53475
53341
|
fontWeight: theme.fontWeights.medium,
|
|
53476
53342
|
marginBottom: theme.space[1]
|
|
53477
|
-
}, children: "Configuration Reference" },
|
|
53478
|
-
|
|
53479
|
-
lineNumber: 158,
|
|
53480
|
-
columnNumber: 17
|
|
53481
|
-
}, void 0),
|
|
53482
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
53343
|
+
}, children: "Configuration Reference" }),
|
|
53344
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
53483
53345
|
fontSize: theme.fontSizes[0],
|
|
53484
53346
|
color: theme.colors.textSecondary
|
|
53485
|
-
}, children: "Learn how to create .principal-views/ configurations with path-based validation" }
|
|
53486
|
-
|
|
53487
|
-
|
|
53488
|
-
columnNumber: 17
|
|
53489
|
-
}, void 0)
|
|
53490
|
-
] }, void 0, true, {
|
|
53491
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53492
|
-
lineNumber: 157,
|
|
53493
|
-
columnNumber: 15
|
|
53494
|
-
}, void 0),
|
|
53495
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } }, void 0, false, {
|
|
53496
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53497
|
-
lineNumber: 172,
|
|
53498
|
-
columnNumber: 15
|
|
53499
|
-
}, void 0)
|
|
53347
|
+
}, children: "Learn how to create .principal-views/ configurations with path-based validation" })
|
|
53348
|
+
] }),
|
|
53349
|
+
/* @__PURE__ */ jsx(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } })
|
|
53500
53350
|
]
|
|
53501
|
-
}
|
|
53502
|
-
void 0,
|
|
53503
|
-
true,
|
|
53504
|
-
{
|
|
53505
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53506
|
-
lineNumber: 130,
|
|
53507
|
-
columnNumber: 13
|
|
53508
|
-
},
|
|
53509
|
-
void 0
|
|
53351
|
+
}
|
|
53510
53352
|
),
|
|
53511
|
-
/* @__PURE__ */
|
|
53353
|
+
/* @__PURE__ */ jsxs(
|
|
53512
53354
|
"a",
|
|
53513
53355
|
{
|
|
53514
53356
|
href: "https://www.npmjs.com/package/@principal-ai/principal-view-core",
|
|
@@ -53536,56 +53378,24 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53536
53378
|
e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
|
|
53537
53379
|
},
|
|
53538
53380
|
children: [
|
|
53539
|
-
/* @__PURE__ */
|
|
53540
|
-
|
|
53541
|
-
|
|
53542
|
-
columnNumber: 15
|
|
53543
|
-
}, void 0),
|
|
53544
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1 }, children: [
|
|
53545
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
53381
|
+
/* @__PURE__ */ jsx(FileText, { size: 20, color: theme.colors.primary, style: { flexShrink: 0 } }),
|
|
53382
|
+
/* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
|
|
53383
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
53546
53384
|
fontSize: theme.fontSizes[2],
|
|
53547
53385
|
fontWeight: theme.fontWeights.medium,
|
|
53548
53386
|
marginBottom: theme.space[1]
|
|
53549
|
-
}, children: "NPM Package Documentation" },
|
|
53550
|
-
|
|
53551
|
-
lineNumber: 203,
|
|
53552
|
-
columnNumber: 17
|
|
53553
|
-
}, void 0),
|
|
53554
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
53387
|
+
}, children: "NPM Package Documentation" }),
|
|
53388
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
53555
53389
|
fontSize: theme.fontSizes[0],
|
|
53556
53390
|
color: theme.colors.textSecondary
|
|
53557
|
-
}, children: "View @principal-ai/principal-view-core on npm" }
|
|
53558
|
-
|
|
53559
|
-
|
|
53560
|
-
columnNumber: 17
|
|
53561
|
-
}, void 0)
|
|
53562
|
-
] }, void 0, true, {
|
|
53563
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53564
|
-
lineNumber: 202,
|
|
53565
|
-
columnNumber: 15
|
|
53566
|
-
}, void 0),
|
|
53567
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } }, void 0, false, {
|
|
53568
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53569
|
-
lineNumber: 217,
|
|
53570
|
-
columnNumber: 15
|
|
53571
|
-
}, void 0)
|
|
53391
|
+
}, children: "View @principal-ai/principal-view-core on npm" })
|
|
53392
|
+
] }),
|
|
53393
|
+
/* @__PURE__ */ jsx(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } })
|
|
53572
53394
|
]
|
|
53573
|
-
}
|
|
53574
|
-
void 0,
|
|
53575
|
-
true,
|
|
53576
|
-
{
|
|
53577
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53578
|
-
lineNumber: 175,
|
|
53579
|
-
columnNumber: 13
|
|
53580
|
-
},
|
|
53581
|
-
void 0
|
|
53395
|
+
}
|
|
53582
53396
|
)
|
|
53583
|
-
] },
|
|
53584
|
-
|
|
53585
|
-
lineNumber: 125,
|
|
53586
|
-
columnNumber: 11
|
|
53587
|
-
}, void 0),
|
|
53588
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("p", { style: {
|
|
53397
|
+
] }),
|
|
53398
|
+
/* @__PURE__ */ jsxs("p", { style: {
|
|
53589
53399
|
margin: 0,
|
|
53590
53400
|
fontSize: theme.fontSizes[1],
|
|
53591
53401
|
color: theme.colors.textMuted,
|
|
@@ -53593,37 +53403,17 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53593
53403
|
textAlign: "center"
|
|
53594
53404
|
}, children: [
|
|
53595
53405
|
"Once you add a ",
|
|
53596
|
-
/* @__PURE__ */
|
|
53406
|
+
/* @__PURE__ */ jsx("code", { style: {
|
|
53597
53407
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
53598
53408
|
padding: `2px ${theme.space[1]}`,
|
|
53599
53409
|
borderRadius: theme.radii[0],
|
|
53600
53410
|
fontFamily: theme.fonts.monospace,
|
|
53601
53411
|
fontSize: theme.fontSizes[0]
|
|
53602
|
-
}, children: ".principal-views/" },
|
|
53603
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53604
|
-
lineNumber: 228,
|
|
53605
|
-
columnNumber: 28
|
|
53606
|
-
}, void 0),
|
|
53412
|
+
}, children: ".principal-views/" }),
|
|
53607
53413
|
" folder with YAML configuration files to your project root, the panel will automatically visualize your configurations."
|
|
53608
|
-
] }
|
|
53609
|
-
|
|
53610
|
-
|
|
53611
|
-
columnNumber: 11
|
|
53612
|
-
}, void 0)
|
|
53613
|
-
] }, void 0, true, {
|
|
53614
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53615
|
-
lineNumber: 110,
|
|
53616
|
-
columnNumber: 9
|
|
53617
|
-
}, void 0)
|
|
53618
|
-
] }, void 0, true, {
|
|
53619
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53620
|
-
lineNumber: 30,
|
|
53621
|
-
columnNumber: 7
|
|
53622
|
-
}, void 0) }, void 0, false, {
|
|
53623
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53624
|
-
lineNumber: 16,
|
|
53625
|
-
columnNumber: 5
|
|
53626
|
-
}, void 0);
|
|
53414
|
+
] })
|
|
53415
|
+
] })
|
|
53416
|
+
] }) });
|
|
53627
53417
|
};
|
|
53628
53418
|
const DEFAULT_LAYOUT_CONFIG = {
|
|
53629
53419
|
direction: "TB",
|
|
@@ -53881,7 +53671,7 @@ const PrincipalViewGraphPanel = ({
|
|
|
53881
53671
|
return unsubscribe;
|
|
53882
53672
|
}, []);
|
|
53883
53673
|
if (state.loading) {
|
|
53884
|
-
return /* @__PURE__ */
|
|
53674
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
53885
53675
|
display: "flex",
|
|
53886
53676
|
alignItems: "center",
|
|
53887
53677
|
justifyContent: "center",
|
|
@@ -53889,63 +53679,39 @@ const PrincipalViewGraphPanel = ({
|
|
|
53889
53679
|
color: theme.colors.textMuted,
|
|
53890
53680
|
fontFamily: theme.fonts.body
|
|
53891
53681
|
}, children: [
|
|
53892
|
-
/* @__PURE__ */
|
|
53893
|
-
|
|
53894
|
-
|
|
53895
|
-
columnNumber: 9
|
|
53896
|
-
}, void 0),
|
|
53897
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { marginLeft: theme.space[2] }, children: "Loading configuration..." }, void 0, false, {
|
|
53898
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53899
|
-
lineNumber: 400,
|
|
53900
|
-
columnNumber: 9
|
|
53901
|
-
}, void 0)
|
|
53902
|
-
] }, void 0, true, {
|
|
53903
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53904
|
-
lineNumber: 391,
|
|
53905
|
-
columnNumber: 7
|
|
53906
|
-
}, void 0);
|
|
53682
|
+
/* @__PURE__ */ jsx(Loader, { size: 24, style: { animation: "spin 1s linear infinite" } }),
|
|
53683
|
+
/* @__PURE__ */ jsx("span", { style: { marginLeft: theme.space[2] }, children: "Loading configuration..." })
|
|
53684
|
+
] });
|
|
53907
53685
|
}
|
|
53908
53686
|
if (state.error) {
|
|
53909
|
-
return /* @__PURE__ */
|
|
53910
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53911
|
-
lineNumber: 406,
|
|
53912
|
-
columnNumber: 12
|
|
53913
|
-
}, void 0);
|
|
53687
|
+
return /* @__PURE__ */ jsx(ErrorStateContent, { theme, error: state.error, onRetry: () => loadConfiguration() });
|
|
53914
53688
|
}
|
|
53915
53689
|
if (!state.canvas) {
|
|
53916
|
-
return /* @__PURE__ */
|
|
53917
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53918
|
-
lineNumber: 410,
|
|
53919
|
-
columnNumber: 12
|
|
53920
|
-
}, void 0);
|
|
53690
|
+
return /* @__PURE__ */ jsx(EmptyStateContent, { theme });
|
|
53921
53691
|
}
|
|
53922
|
-
return /* @__PURE__ */
|
|
53692
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
53923
53693
|
height: "100%",
|
|
53924
53694
|
width: "100%",
|
|
53925
53695
|
display: "flex",
|
|
53926
53696
|
flexDirection: "column",
|
|
53927
53697
|
fontFamily: theme.fonts.body
|
|
53928
53698
|
}, children: [
|
|
53929
|
-
/* @__PURE__ */
|
|
53699
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
53930
53700
|
padding: "16px 20px",
|
|
53931
53701
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
53932
53702
|
backgroundColor: theme.colors.background,
|
|
53933
53703
|
flexShrink: 0
|
|
53934
53704
|
}, children: [
|
|
53935
|
-
/* @__PURE__ */
|
|
53936
|
-
/* @__PURE__ */
|
|
53937
|
-
/* @__PURE__ */
|
|
53705
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: theme.space[3] }, children: [
|
|
53706
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
|
|
53707
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
53938
53708
|
margin: 0,
|
|
53939
53709
|
fontSize: theme.fontSizes[3],
|
|
53940
53710
|
fontWeight: theme.fontWeights.medium,
|
|
53941
53711
|
color: theme.colors.text
|
|
53942
|
-
}, children: ((_a = state.canvas.pv) == null ? void 0 : _a.name) || "Untitled" },
|
|
53943
|
-
|
|
53944
|
-
|
|
53945
|
-
columnNumber: 13
|
|
53946
|
-
}, void 0),
|
|
53947
|
-
state.availableConfigs.length > 1 && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { position: "relative" }, children: [
|
|
53948
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
53712
|
+
}, children: ((_a = state.canvas.pv) == null ? void 0 : _a.name) || "Untitled" }),
|
|
53713
|
+
state.availableConfigs.length > 1 && /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
|
|
53714
|
+
/* @__PURE__ */ jsx(
|
|
53949
53715
|
"select",
|
|
53950
53716
|
{
|
|
53951
53717
|
value: state.selectedConfigId || "",
|
|
@@ -53966,22 +53732,10 @@ const PrincipalViewGraphPanel = ({
|
|
|
53966
53732
|
transition: "all 0.2s"
|
|
53967
53733
|
},
|
|
53968
53734
|
title: state.hasUnsavedChanges ? "Save or discard changes before switching configs" : void 0,
|
|
53969
|
-
children: state.availableConfigs.map((config) => /* @__PURE__ */
|
|
53970
|
-
|
|
53971
|
-
lineNumber: 464,
|
|
53972
|
-
columnNumber: 21
|
|
53973
|
-
}, void 0))
|
|
53974
|
-
},
|
|
53975
|
-
void 0,
|
|
53976
|
-
false,
|
|
53977
|
-
{
|
|
53978
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53979
|
-
lineNumber: 443,
|
|
53980
|
-
columnNumber: 17
|
|
53981
|
-
},
|
|
53982
|
-
void 0
|
|
53735
|
+
children: state.availableConfigs.map((config) => /* @__PURE__ */ jsx("option", { value: config.id, children: config.name }, config.id))
|
|
53736
|
+
}
|
|
53983
53737
|
),
|
|
53984
|
-
/* @__PURE__ */
|
|
53738
|
+
/* @__PURE__ */ jsx(
|
|
53985
53739
|
ChevronDown,
|
|
53986
53740
|
{
|
|
53987
53741
|
size: 14,
|
|
@@ -53993,28 +53747,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
53993
53747
|
pointerEvents: "none",
|
|
53994
53748
|
color: theme.colors.textMuted
|
|
53995
53749
|
}
|
|
53996
|
-
}
|
|
53997
|
-
void 0,
|
|
53998
|
-
false,
|
|
53999
|
-
{
|
|
54000
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54001
|
-
lineNumber: 467,
|
|
54002
|
-
columnNumber: 17
|
|
54003
|
-
},
|
|
54004
|
-
void 0
|
|
53750
|
+
}
|
|
54005
53751
|
)
|
|
54006
|
-
] }
|
|
54007
|
-
|
|
54008
|
-
|
|
54009
|
-
|
|
54010
|
-
}, void 0)
|
|
54011
|
-
] }, void 0, true, {
|
|
54012
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54013
|
-
lineNumber: 430,
|
|
54014
|
-
columnNumber: 11
|
|
54015
|
-
}, void 0),
|
|
54016
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
|
|
54017
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
53752
|
+
] })
|
|
53753
|
+
] }),
|
|
53754
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
|
|
53755
|
+
/* @__PURE__ */ jsxs(
|
|
54018
53756
|
"button",
|
|
54019
53757
|
{
|
|
54020
53758
|
onClick: toggleLayoutConfig,
|
|
@@ -54035,28 +53773,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
54035
53773
|
transition: "all 0.2s"
|
|
54036
53774
|
},
|
|
54037
53775
|
children: [
|
|
54038
|
-
/* @__PURE__ */
|
|
54039
|
-
|
|
54040
|
-
lineNumber: 503,
|
|
54041
|
-
columnNumber: 15
|
|
54042
|
-
}, void 0),
|
|
54043
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Auto Layout" }, void 0, false, {
|
|
54044
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54045
|
-
lineNumber: 504,
|
|
54046
|
-
columnNumber: 15
|
|
54047
|
-
}, void 0)
|
|
53776
|
+
/* @__PURE__ */ jsx(LayoutGrid, { size: 14 }),
|
|
53777
|
+
/* @__PURE__ */ jsx("span", { children: "Auto Layout" })
|
|
54048
53778
|
]
|
|
54049
|
-
}
|
|
54050
|
-
void 0,
|
|
54051
|
-
true,
|
|
54052
|
-
{
|
|
54053
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54054
|
-
lineNumber: 484,
|
|
54055
|
-
columnNumber: 13
|
|
54056
|
-
},
|
|
54057
|
-
void 0
|
|
53779
|
+
}
|
|
54058
53780
|
),
|
|
54059
|
-
/* @__PURE__ */
|
|
53781
|
+
/* @__PURE__ */ jsxs(
|
|
54060
53782
|
"button",
|
|
54061
53783
|
{
|
|
54062
53784
|
onClick: toggleEditMode,
|
|
@@ -54076,62 +53798,26 @@ const PrincipalViewGraphPanel = ({
|
|
|
54076
53798
|
transition: "all 0.2s"
|
|
54077
53799
|
},
|
|
54078
53800
|
children: [
|
|
54079
|
-
state.isEditMode ? /* @__PURE__ */
|
|
54080
|
-
|
|
54081
|
-
lineNumber: 526,
|
|
54082
|
-
columnNumber: 35
|
|
54083
|
-
}, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Lock, { size: 14 }, void 0, false, {
|
|
54084
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54085
|
-
lineNumber: 526,
|
|
54086
|
-
columnNumber: 58
|
|
54087
|
-
}, void 0),
|
|
54088
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: state.isEditMode ? "Editing" : "Edit" }, void 0, false, {
|
|
54089
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54090
|
-
lineNumber: 527,
|
|
54091
|
-
columnNumber: 15
|
|
54092
|
-
}, void 0)
|
|
53801
|
+
state.isEditMode ? /* @__PURE__ */ jsx(LockOpen, { size: 14 }) : /* @__PURE__ */ jsx(Lock, { size: 14 }),
|
|
53802
|
+
/* @__PURE__ */ jsx("span", { children: state.isEditMode ? "Editing" : "Edit" })
|
|
54093
53803
|
]
|
|
54094
|
-
}
|
|
54095
|
-
void 0,
|
|
54096
|
-
true,
|
|
54097
|
-
{
|
|
54098
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54099
|
-
lineNumber: 508,
|
|
54100
|
-
columnNumber: 13
|
|
54101
|
-
},
|
|
54102
|
-
void 0
|
|
53804
|
+
}
|
|
54103
53805
|
)
|
|
54104
|
-
] }
|
|
54105
|
-
|
|
54106
|
-
|
|
54107
|
-
columnNumber: 11
|
|
54108
|
-
}, void 0)
|
|
54109
|
-
] }, void 0, true, {
|
|
54110
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54111
|
-
lineNumber: 429,
|
|
54112
|
-
columnNumber: 9
|
|
54113
|
-
}, void 0),
|
|
54114
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
53806
|
+
] })
|
|
53807
|
+
] }),
|
|
53808
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
54115
53809
|
display: "flex",
|
|
54116
53810
|
alignItems: "center",
|
|
54117
53811
|
gap: theme.space[2],
|
|
54118
53812
|
marginTop: theme.space[2]
|
|
54119
|
-
}, children: state.isEditMode && state.hasUnsavedChanges ? /* @__PURE__ */
|
|
54120
|
-
/* @__PURE__ */
|
|
53813
|
+
}, children: state.isEditMode && state.hasUnsavedChanges ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53814
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
54121
53815
|
fontSize: theme.fontSizes[1],
|
|
54122
53816
|
color: theme.colors.warning || "#f59e0b",
|
|
54123
53817
|
fontStyle: "italic"
|
|
54124
|
-
}, children: "Unsaved changes" },
|
|
54125
|
-
|
|
54126
|
-
|
|
54127
|
-
columnNumber: 15
|
|
54128
|
-
}, void 0),
|
|
54129
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1 } }, void 0, false, {
|
|
54130
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54131
|
-
lineNumber: 551,
|
|
54132
|
-
columnNumber: 15
|
|
54133
|
-
}, void 0),
|
|
54134
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
53818
|
+
}, children: "Unsaved changes" }),
|
|
53819
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
|
|
53820
|
+
/* @__PURE__ */ jsxs(
|
|
54135
53821
|
"button",
|
|
54136
53822
|
{
|
|
54137
53823
|
onClick: saveAllChanges,
|
|
@@ -54152,32 +53838,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
54152
53838
|
transition: "all 0.2s"
|
|
54153
53839
|
},
|
|
54154
53840
|
children: [
|
|
54155
|
-
state.isSaving ? /* @__PURE__ */
|
|
54156
|
-
|
|
54157
|
-
lineNumber: 574,
|
|
54158
|
-
columnNumber: 19
|
|
54159
|
-
}, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Save, { size: 14 }, void 0, false, {
|
|
54160
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54161
|
-
lineNumber: 576,
|
|
54162
|
-
columnNumber: 19
|
|
54163
|
-
}, void 0),
|
|
54164
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Save" }, void 0, false, {
|
|
54165
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54166
|
-
lineNumber: 578,
|
|
54167
|
-
columnNumber: 17
|
|
54168
|
-
}, void 0)
|
|
53841
|
+
state.isSaving ? /* @__PURE__ */ jsx(Loader, { size: 14, style: { animation: "spin 1s linear infinite" } }) : /* @__PURE__ */ jsx(Save, { size: 14 }),
|
|
53842
|
+
/* @__PURE__ */ jsx("span", { children: "Save" })
|
|
54169
53843
|
]
|
|
54170
|
-
}
|
|
54171
|
-
void 0,
|
|
54172
|
-
true,
|
|
54173
|
-
{
|
|
54174
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54175
|
-
lineNumber: 554,
|
|
54176
|
-
columnNumber: 15
|
|
54177
|
-
},
|
|
54178
|
-
void 0
|
|
53844
|
+
}
|
|
54179
53845
|
),
|
|
54180
|
-
/* @__PURE__ */
|
|
53846
|
+
/* @__PURE__ */ jsxs(
|
|
54181
53847
|
"button",
|
|
54182
53848
|
{
|
|
54183
53849
|
onClick: discardChanges,
|
|
@@ -54198,71 +53864,23 @@ const PrincipalViewGraphPanel = ({
|
|
|
54198
53864
|
transition: "all 0.2s"
|
|
54199
53865
|
},
|
|
54200
53866
|
children: [
|
|
54201
|
-
/* @__PURE__ */
|
|
54202
|
-
|
|
54203
|
-
lineNumber: 601,
|
|
54204
|
-
columnNumber: 17
|
|
54205
|
-
}, void 0),
|
|
54206
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Discard" }, void 0, false, {
|
|
54207
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54208
|
-
lineNumber: 602,
|
|
54209
|
-
columnNumber: 17
|
|
54210
|
-
}, void 0)
|
|
53867
|
+
/* @__PURE__ */ jsx(X$1, { size: 14 }),
|
|
53868
|
+
/* @__PURE__ */ jsx("span", { children: "Discard" })
|
|
54211
53869
|
]
|
|
54212
|
-
}
|
|
54213
|
-
void 0,
|
|
54214
|
-
true,
|
|
54215
|
-
{
|
|
54216
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54217
|
-
lineNumber: 582,
|
|
54218
|
-
columnNumber: 15
|
|
54219
|
-
},
|
|
54220
|
-
void 0
|
|
53870
|
+
}
|
|
54221
53871
|
)
|
|
54222
|
-
] }
|
|
54223
|
-
|
|
54224
|
-
lineNumber: 540,
|
|
54225
|
-
columnNumber: 13
|
|
54226
|
-
}, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
|
|
54227
|
-
((_b = state.canvas.pv) == null ? void 0 : _b.version) && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: [
|
|
53872
|
+
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53873
|
+
((_b = state.canvas.pv) == null ? void 0 : _b.version) && /* @__PURE__ */ jsxs("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: [
|
|
54228
53874
|
"v",
|
|
54229
53875
|
state.canvas.pv.version
|
|
54230
|
-
] },
|
|
54231
|
-
|
|
54232
|
-
|
|
54233
|
-
|
|
54234
|
-
}
|
|
54235
|
-
|
|
54236
|
-
|
|
54237
|
-
|
|
54238
|
-
lineNumber: 614,
|
|
54239
|
-
columnNumber: 48
|
|
54240
|
-
}, void 0),
|
|
54241
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: state.canvas.pv.description }, void 0, false, {
|
|
54242
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54243
|
-
lineNumber: 615,
|
|
54244
|
-
columnNumber: 19
|
|
54245
|
-
}, void 0)
|
|
54246
|
-
] }, void 0, true, {
|
|
54247
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54248
|
-
lineNumber: 613,
|
|
54249
|
-
columnNumber: 17
|
|
54250
|
-
}, void 0)
|
|
54251
|
-
] }, void 0, true, {
|
|
54252
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54253
|
-
lineNumber: 606,
|
|
54254
|
-
columnNumber: 13
|
|
54255
|
-
}, void 0) }, void 0, false, {
|
|
54256
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54257
|
-
lineNumber: 533,
|
|
54258
|
-
columnNumber: 9
|
|
54259
|
-
}, void 0)
|
|
54260
|
-
] }, void 0, true, {
|
|
54261
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54262
|
-
lineNumber: 422,
|
|
54263
|
-
columnNumber: 7
|
|
54264
|
-
}, void 0),
|
|
54265
|
-
state.showLayoutConfig && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
53876
|
+
] }),
|
|
53877
|
+
((_c = state.canvas.pv) == null ? void 0 : _c.description) && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53878
|
+
((_d = state.canvas.pv) == null ? void 0 : _d.version) && /* @__PURE__ */ jsx("span", { style: { color: theme.colors.textMuted }, children: "•" }),
|
|
53879
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: state.canvas.pv.description })
|
|
53880
|
+
] })
|
|
53881
|
+
] }) })
|
|
53882
|
+
] }),
|
|
53883
|
+
state.showLayoutConfig && /* @__PURE__ */ jsxs("div", { style: {
|
|
54266
53884
|
padding: `${theme.space[3]}px 20px`,
|
|
54267
53885
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
54268
53886
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
@@ -54271,17 +53889,13 @@ const PrincipalViewGraphPanel = ({
|
|
|
54271
53889
|
gap: theme.space[4],
|
|
54272
53890
|
flexWrap: "wrap"
|
|
54273
53891
|
}, children: [
|
|
54274
|
-
/* @__PURE__ */
|
|
54275
|
-
/* @__PURE__ */
|
|
53892
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
53893
|
+
/* @__PURE__ */ jsx("label", { style: {
|
|
54276
53894
|
fontSize: theme.fontSizes[1],
|
|
54277
53895
|
color: theme.colors.textMuted,
|
|
54278
53896
|
fontWeight: theme.fontWeights.medium
|
|
54279
|
-
}, children: "Direction" },
|
|
54280
|
-
|
|
54281
|
-
lineNumber: 638,
|
|
54282
|
-
columnNumber: 13
|
|
54283
|
-
}, void 0),
|
|
54284
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", gap: theme.space[1] }, children: ["TB", "BT", "LR", "RL"].map((dir) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
53897
|
+
}, children: "Direction" }),
|
|
53898
|
+
/* @__PURE__ */ jsx("div", { style: { display: "flex", gap: theme.space[1] }, children: ["TB", "BT", "LR", "RL"].map((dir) => /* @__PURE__ */ jsx(
|
|
54285
53899
|
"button",
|
|
54286
53900
|
{
|
|
54287
53901
|
onClick: () => updateLayoutConfig({ direction: dir }),
|
|
@@ -54304,35 +53918,16 @@ const PrincipalViewGraphPanel = ({
|
|
|
54304
53918
|
},
|
|
54305
53919
|
children: dir
|
|
54306
53920
|
},
|
|
54307
|
-
dir
|
|
54308
|
-
|
|
54309
|
-
|
|
54310
|
-
|
|
54311
|
-
|
|
54312
|
-
columnNumber: 17
|
|
54313
|
-
},
|
|
54314
|
-
void 0
|
|
54315
|
-
)) }, void 0, false, {
|
|
54316
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54317
|
-
lineNumber: 645,
|
|
54318
|
-
columnNumber: 13
|
|
54319
|
-
}, void 0)
|
|
54320
|
-
] }, void 0, true, {
|
|
54321
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54322
|
-
lineNumber: 637,
|
|
54323
|
-
columnNumber: 11
|
|
54324
|
-
}, void 0),
|
|
54325
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
54326
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { style: {
|
|
53921
|
+
dir
|
|
53922
|
+
)) })
|
|
53923
|
+
] }),
|
|
53924
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
53925
|
+
/* @__PURE__ */ jsx("label", { style: {
|
|
54327
53926
|
fontSize: theme.fontSizes[1],
|
|
54328
53927
|
color: theme.colors.textMuted,
|
|
54329
53928
|
fontWeight: theme.fontWeights.medium
|
|
54330
|
-
}, children: "H-Spacing" },
|
|
54331
|
-
|
|
54332
|
-
lineNumber: 676,
|
|
54333
|
-
columnNumber: 13
|
|
54334
|
-
}, void 0),
|
|
54335
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
53929
|
+
}, children: "H-Spacing" }),
|
|
53930
|
+
/* @__PURE__ */ jsx(
|
|
54336
53931
|
"input",
|
|
54337
53932
|
{
|
|
54338
53933
|
type: "range",
|
|
@@ -54342,42 +53937,22 @@ const PrincipalViewGraphPanel = ({
|
|
|
54342
53937
|
value: state.layoutConfig.nodeSpacingX,
|
|
54343
53938
|
onChange: (e) => updateLayoutConfig({ nodeSpacingX: Number(e.target.value) }),
|
|
54344
53939
|
style: { width: 80, cursor: "pointer" }
|
|
54345
|
-
}
|
|
54346
|
-
void 0,
|
|
54347
|
-
false,
|
|
54348
|
-
{
|
|
54349
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54350
|
-
lineNumber: 683,
|
|
54351
|
-
columnNumber: 13
|
|
54352
|
-
},
|
|
54353
|
-
void 0
|
|
53940
|
+
}
|
|
54354
53941
|
),
|
|
54355
|
-
/* @__PURE__ */
|
|
53942
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
54356
53943
|
fontSize: theme.fontSizes[0],
|
|
54357
53944
|
color: theme.colors.textMuted,
|
|
54358
53945
|
fontFamily: theme.fonts.monospace,
|
|
54359
53946
|
minWidth: 32
|
|
54360
|
-
}, children: state.layoutConfig.nodeSpacingX }
|
|
54361
|
-
|
|
54362
|
-
|
|
54363
|
-
|
|
54364
|
-
}, void 0)
|
|
54365
|
-
] }, void 0, true, {
|
|
54366
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54367
|
-
lineNumber: 675,
|
|
54368
|
-
columnNumber: 11
|
|
54369
|
-
}, void 0),
|
|
54370
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
54371
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { style: {
|
|
53947
|
+
}, children: state.layoutConfig.nodeSpacingX })
|
|
53948
|
+
] }),
|
|
53949
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
53950
|
+
/* @__PURE__ */ jsx("label", { style: {
|
|
54372
53951
|
fontSize: theme.fontSizes[1],
|
|
54373
53952
|
color: theme.colors.textMuted,
|
|
54374
53953
|
fontWeight: theme.fontWeights.medium
|
|
54375
|
-
}, children: "V-Spacing" },
|
|
54376
|
-
|
|
54377
|
-
lineNumber: 704,
|
|
54378
|
-
columnNumber: 13
|
|
54379
|
-
}, void 0),
|
|
54380
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
53954
|
+
}, children: "V-Spacing" }),
|
|
53955
|
+
/* @__PURE__ */ jsx(
|
|
54381
53956
|
"input",
|
|
54382
53957
|
{
|
|
54383
53958
|
type: "range",
|
|
@@ -54387,37 +53962,17 @@ const PrincipalViewGraphPanel = ({
|
|
|
54387
53962
|
value: state.layoutConfig.nodeSpacingY,
|
|
54388
53963
|
onChange: (e) => updateLayoutConfig({ nodeSpacingY: Number(e.target.value) }),
|
|
54389
53964
|
style: { width: 80, cursor: "pointer" }
|
|
54390
|
-
}
|
|
54391
|
-
void 0,
|
|
54392
|
-
false,
|
|
54393
|
-
{
|
|
54394
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54395
|
-
lineNumber: 711,
|
|
54396
|
-
columnNumber: 13
|
|
54397
|
-
},
|
|
54398
|
-
void 0
|
|
53965
|
+
}
|
|
54399
53966
|
),
|
|
54400
|
-
/* @__PURE__ */
|
|
53967
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
54401
53968
|
fontSize: theme.fontSizes[0],
|
|
54402
53969
|
color: theme.colors.textMuted,
|
|
54403
53970
|
fontFamily: theme.fonts.monospace,
|
|
54404
53971
|
minWidth: 32
|
|
54405
|
-
}, children: state.layoutConfig.nodeSpacingY }
|
|
54406
|
-
|
|
54407
|
-
|
|
54408
|
-
|
|
54409
|
-
}, void 0)
|
|
54410
|
-
] }, void 0, true, {
|
|
54411
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54412
|
-
lineNumber: 703,
|
|
54413
|
-
columnNumber: 11
|
|
54414
|
-
}, void 0),
|
|
54415
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1 } }, void 0, false, {
|
|
54416
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54417
|
-
lineNumber: 731,
|
|
54418
|
-
columnNumber: 11
|
|
54419
|
-
}, void 0),
|
|
54420
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
53972
|
+
}, children: state.layoutConfig.nodeSpacingY })
|
|
53973
|
+
] }),
|
|
53974
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
|
|
53975
|
+
/* @__PURE__ */ jsxs(
|
|
54421
53976
|
"button",
|
|
54422
53977
|
{
|
|
54423
53978
|
onClick: applyAutoLayout,
|
|
@@ -54436,28 +53991,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
54436
53991
|
transition: "all 0.15s"
|
|
54437
53992
|
},
|
|
54438
53993
|
children: [
|
|
54439
|
-
/* @__PURE__ */
|
|
54440
|
-
|
|
54441
|
-
lineNumber: 751,
|
|
54442
|
-
columnNumber: 13
|
|
54443
|
-
}, void 0),
|
|
54444
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Apply Layout" }, void 0, false, {
|
|
54445
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54446
|
-
lineNumber: 752,
|
|
54447
|
-
columnNumber: 13
|
|
54448
|
-
}, void 0)
|
|
53994
|
+
/* @__PURE__ */ jsx(LayoutGrid, { size: 14 }),
|
|
53995
|
+
/* @__PURE__ */ jsx("span", { children: "Apply Layout" })
|
|
54449
53996
|
]
|
|
54450
|
-
}
|
|
54451
|
-
void 0,
|
|
54452
|
-
true,
|
|
54453
|
-
{
|
|
54454
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54455
|
-
lineNumber: 734,
|
|
54456
|
-
columnNumber: 11
|
|
54457
|
-
},
|
|
54458
|
-
void 0
|
|
53997
|
+
}
|
|
54459
53998
|
),
|
|
54460
|
-
/* @__PURE__ */
|
|
53999
|
+
/* @__PURE__ */ jsx(
|
|
54461
54000
|
"button",
|
|
54462
54001
|
{
|
|
54463
54002
|
onClick: toggleLayoutConfig,
|
|
@@ -54475,27 +54014,11 @@ const PrincipalViewGraphPanel = ({
|
|
|
54475
54014
|
cursor: "pointer",
|
|
54476
54015
|
transition: "all 0.15s"
|
|
54477
54016
|
},
|
|
54478
|
-
children: /* @__PURE__ */
|
|
54479
|
-
|
|
54480
|
-
lineNumber: 773,
|
|
54481
|
-
columnNumber: 13
|
|
54482
|
-
}, void 0)
|
|
54483
|
-
},
|
|
54484
|
-
void 0,
|
|
54485
|
-
false,
|
|
54486
|
-
{
|
|
54487
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54488
|
-
lineNumber: 756,
|
|
54489
|
-
columnNumber: 11
|
|
54490
|
-
},
|
|
54491
|
-
void 0
|
|
54017
|
+
children: /* @__PURE__ */ jsx(X$1, { size: 16 })
|
|
54018
|
+
}
|
|
54492
54019
|
)
|
|
54493
|
-
] },
|
|
54494
|
-
|
|
54495
|
-
lineNumber: 627,
|
|
54496
|
-
columnNumber: 9
|
|
54497
|
-
}, void 0),
|
|
54498
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
54020
|
+
] }),
|
|
54021
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsx(
|
|
54499
54022
|
distExports.GraphRenderer,
|
|
54500
54023
|
{
|
|
54501
54024
|
ref: graphRef,
|
|
@@ -54507,24 +54030,9 @@ const PrincipalViewGraphPanel = ({
|
|
|
54507
54030
|
editable: state.isEditMode,
|
|
54508
54031
|
onPendingChangesChange: handlePendingChangesChange
|
|
54509
54032
|
},
|
|
54510
|
-
`graph-${state.layoutVersion}
|
|
54511
|
-
|
|
54512
|
-
|
|
54513
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54514
|
-
lineNumber: 780,
|
|
54515
|
-
columnNumber: 9
|
|
54516
|
-
},
|
|
54517
|
-
void 0
|
|
54518
|
-
) }, void 0, false, {
|
|
54519
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54520
|
-
lineNumber: 779,
|
|
54521
|
-
columnNumber: 7
|
|
54522
|
-
}, void 0)
|
|
54523
|
-
] }, void 0, true, {
|
|
54524
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54525
|
-
lineNumber: 414,
|
|
54526
|
-
columnNumber: 5
|
|
54527
|
-
}, void 0);
|
|
54033
|
+
`graph-${state.layoutVersion}`
|
|
54034
|
+
) })
|
|
54035
|
+
] });
|
|
54528
54036
|
};
|
|
54529
54037
|
function applyChangesToCanvas(canvas, changes) {
|
|
54530
54038
|
var _a, _b;
|
|
@@ -54993,7 +54501,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
54993
54501
|
);
|
|
54994
54502
|
}, [state.library, state.libraryFilter]);
|
|
54995
54503
|
if (state.loading) {
|
|
54996
|
-
return /* @__PURE__ */
|
|
54504
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
54997
54505
|
height: "100%",
|
|
54998
54506
|
width: "100%",
|
|
54999
54507
|
display: "flex",
|
|
@@ -55002,109 +54510,73 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55002
54510
|
fontFamily: theme.fonts.body,
|
|
55003
54511
|
overflow: "hidden"
|
|
55004
54512
|
}, children: [
|
|
55005
|
-
/* @__PURE__ */
|
|
54513
|
+
/* @__PURE__ */ jsx("style", { children: `
|
|
55006
54514
|
@keyframes shimmer {
|
|
55007
54515
|
0% { background-position: -200% 0; }
|
|
55008
54516
|
100% { background-position: 200% 0; }
|
|
55009
54517
|
}
|
|
55010
|
-
` },
|
|
55011
|
-
|
|
55012
|
-
lineNumber: 389,
|
|
55013
|
-
columnNumber: 9
|
|
55014
|
-
}, void 0),
|
|
55015
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54518
|
+
` }),
|
|
54519
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55016
54520
|
padding: `${theme.space[3]}px ${theme.space[3]}px`,
|
|
55017
54521
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55018
54522
|
display: "flex",
|
|
55019
54523
|
alignItems: "center",
|
|
55020
54524
|
justifyContent: "space-between"
|
|
55021
54525
|
}, children: [
|
|
55022
|
-
/* @__PURE__ */
|
|
54526
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55023
54527
|
width: "80px",
|
|
55024
54528
|
height: "20px",
|
|
55025
54529
|
borderRadius: theme.radii[1],
|
|
55026
54530
|
background: `linear-gradient(90deg, ${theme.colors.backgroundSecondary} 25%, ${theme.colors.border} 50%, ${theme.colors.backgroundSecondary} 75%)`,
|
|
55027
54531
|
backgroundSize: "200% 100%",
|
|
55028
54532
|
animation: "shimmer 1.5s infinite"
|
|
55029
|
-
} },
|
|
55030
|
-
|
|
55031
|
-
lineNumber: 404,
|
|
55032
|
-
columnNumber: 11
|
|
55033
|
-
}, void 0),
|
|
55034
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54533
|
+
} }),
|
|
54534
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55035
54535
|
width: "28px",
|
|
55036
54536
|
height: "28px",
|
|
55037
54537
|
borderRadius: theme.radii[1],
|
|
55038
54538
|
background: `linear-gradient(90deg, ${theme.colors.backgroundSecondary} 25%, ${theme.colors.border} 50%, ${theme.colors.backgroundSecondary} 75%)`,
|
|
55039
54539
|
backgroundSize: "200% 100%",
|
|
55040
54540
|
animation: "shimmer 1.5s infinite"
|
|
55041
|
-
} }
|
|
55042
|
-
|
|
55043
|
-
|
|
55044
|
-
columnNumber: 11
|
|
55045
|
-
}, void 0)
|
|
55046
|
-
] }, void 0, true, {
|
|
55047
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55048
|
-
lineNumber: 397,
|
|
55049
|
-
columnNumber: 9
|
|
55050
|
-
}, void 0),
|
|
55051
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54541
|
+
} })
|
|
54542
|
+
] }),
|
|
54543
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55052
54544
|
display: "flex",
|
|
55053
54545
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55054
54546
|
backgroundColor: theme.colors.backgroundSecondary
|
|
55055
54547
|
}, children: [
|
|
55056
|
-
/* @__PURE__ */
|
|
54548
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55057
54549
|
flex: 1,
|
|
55058
54550
|
padding: `${theme.space[2]}px ${theme.space[3]}px`,
|
|
55059
54551
|
display: "flex",
|
|
55060
54552
|
alignItems: "center",
|
|
55061
54553
|
justifyContent: "center",
|
|
55062
54554
|
gap: theme.space[2]
|
|
55063
|
-
}, children: /* @__PURE__ */
|
|
54555
|
+
}, children: /* @__PURE__ */ jsx("div", { style: {
|
|
55064
54556
|
width: "60px",
|
|
55065
54557
|
height: "16px",
|
|
55066
54558
|
borderRadius: theme.radii[1],
|
|
55067
54559
|
background: `linear-gradient(90deg, ${theme.colors.background} 25%, ${theme.colors.border} 50%, ${theme.colors.background} 75%)`,
|
|
55068
54560
|
backgroundSize: "200% 100%",
|
|
55069
54561
|
animation: "shimmer 1.5s infinite"
|
|
55070
|
-
} }
|
|
55071
|
-
|
|
55072
|
-
lineNumber: 436,
|
|
55073
|
-
columnNumber: 13
|
|
55074
|
-
}, void 0) }, void 0, false, {
|
|
55075
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55076
|
-
lineNumber: 428,
|
|
55077
|
-
columnNumber: 11
|
|
55078
|
-
}, void 0),
|
|
55079
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54562
|
+
} }) }),
|
|
54563
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55080
54564
|
flex: 1,
|
|
55081
54565
|
padding: `${theme.space[2]}px ${theme.space[3]}px`,
|
|
55082
54566
|
display: "flex",
|
|
55083
54567
|
alignItems: "center",
|
|
55084
54568
|
justifyContent: "center",
|
|
55085
54569
|
gap: theme.space[2]
|
|
55086
|
-
}, children: /* @__PURE__ */
|
|
54570
|
+
}, children: /* @__PURE__ */ jsx("div", { style: {
|
|
55087
54571
|
width: "60px",
|
|
55088
54572
|
height: "16px",
|
|
55089
54573
|
borderRadius: theme.radii[1],
|
|
55090
54574
|
background: `linear-gradient(90deg, ${theme.colors.background} 25%, ${theme.colors.border} 50%, ${theme.colors.background} 75%)`,
|
|
55091
54575
|
backgroundSize: "200% 100%",
|
|
55092
54576
|
animation: "shimmer 1.5s infinite"
|
|
55093
|
-
} }
|
|
55094
|
-
|
|
55095
|
-
|
|
55096
|
-
columnNumber: 13
|
|
55097
|
-
}, void 0) }, void 0, false, {
|
|
55098
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55099
|
-
lineNumber: 445,
|
|
55100
|
-
columnNumber: 11
|
|
55101
|
-
}, void 0)
|
|
55102
|
-
] }, void 0, true, {
|
|
55103
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55104
|
-
lineNumber: 423,
|
|
55105
|
-
columnNumber: 9
|
|
55106
|
-
}, void 0),
|
|
55107
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
54577
|
+
} }) })
|
|
54578
|
+
] }),
|
|
54579
|
+
/* @__PURE__ */ jsx("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
|
|
55108
54580
|
"div",
|
|
55109
54581
|
{
|
|
55110
54582
|
style: {
|
|
@@ -55118,7 +54590,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55118
54590
|
border: `1px solid ${theme.colors.border}`
|
|
55119
54591
|
},
|
|
55120
54592
|
children: [
|
|
55121
|
-
/* @__PURE__ */
|
|
54593
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55122
54594
|
width: "16px",
|
|
55123
54595
|
height: "16px",
|
|
55124
54596
|
borderRadius: theme.radii[1],
|
|
@@ -55126,12 +54598,8 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55126
54598
|
backgroundSize: "200% 100%",
|
|
55127
54599
|
animation: "shimmer 1.5s infinite",
|
|
55128
54600
|
animationDelay: `${i * 0.1}s`
|
|
55129
|
-
} },
|
|
55130
|
-
|
|
55131
|
-
lineNumber: 480,
|
|
55132
|
-
columnNumber: 15
|
|
55133
|
-
}, void 0),
|
|
55134
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54601
|
+
} }),
|
|
54602
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55135
54603
|
flex: 1,
|
|
55136
54604
|
height: "16px",
|
|
55137
54605
|
borderRadius: theme.radii[1],
|
|
@@ -55139,34 +54607,15 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55139
54607
|
backgroundSize: "200% 100%",
|
|
55140
54608
|
animation: "shimmer 1.5s infinite",
|
|
55141
54609
|
animationDelay: `${i * 0.1}s`
|
|
55142
|
-
} }
|
|
55143
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55144
|
-
lineNumber: 489,
|
|
55145
|
-
columnNumber: 15
|
|
55146
|
-
}, void 0)
|
|
54610
|
+
} })
|
|
55147
54611
|
]
|
|
55148
54612
|
},
|
|
55149
|
-
i
|
|
55150
|
-
|
|
55151
|
-
|
|
55152
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55153
|
-
lineNumber: 467,
|
|
55154
|
-
columnNumber: 13
|
|
55155
|
-
},
|
|
55156
|
-
void 0
|
|
55157
|
-
)) }, void 0, false, {
|
|
55158
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55159
|
-
lineNumber: 465,
|
|
55160
|
-
columnNumber: 9
|
|
55161
|
-
}, void 0)
|
|
55162
|
-
] }, void 0, true, {
|
|
55163
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55164
|
-
lineNumber: 380,
|
|
55165
|
-
columnNumber: 7
|
|
55166
|
-
}, void 0);
|
|
54613
|
+
i
|
|
54614
|
+
)) })
|
|
54615
|
+
] });
|
|
55167
54616
|
}
|
|
55168
54617
|
if (state.error) {
|
|
55169
|
-
return /* @__PURE__ */
|
|
54618
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
55170
54619
|
display: "flex",
|
|
55171
54620
|
flexDirection: "column",
|
|
55172
54621
|
alignItems: "center",
|
|
@@ -55178,12 +54627,8 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55178
54627
|
fontFamily: theme.fonts.body,
|
|
55179
54628
|
textAlign: "center"
|
|
55180
54629
|
}, children: [
|
|
55181
|
-
/* @__PURE__ */
|
|
55182
|
-
|
|
55183
|
-
lineNumber: 519,
|
|
55184
|
-
columnNumber: 9
|
|
55185
|
-
}, void 0),
|
|
55186
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
54630
|
+
/* @__PURE__ */ jsx("span", { style: { color: theme.colors.error || "#ef4444", marginBottom: theme.space[2] }, children: state.error }),
|
|
54631
|
+
/* @__PURE__ */ jsxs(
|
|
55187
54632
|
"button",
|
|
55188
54633
|
{
|
|
55189
54634
|
onClick: () => loadData(),
|
|
@@ -55201,33 +54646,17 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55201
54646
|
fontSize: theme.fontSizes[1]
|
|
55202
54647
|
},
|
|
55203
54648
|
children: [
|
|
55204
|
-
/* @__PURE__ */
|
|
55205
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55206
|
-
lineNumber: 538,
|
|
55207
|
-
columnNumber: 11
|
|
55208
|
-
}, void 0),
|
|
54649
|
+
/* @__PURE__ */ jsx(RefreshCw, { size: 14 }),
|
|
55209
54650
|
"Retry"
|
|
55210
54651
|
]
|
|
55211
|
-
}
|
|
55212
|
-
void 0,
|
|
55213
|
-
true,
|
|
55214
|
-
{
|
|
55215
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55216
|
-
lineNumber: 522,
|
|
55217
|
-
columnNumber: 9
|
|
55218
|
-
},
|
|
55219
|
-
void 0
|
|
54652
|
+
}
|
|
55220
54653
|
)
|
|
55221
|
-
] }
|
|
55222
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55223
|
-
lineNumber: 507,
|
|
55224
|
-
columnNumber: 7
|
|
55225
|
-
}, void 0);
|
|
54654
|
+
] });
|
|
55226
54655
|
}
|
|
55227
54656
|
const hasContent = state.configs.length > 0 || state.library;
|
|
55228
54657
|
if (!hasContent) {
|
|
55229
54658
|
const npmPackageUrl = "https://www.npmjs.com/package/@principal-ai/principal-view-cli";
|
|
55230
|
-
return /* @__PURE__ */
|
|
54659
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
55231
54660
|
display: "flex",
|
|
55232
54661
|
flexDirection: "column",
|
|
55233
54662
|
alignItems: "center",
|
|
@@ -55239,34 +54668,18 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55239
54668
|
fontFamily: theme.fonts.body,
|
|
55240
54669
|
textAlign: "center"
|
|
55241
54670
|
}, children: [
|
|
55242
|
-
/* @__PURE__ */
|
|
55243
|
-
|
|
55244
|
-
|
|
55245
|
-
|
|
55246
|
-
}, void 0),
|
|
55247
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[3], fontWeight: theme.fontWeights.medium, marginBottom: theme.space[2], color: theme.colors.text }, children: "No configurations found" }, void 0, false, {
|
|
55248
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55249
|
-
lineNumber: 564,
|
|
55250
|
-
columnNumber: 9
|
|
55251
|
-
}, void 0),
|
|
55252
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[2], marginBottom: theme.space[3], maxWidth: "80%", lineHeight: 1.5 }, children: "Initialize Principal View to create architecture diagrams that connect to your codebase." }, void 0, false, {
|
|
55253
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55254
|
-
lineNumber: 567,
|
|
55255
|
-
columnNumber: 9
|
|
55256
|
-
}, void 0),
|
|
55257
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54671
|
+
/* @__PURE__ */ jsx(Network, { size: 56, style: { marginBottom: theme.space[3], opacity: 0.3 } }),
|
|
54672
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[3], fontWeight: theme.fontWeights.medium, marginBottom: theme.space[2], color: theme.colors.text }, children: "No configurations found" }),
|
|
54673
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[2], marginBottom: theme.space[3], maxWidth: "80%", lineHeight: 1.5 }, children: "Initialize Principal View to create architecture diagrams that connect to your codebase." }),
|
|
54674
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55258
54675
|
display: "flex",
|
|
55259
54676
|
flexDirection: "column",
|
|
55260
54677
|
gap: theme.space[2],
|
|
55261
54678
|
width: "90%",
|
|
55262
54679
|
maxWidth: "400px"
|
|
55263
54680
|
}, children: [
|
|
55264
|
-
/* @__PURE__ */
|
|
55265
|
-
|
|
55266
|
-
lineNumber: 579,
|
|
55267
|
-
columnNumber: 11
|
|
55268
|
-
}, void 0),
|
|
55269
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
54681
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }),
|
|
54682
|
+
/* @__PURE__ */ jsxs(
|
|
55270
54683
|
"button",
|
|
55271
54684
|
{
|
|
55272
54685
|
onClick: handleCopyCommand,
|
|
@@ -55287,37 +54700,13 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55287
54700
|
transition: "all 0.15s"
|
|
55288
54701
|
},
|
|
55289
54702
|
children: [
|
|
55290
|
-
/* @__PURE__ */
|
|
55291
|
-
|
|
55292
|
-
lineNumber: 601,
|
|
55293
|
-
columnNumber: 13
|
|
55294
|
-
}, void 0),
|
|
55295
|
-
copied ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }, void 0, false, {
|
|
55296
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55297
|
-
lineNumber: 605,
|
|
55298
|
-
columnNumber: 15
|
|
55299
|
-
}, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } }, void 0, false, {
|
|
55300
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55301
|
-
lineNumber: 607,
|
|
55302
|
-
columnNumber: 15
|
|
55303
|
-
}, void 0)
|
|
54703
|
+
/* @__PURE__ */ jsx("code", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: cliCommand }),
|
|
54704
|
+
copied ? /* @__PURE__ */ jsx(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }) : /* @__PURE__ */ jsx(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } })
|
|
55304
54705
|
]
|
|
55305
|
-
}
|
|
55306
|
-
void 0,
|
|
55307
|
-
true,
|
|
55308
|
-
{
|
|
55309
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55310
|
-
lineNumber: 582,
|
|
55311
|
-
columnNumber: 11
|
|
55312
|
-
},
|
|
55313
|
-
void 0
|
|
54706
|
+
}
|
|
55314
54707
|
),
|
|
55315
|
-
/* @__PURE__ */
|
|
55316
|
-
|
|
55317
|
-
lineNumber: 610,
|
|
55318
|
-
columnNumber: 11
|
|
55319
|
-
}, void 0),
|
|
55320
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
54708
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }),
|
|
54709
|
+
/* @__PURE__ */ jsxs(
|
|
55321
54710
|
"a",
|
|
55322
54711
|
{
|
|
55323
54712
|
href: npmPackageUrl,
|
|
@@ -55336,32 +54725,12 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55336
54725
|
},
|
|
55337
54726
|
children: [
|
|
55338
54727
|
"Learn more on npm",
|
|
55339
|
-
/* @__PURE__ */
|
|
55340
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55341
|
-
lineNumber: 632,
|
|
55342
|
-
columnNumber: 13
|
|
55343
|
-
}, void 0)
|
|
54728
|
+
/* @__PURE__ */ jsx(ExternalLink, { size: 14 })
|
|
55344
54729
|
]
|
|
55345
|
-
}
|
|
55346
|
-
void 0,
|
|
55347
|
-
true,
|
|
55348
|
-
{
|
|
55349
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55350
|
-
lineNumber: 615,
|
|
55351
|
-
columnNumber: 11
|
|
55352
|
-
},
|
|
55353
|
-
void 0
|
|
54730
|
+
}
|
|
55354
54731
|
)
|
|
55355
|
-
] }
|
|
55356
|
-
|
|
55357
|
-
lineNumber: 572,
|
|
55358
|
-
columnNumber: 9
|
|
55359
|
-
}, void 0)
|
|
55360
|
-
] }, void 0, true, {
|
|
55361
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55362
|
-
lineNumber: 551,
|
|
55363
|
-
columnNumber: 7
|
|
55364
|
-
}, void 0);
|
|
54732
|
+
] })
|
|
54733
|
+
] });
|
|
55365
54734
|
}
|
|
55366
54735
|
const getTabStyle = (tabId, isActive) => ({
|
|
55367
54736
|
flex: 1,
|
|
@@ -55380,7 +54749,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55380
54749
|
fontWeight: isActive ? theme.fontWeights.medium : theme.fontWeights.body,
|
|
55381
54750
|
transition: "all 0.15s"
|
|
55382
54751
|
});
|
|
55383
|
-
return /* @__PURE__ */
|
|
54752
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
55384
54753
|
height: "100%",
|
|
55385
54754
|
width: "100%",
|
|
55386
54755
|
display: "flex",
|
|
@@ -55390,7 +54759,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55390
54759
|
overflow: "hidden",
|
|
55391
54760
|
position: "relative"
|
|
55392
54761
|
}, children: [
|
|
55393
|
-
/* @__PURE__ */
|
|
54762
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55394
54763
|
padding: `${theme.space[3]}px ${theme.space[3]}px`,
|
|
55395
54764
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55396
54765
|
backgroundColor: theme.colors.background,
|
|
@@ -55399,18 +54768,14 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55399
54768
|
justifyContent: "space-between",
|
|
55400
54769
|
flexShrink: 0
|
|
55401
54770
|
}, children: [
|
|
55402
|
-
/* @__PURE__ */
|
|
54771
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
55403
54772
|
margin: 0,
|
|
55404
54773
|
fontSize: theme.fontSizes[3],
|
|
55405
54774
|
fontWeight: theme.fontWeights.medium,
|
|
55406
54775
|
color: theme.colors.text
|
|
55407
|
-
}, children: "Browser" },
|
|
55408
|
-
|
|
55409
|
-
|
|
55410
|
-
columnNumber: 9
|
|
55411
|
-
}, void 0),
|
|
55412
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", gap: theme.space[1] }, children: [
|
|
55413
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
54776
|
+
}, children: "Browser" }),
|
|
54777
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: theme.space[1] }, children: [
|
|
54778
|
+
/* @__PURE__ */ jsx(
|
|
55414
54779
|
"button",
|
|
55415
54780
|
{
|
|
55416
54781
|
onClick: () => setShowSetupInfo(true),
|
|
@@ -55428,22 +54793,10 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55428
54793
|
transition: "color 0.2s"
|
|
55429
54794
|
},
|
|
55430
54795
|
title: "Setup instructions",
|
|
55431
|
-
children: /* @__PURE__ */
|
|
55432
|
-
|
|
55433
|
-
lineNumber: 705,
|
|
55434
|
-
columnNumber: 13
|
|
55435
|
-
}, void 0)
|
|
55436
|
-
},
|
|
55437
|
-
void 0,
|
|
55438
|
-
false,
|
|
55439
|
-
{
|
|
55440
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55441
|
-
lineNumber: 688,
|
|
55442
|
-
columnNumber: 11
|
|
55443
|
-
},
|
|
55444
|
-
void 0
|
|
54796
|
+
children: /* @__PURE__ */ jsx(CircleQuestionMark, { size: 16 })
|
|
54797
|
+
}
|
|
55445
54798
|
),
|
|
55446
|
-
/* @__PURE__ */
|
|
54799
|
+
/* @__PURE__ */ jsx(
|
|
55447
54800
|
"button",
|
|
55448
54801
|
{
|
|
55449
54802
|
onClick: () => loadData(),
|
|
@@ -55461,121 +54814,57 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55461
54814
|
transition: "color 0.2s"
|
|
55462
54815
|
},
|
|
55463
54816
|
title: "Refresh",
|
|
55464
|
-
children: /* @__PURE__ */
|
|
55465
|
-
|
|
55466
|
-
lineNumber: 724,
|
|
55467
|
-
columnNumber: 13
|
|
55468
|
-
}, void 0)
|
|
55469
|
-
},
|
|
55470
|
-
void 0,
|
|
55471
|
-
false,
|
|
55472
|
-
{
|
|
55473
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55474
|
-
lineNumber: 707,
|
|
55475
|
-
columnNumber: 11
|
|
55476
|
-
},
|
|
55477
|
-
void 0
|
|
54817
|
+
children: /* @__PURE__ */ jsx(RefreshCw, { size: 16 })
|
|
54818
|
+
}
|
|
55478
54819
|
)
|
|
55479
|
-
] }
|
|
55480
|
-
|
|
55481
|
-
|
|
55482
|
-
columnNumber: 9
|
|
55483
|
-
}, void 0)
|
|
55484
|
-
] }, void 0, true, {
|
|
55485
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55486
|
-
lineNumber: 670,
|
|
55487
|
-
columnNumber: 7
|
|
55488
|
-
}, void 0),
|
|
55489
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54820
|
+
] })
|
|
54821
|
+
] }),
|
|
54822
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55490
54823
|
display: "flex",
|
|
55491
54824
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55492
54825
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
55493
54826
|
flexShrink: 0
|
|
55494
54827
|
}, children: [
|
|
55495
|
-
/* @__PURE__ */
|
|
54828
|
+
/* @__PURE__ */ jsxs(
|
|
55496
54829
|
"button",
|
|
55497
54830
|
{
|
|
55498
54831
|
onClick: () => handleTabChange("canvas"),
|
|
55499
54832
|
style: getTabStyle("canvas", state.activeTab === "canvas"),
|
|
55500
54833
|
children: [
|
|
55501
|
-
/* @__PURE__ */
|
|
55502
|
-
|
|
55503
|
-
|
|
55504
|
-
columnNumber: 11
|
|
55505
|
-
}, void 0),
|
|
55506
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Canvas" }, void 0, false, {
|
|
55507
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55508
|
-
lineNumber: 741,
|
|
55509
|
-
columnNumber: 11
|
|
55510
|
-
}, void 0),
|
|
55511
|
-
state.configs.length > 0 && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
|
|
54834
|
+
/* @__PURE__ */ jsx(FileBraces, { size: 16 }),
|
|
54835
|
+
/* @__PURE__ */ jsx("span", { children: "Canvas" }),
|
|
54836
|
+
state.configs.length > 0 && /* @__PURE__ */ jsx("span", { style: {
|
|
55512
54837
|
fontSize: theme.fontSizes[0],
|
|
55513
54838
|
color: state.activeTab === "canvas" ? theme.colors.primary : theme.colors.textMuted,
|
|
55514
54839
|
backgroundColor: state.activeTab === "canvas" ? `${theme.colors.primary}20` : theme.colors.background,
|
|
55515
54840
|
padding: `0 ${theme.space[1]}`,
|
|
55516
54841
|
borderRadius: theme.radii[1]
|
|
55517
|
-
}, children: state.configs.length }
|
|
55518
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55519
|
-
lineNumber: 743,
|
|
55520
|
-
columnNumber: 13
|
|
55521
|
-
}, void 0)
|
|
54842
|
+
}, children: state.configs.length })
|
|
55522
54843
|
]
|
|
55523
|
-
}
|
|
55524
|
-
void 0,
|
|
55525
|
-
true,
|
|
55526
|
-
{
|
|
55527
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55528
|
-
lineNumber: 736,
|
|
55529
|
-
columnNumber: 9
|
|
55530
|
-
},
|
|
55531
|
-
void 0
|
|
54844
|
+
}
|
|
55532
54845
|
),
|
|
55533
|
-
/* @__PURE__ */
|
|
54846
|
+
/* @__PURE__ */ jsxs(
|
|
55534
54847
|
"button",
|
|
55535
54848
|
{
|
|
55536
54849
|
onClick: () => handleTabChange("library"),
|
|
55537
54850
|
style: getTabStyle("library", state.activeTab === "library"),
|
|
55538
54851
|
disabled: !state.library,
|
|
55539
54852
|
children: [
|
|
55540
|
-
/* @__PURE__ */
|
|
55541
|
-
|
|
55542
|
-
lineNumber: 759,
|
|
55543
|
-
columnNumber: 11
|
|
55544
|
-
}, void 0),
|
|
55545
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Library" }, void 0, false, {
|
|
55546
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55547
|
-
lineNumber: 760,
|
|
55548
|
-
columnNumber: 11
|
|
55549
|
-
}, void 0)
|
|
54853
|
+
/* @__PURE__ */ jsx(Library, { size: 16 }),
|
|
54854
|
+
/* @__PURE__ */ jsx("span", { children: "Library" })
|
|
55550
54855
|
]
|
|
55551
|
-
}
|
|
55552
|
-
void 0,
|
|
55553
|
-
true,
|
|
55554
|
-
{
|
|
55555
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55556
|
-
lineNumber: 754,
|
|
55557
|
-
columnNumber: 9
|
|
55558
|
-
},
|
|
55559
|
-
void 0
|
|
54856
|
+
}
|
|
55560
54857
|
)
|
|
55561
|
-
] },
|
|
55562
|
-
|
|
55563
|
-
lineNumber: 730,
|
|
55564
|
-
columnNumber: 7
|
|
55565
|
-
}, void 0),
|
|
55566
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54858
|
+
] }),
|
|
54859
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55567
54860
|
flex: 1,
|
|
55568
54861
|
overflow: "auto"
|
|
55569
54862
|
}, children: [
|
|
55570
|
-
state.activeTab === "canvas" && /* @__PURE__ */
|
|
54863
|
+
state.activeTab === "canvas" && /* @__PURE__ */ jsx("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: state.configs.length === 0 ? /* @__PURE__ */ jsx("div", { style: {
|
|
55571
54864
|
textAlign: "center",
|
|
55572
54865
|
padding: theme.space[4],
|
|
55573
54866
|
color: theme.colors.textMuted
|
|
55574
|
-
}, children: "No canvas files found" },
|
|
55575
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55576
|
-
lineNumber: 773,
|
|
55577
|
-
columnNumber: 15
|
|
55578
|
-
}, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", flexDirection: "column", gap: theme.space[2] }, children: state.configs.map((config) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
54867
|
+
}, children: "No canvas files found" }) : /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: theme.space[2] }, children: state.configs.map((config) => /* @__PURE__ */ jsxs(
|
|
55579
54868
|
"button",
|
|
55580
54869
|
{
|
|
55581
54870
|
onClick: () => handleConfigSelect(config),
|
|
@@ -55596,46 +54885,19 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55596
54885
|
transition: "all 0.15s"
|
|
55597
54886
|
},
|
|
55598
54887
|
children: [
|
|
55599
|
-
/* @__PURE__ */
|
|
55600
|
-
|
|
55601
|
-
|
|
55602
|
-
columnNumber: 21
|
|
55603
|
-
}, void 0),
|
|
55604
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { flex: 1 }, children: config.displayName }, void 0, false, {
|
|
55605
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55606
|
-
lineNumber: 808,
|
|
55607
|
-
columnNumber: 21
|
|
55608
|
-
}, void 0),
|
|
55609
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ArrowRight, { size: 14, style: { color: theme.colors.textMuted, opacity: 0.5 } }, void 0, false, {
|
|
55610
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55611
|
-
lineNumber: 809,
|
|
55612
|
-
columnNumber: 21
|
|
55613
|
-
}, void 0)
|
|
54888
|
+
/* @__PURE__ */ jsx(FileBraces, { size: 16, style: { color: theme.colors.primary, flexShrink: 0 } }),
|
|
54889
|
+
/* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: config.displayName }),
|
|
54890
|
+
/* @__PURE__ */ jsx(ArrowRight, { size: 14, style: { color: theme.colors.textMuted, opacity: 0.5 } })
|
|
55614
54891
|
]
|
|
55615
54892
|
},
|
|
55616
|
-
config.id
|
|
55617
|
-
|
|
55618
|
-
|
|
55619
|
-
|
|
55620
|
-
lineNumber: 783,
|
|
55621
|
-
columnNumber: 19
|
|
55622
|
-
},
|
|
55623
|
-
void 0
|
|
55624
|
-
)) }, void 0, false, {
|
|
55625
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55626
|
-
lineNumber: 781,
|
|
55627
|
-
columnNumber: 15
|
|
55628
|
-
}, void 0) }, void 0, false, {
|
|
55629
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55630
|
-
lineNumber: 771,
|
|
55631
|
-
columnNumber: 11
|
|
55632
|
-
}, void 0),
|
|
55633
|
-
state.activeTab === "library" && state.library && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [
|
|
55634
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54893
|
+
config.id
|
|
54894
|
+
)) }) }),
|
|
54895
|
+
state.activeTab === "library" && state.library && /* @__PURE__ */ jsxs("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [
|
|
54896
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55635
54897
|
position: "relative",
|
|
55636
54898
|
marginBottom: theme.space[3]
|
|
55637
54899
|
}, children: [
|
|
55638
|
-
/* @__PURE__ */
|
|
54900
|
+
/* @__PURE__ */ jsx(
|
|
55639
54901
|
Search,
|
|
55640
54902
|
{
|
|
55641
54903
|
size: 16,
|
|
@@ -55647,17 +54909,9 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55647
54909
|
color: theme.colors.textMuted,
|
|
55648
54910
|
pointerEvents: "none"
|
|
55649
54911
|
}
|
|
55650
|
-
}
|
|
55651
|
-
void 0,
|
|
55652
|
-
false,
|
|
55653
|
-
{
|
|
55654
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55655
|
-
lineNumber: 825,
|
|
55656
|
-
columnNumber: 15
|
|
55657
|
-
},
|
|
55658
|
-
void 0
|
|
54912
|
+
}
|
|
55659
54913
|
),
|
|
55660
|
-
/* @__PURE__ */
|
|
54914
|
+
/* @__PURE__ */ jsx(
|
|
55661
54915
|
"input",
|
|
55662
54916
|
{
|
|
55663
54917
|
type: "text",
|
|
@@ -55677,44 +54931,24 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55677
54931
|
outline: "none",
|
|
55678
54932
|
boxSizing: "border-box"
|
|
55679
54933
|
}
|
|
55680
|
-
}
|
|
55681
|
-
void 0,
|
|
55682
|
-
false,
|
|
55683
|
-
{
|
|
55684
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55685
|
-
lineNumber: 836,
|
|
55686
|
-
columnNumber: 15
|
|
55687
|
-
},
|
|
55688
|
-
void 0
|
|
54934
|
+
}
|
|
55689
54935
|
)
|
|
55690
|
-
] },
|
|
55691
|
-
|
|
55692
|
-
|
|
55693
|
-
columnNumber: 13
|
|
55694
|
-
}, void 0),
|
|
55695
|
-
nodeComponents.length > 0 && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { marginBottom: theme.space[3] }, children: [
|
|
55696
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54936
|
+
] }),
|
|
54937
|
+
nodeComponents.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginBottom: theme.space[3] }, children: [
|
|
54938
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55697
54939
|
marginBottom: theme.space[2]
|
|
55698
|
-
}, children: /* @__PURE__ */
|
|
54940
|
+
}, children: /* @__PURE__ */ jsx("span", { style: {
|
|
55699
54941
|
fontSize: theme.fontSizes[1],
|
|
55700
54942
|
fontWeight: theme.fontWeights.medium,
|
|
55701
54943
|
color: theme.colors.text
|
|
55702
|
-
}, children: "Node Components" }
|
|
55703
|
-
|
|
55704
|
-
lineNumber: 863,
|
|
55705
|
-
columnNumber: 19
|
|
55706
|
-
}, void 0) }, void 0, false, {
|
|
55707
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55708
|
-
lineNumber: 860,
|
|
55709
|
-
columnNumber: 17
|
|
55710
|
-
}, void 0),
|
|
55711
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54944
|
+
}, children: "Node Components" }) }),
|
|
54945
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55712
54946
|
display: "flex",
|
|
55713
54947
|
flexDirection: "column",
|
|
55714
54948
|
gap: theme.space[2]
|
|
55715
54949
|
}, children: nodeComponents.map(([key, node]) => {
|
|
55716
54950
|
const ShapeIcon = getShapeIcon(node.shape);
|
|
55717
|
-
return /* @__PURE__ */
|
|
54951
|
+
return /* @__PURE__ */ jsxs(
|
|
55718
54952
|
"div",
|
|
55719
54953
|
{
|
|
55720
54954
|
style: {
|
|
@@ -55727,88 +54961,45 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55727
54961
|
border: `1px solid ${theme.colors.border}`
|
|
55728
54962
|
},
|
|
55729
54963
|
children: [
|
|
55730
|
-
/* @__PURE__ */
|
|
54964
|
+
/* @__PURE__ */ jsx(
|
|
55731
54965
|
ShapeIcon,
|
|
55732
54966
|
{
|
|
55733
54967
|
size: 16,
|
|
55734
54968
|
style: { color: node.color || theme.colors.textMuted, flexShrink: 0 }
|
|
55735
|
-
}
|
|
55736
|
-
void 0,
|
|
55737
|
-
false,
|
|
55738
|
-
{
|
|
55739
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55740
|
-
lineNumber: 892,
|
|
55741
|
-
columnNumber: 25
|
|
55742
|
-
},
|
|
55743
|
-
void 0
|
|
54969
|
+
}
|
|
55744
54970
|
),
|
|
55745
|
-
/* @__PURE__ */
|
|
55746
|
-
/* @__PURE__ */
|
|
54971
|
+
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
54972
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55747
54973
|
fontSize: theme.fontSizes[1],
|
|
55748
54974
|
color: theme.colors.text
|
|
55749
|
-
}, children: key },
|
|
55750
|
-
|
|
55751
|
-
lineNumber: 897,
|
|
55752
|
-
columnNumber: 27
|
|
55753
|
-
}, void 0),
|
|
55754
|
-
node.description && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54975
|
+
}, children: key }),
|
|
54976
|
+
node.description && /* @__PURE__ */ jsx("div", { style: {
|
|
55755
54977
|
fontSize: theme.fontSizes[0],
|
|
55756
54978
|
color: theme.colors.textMuted,
|
|
55757
54979
|
whiteSpace: "nowrap",
|
|
55758
54980
|
overflow: "hidden",
|
|
55759
54981
|
textOverflow: "ellipsis"
|
|
55760
|
-
}, children: node.description }
|
|
55761
|
-
|
|
55762
|
-
lineNumber: 904,
|
|
55763
|
-
columnNumber: 29
|
|
55764
|
-
}, void 0)
|
|
55765
|
-
] }, void 0, true, {
|
|
55766
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55767
|
-
lineNumber: 896,
|
|
55768
|
-
columnNumber: 25
|
|
55769
|
-
}, void 0)
|
|
54982
|
+
}, children: node.description })
|
|
54983
|
+
] })
|
|
55770
54984
|
]
|
|
55771
54985
|
},
|
|
55772
|
-
key
|
|
55773
|
-
true,
|
|
55774
|
-
{
|
|
55775
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55776
|
-
lineNumber: 880,
|
|
55777
|
-
columnNumber: 23
|
|
55778
|
-
},
|
|
55779
|
-
void 0
|
|
54986
|
+
key
|
|
55780
54987
|
);
|
|
55781
|
-
}) }
|
|
55782
|
-
|
|
55783
|
-
|
|
55784
|
-
|
|
55785
|
-
}, void 0)
|
|
55786
|
-
] }, void 0, true, {
|
|
55787
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55788
|
-
lineNumber: 859,
|
|
55789
|
-
columnNumber: 15
|
|
55790
|
-
}, void 0),
|
|
55791
|
-
edgeComponents.length > 0 && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { children: [
|
|
55792
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54988
|
+
}) })
|
|
54989
|
+
] }),
|
|
54990
|
+
edgeComponents.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
|
|
54991
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55793
54992
|
marginBottom: theme.space[2]
|
|
55794
|
-
}, children: /* @__PURE__ */
|
|
54993
|
+
}, children: /* @__PURE__ */ jsx("span", { style: {
|
|
55795
54994
|
fontSize: theme.fontSizes[1],
|
|
55796
54995
|
fontWeight: theme.fontWeights.medium,
|
|
55797
54996
|
color: theme.colors.text
|
|
55798
|
-
}, children: "Edge Components" }
|
|
55799
|
-
|
|
55800
|
-
lineNumber: 928,
|
|
55801
|
-
columnNumber: 19
|
|
55802
|
-
}, void 0) }, void 0, false, {
|
|
55803
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55804
|
-
lineNumber: 925,
|
|
55805
|
-
columnNumber: 17
|
|
55806
|
-
}, void 0),
|
|
55807
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
54997
|
+
}, children: "Edge Components" }) }),
|
|
54998
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55808
54999
|
display: "flex",
|
|
55809
55000
|
flexDirection: "column",
|
|
55810
55001
|
gap: theme.space[2]
|
|
55811
|
-
}, children: edgeComponents.map(([key, edge]) => /* @__PURE__ */
|
|
55002
|
+
}, children: edgeComponents.map(([key, edge]) => /* @__PURE__ */ jsxs(
|
|
55812
55003
|
"div",
|
|
55813
55004
|
{
|
|
55814
55005
|
style: {
|
|
@@ -55821,18 +55012,14 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55821
55012
|
border: `1px solid ${theme.colors.border}`
|
|
55822
55013
|
},
|
|
55823
55014
|
children: [
|
|
55824
|
-
/* @__PURE__ */
|
|
55015
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55825
55016
|
width: "20px",
|
|
55826
55017
|
height: "2px",
|
|
55827
55018
|
backgroundColor: edge.color || theme.colors.textMuted,
|
|
55828
55019
|
flexShrink: 0
|
|
55829
|
-
} },
|
|
55830
|
-
|
|
55831
|
-
|
|
55832
|
-
columnNumber: 23
|
|
55833
|
-
}, void 0),
|
|
55834
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
55835
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55020
|
+
} }),
|
|
55021
|
+
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
55022
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55836
55023
|
display: "flex",
|
|
55837
55024
|
alignItems: "center",
|
|
55838
55025
|
gap: theme.space[1],
|
|
@@ -55840,88 +55027,33 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55840
55027
|
color: theme.colors.text
|
|
55841
55028
|
}, children: [
|
|
55842
55029
|
key,
|
|
55843
|
-
edge.directed && /* @__PURE__ */
|
|
55844
|
-
|
|
55845
|
-
|
|
55846
|
-
columnNumber: 29
|
|
55847
|
-
}, void 0)
|
|
55848
|
-
] }, void 0, true, {
|
|
55849
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55850
|
-
lineNumber: 962,
|
|
55851
|
-
columnNumber: 25
|
|
55852
|
-
}, void 0),
|
|
55853
|
-
edge.description && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55030
|
+
edge.directed && /* @__PURE__ */ jsx(ArrowRight, { size: 12, style: { color: theme.colors.textMuted } })
|
|
55031
|
+
] }),
|
|
55032
|
+
edge.description && /* @__PURE__ */ jsx("div", { style: {
|
|
55854
55033
|
fontSize: theme.fontSizes[0],
|
|
55855
55034
|
color: theme.colors.textMuted,
|
|
55856
55035
|
whiteSpace: "nowrap",
|
|
55857
55036
|
overflow: "hidden",
|
|
55858
55037
|
textOverflow: "ellipsis"
|
|
55859
|
-
}, children: edge.description }
|
|
55860
|
-
|
|
55861
|
-
lineNumber: 975,
|
|
55862
|
-
columnNumber: 27
|
|
55863
|
-
}, void 0)
|
|
55864
|
-
] }, void 0, true, {
|
|
55865
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55866
|
-
lineNumber: 961,
|
|
55867
|
-
columnNumber: 23
|
|
55868
|
-
}, void 0)
|
|
55038
|
+
}, children: edge.description })
|
|
55039
|
+
] })
|
|
55869
55040
|
]
|
|
55870
55041
|
},
|
|
55871
|
-
key
|
|
55872
|
-
|
|
55873
|
-
|
|
55874
|
-
|
|
55875
|
-
|
|
55876
|
-
columnNumber: 21
|
|
55877
|
-
},
|
|
55878
|
-
void 0
|
|
55879
|
-
)) }, void 0, false, {
|
|
55880
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55881
|
-
lineNumber: 937,
|
|
55882
|
-
columnNumber: 17
|
|
55883
|
-
}, void 0)
|
|
55884
|
-
] }, void 0, true, {
|
|
55885
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55886
|
-
lineNumber: 924,
|
|
55887
|
-
columnNumber: 15
|
|
55888
|
-
}, void 0)
|
|
55889
|
-
] }, void 0, true, {
|
|
55890
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55891
|
-
lineNumber: 819,
|
|
55892
|
-
columnNumber: 11
|
|
55893
|
-
}, void 0),
|
|
55894
|
-
state.activeTab === "library" && !state.library && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55042
|
+
key
|
|
55043
|
+
)) })
|
|
55044
|
+
] })
|
|
55045
|
+
] }),
|
|
55046
|
+
state.activeTab === "library" && !state.library && /* @__PURE__ */ jsxs("div", { style: {
|
|
55895
55047
|
textAlign: "center",
|
|
55896
55048
|
padding: theme.space[4],
|
|
55897
55049
|
color: theme.colors.textMuted
|
|
55898
55050
|
}, children: [
|
|
55899
|
-
/* @__PURE__ */
|
|
55900
|
-
|
|
55901
|
-
|
|
55902
|
-
|
|
55903
|
-
|
|
55904
|
-
|
|
55905
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55906
|
-
lineNumber: 1002,
|
|
55907
|
-
columnNumber: 13
|
|
55908
|
-
}, void 0),
|
|
55909
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { fontSize: theme.fontSizes[0], marginTop: theme.space[1] }, children: "Add library.yaml to the .principal-views/ folder" }, void 0, false, {
|
|
55910
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55911
|
-
lineNumber: 1003,
|
|
55912
|
-
columnNumber: 13
|
|
55913
|
-
}, void 0)
|
|
55914
|
-
] }, void 0, true, {
|
|
55915
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55916
|
-
lineNumber: 996,
|
|
55917
|
-
columnNumber: 11
|
|
55918
|
-
}, void 0)
|
|
55919
|
-
] }, void 0, true, {
|
|
55920
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55921
|
-
lineNumber: 765,
|
|
55922
|
-
columnNumber: 7
|
|
55923
|
-
}, void 0),
|
|
55924
|
-
showSetupInfo && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55051
|
+
/* @__PURE__ */ jsx(Library, { size: 32, style: { marginBottom: theme.space[2], opacity: 0.5 } }),
|
|
55052
|
+
/* @__PURE__ */ jsx("div", { children: "No component library found" }),
|
|
55053
|
+
/* @__PURE__ */ jsx("div", { style: { fontSize: theme.fontSizes[0], marginTop: theme.space[1] }, children: "Add library.yaml to the .principal-views/ folder" })
|
|
55054
|
+
] })
|
|
55055
|
+
] }),
|
|
55056
|
+
showSetupInfo && /* @__PURE__ */ jsxs("div", { style: {
|
|
55925
55057
|
position: "absolute",
|
|
55926
55058
|
top: 0,
|
|
55927
55059
|
left: 0,
|
|
@@ -55932,7 +55064,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55932
55064
|
flexDirection: "column",
|
|
55933
55065
|
zIndex: 10
|
|
55934
55066
|
}, children: [
|
|
55935
|
-
/* @__PURE__ */
|
|
55067
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55936
55068
|
padding: `${theme.space[3]}px ${theme.space[3]}px`,
|
|
55937
55069
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55938
55070
|
display: "flex",
|
|
@@ -55940,17 +55072,13 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55940
55072
|
justifyContent: "space-between",
|
|
55941
55073
|
flexShrink: 0
|
|
55942
55074
|
}, children: [
|
|
55943
|
-
/* @__PURE__ */
|
|
55075
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
55944
55076
|
margin: 0,
|
|
55945
55077
|
fontSize: theme.fontSizes[3],
|
|
55946
55078
|
fontWeight: theme.fontWeights.medium,
|
|
55947
55079
|
color: theme.colors.text
|
|
55948
|
-
}, children: "Setup" },
|
|
55949
|
-
|
|
55950
|
-
lineNumber: 1032,
|
|
55951
|
-
columnNumber: 13
|
|
55952
|
-
}, void 0),
|
|
55953
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
55080
|
+
}, children: "Setup" }),
|
|
55081
|
+
/* @__PURE__ */ jsx(
|
|
55954
55082
|
"button",
|
|
55955
55083
|
{
|
|
55956
55084
|
onClick: () => setShowSetupInfo(false),
|
|
@@ -55968,27 +55096,11 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55968
55096
|
transition: "color 0.2s"
|
|
55969
55097
|
},
|
|
55970
55098
|
title: "Close",
|
|
55971
|
-
children: /* @__PURE__ */
|
|
55972
|
-
|
|
55973
|
-
lineNumber: 1057,
|
|
55974
|
-
columnNumber: 15
|
|
55975
|
-
}, void 0)
|
|
55976
|
-
},
|
|
55977
|
-
void 0,
|
|
55978
|
-
false,
|
|
55979
|
-
{
|
|
55980
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55981
|
-
lineNumber: 1040,
|
|
55982
|
-
columnNumber: 13
|
|
55983
|
-
},
|
|
55984
|
-
void 0
|
|
55099
|
+
children: /* @__PURE__ */ jsx(X$1, { size: 16 })
|
|
55100
|
+
}
|
|
55985
55101
|
)
|
|
55986
|
-
] },
|
|
55987
|
-
|
|
55988
|
-
lineNumber: 1024,
|
|
55989
|
-
columnNumber: 11
|
|
55990
|
-
}, void 0),
|
|
55991
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55102
|
+
] }),
|
|
55103
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55992
55104
|
flex: 1,
|
|
55993
55105
|
display: "flex",
|
|
55994
55106
|
flexDirection: "column",
|
|
@@ -55999,34 +55111,18 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55999
55111
|
textAlign: "center",
|
|
56000
55112
|
overflow: "auto"
|
|
56001
55113
|
}, children: [
|
|
56002
|
-
/* @__PURE__ */
|
|
56003
|
-
|
|
56004
|
-
|
|
56005
|
-
|
|
56006
|
-
}, void 0),
|
|
56007
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[3], fontWeight: theme.fontWeights.medium, marginBottom: theme.space[2], color: theme.colors.text }, children: "Visual Validation Setup" }, void 0, false, {
|
|
56008
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56009
|
-
lineNumber: 1074,
|
|
56010
|
-
columnNumber: 13
|
|
56011
|
-
}, void 0),
|
|
56012
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[2], marginBottom: theme.space[3], maxWidth: "80%", lineHeight: 1.5 }, children: "Initialize Visual Validation to create architecture diagrams that connect to your codebase." }, void 0, false, {
|
|
56013
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56014
|
-
lineNumber: 1077,
|
|
56015
|
-
columnNumber: 13
|
|
56016
|
-
}, void 0),
|
|
56017
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55114
|
+
/* @__PURE__ */ jsx(Network, { size: 56, style: { marginBottom: theme.space[3], opacity: 0.3 } }),
|
|
55115
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[3], fontWeight: theme.fontWeights.medium, marginBottom: theme.space[2], color: theme.colors.text }, children: "Visual Validation Setup" }),
|
|
55116
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[2], marginBottom: theme.space[3], maxWidth: "80%", lineHeight: 1.5 }, children: "Initialize Visual Validation to create architecture diagrams that connect to your codebase." }),
|
|
55117
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56018
55118
|
display: "flex",
|
|
56019
55119
|
flexDirection: "column",
|
|
56020
55120
|
gap: theme.space[2],
|
|
56021
55121
|
width: "90%",
|
|
56022
55122
|
maxWidth: "400px"
|
|
56023
55123
|
}, children: [
|
|
56024
|
-
/* @__PURE__ */
|
|
56025
|
-
|
|
56026
|
-
lineNumber: 1089,
|
|
56027
|
-
columnNumber: 15
|
|
56028
|
-
}, void 0),
|
|
56029
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
55124
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }),
|
|
55125
|
+
/* @__PURE__ */ jsxs(
|
|
56030
55126
|
"button",
|
|
56031
55127
|
{
|
|
56032
55128
|
onClick: handleCopyCommand,
|
|
@@ -56047,37 +55143,13 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
56047
55143
|
transition: "all 0.15s"
|
|
56048
55144
|
},
|
|
56049
55145
|
children: [
|
|
56050
|
-
/* @__PURE__ */
|
|
56051
|
-
|
|
56052
|
-
lineNumber: 1111,
|
|
56053
|
-
columnNumber: 17
|
|
56054
|
-
}, void 0),
|
|
56055
|
-
copied ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }, void 0, false, {
|
|
56056
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56057
|
-
lineNumber: 1115,
|
|
56058
|
-
columnNumber: 19
|
|
56059
|
-
}, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } }, void 0, false, {
|
|
56060
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56061
|
-
lineNumber: 1117,
|
|
56062
|
-
columnNumber: 19
|
|
56063
|
-
}, void 0)
|
|
55146
|
+
/* @__PURE__ */ jsx("code", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: cliCommand }),
|
|
55147
|
+
copied ? /* @__PURE__ */ jsx(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }) : /* @__PURE__ */ jsx(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } })
|
|
56064
55148
|
]
|
|
56065
|
-
}
|
|
56066
|
-
void 0,
|
|
56067
|
-
true,
|
|
56068
|
-
{
|
|
56069
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56070
|
-
lineNumber: 1092,
|
|
56071
|
-
columnNumber: 15
|
|
56072
|
-
},
|
|
56073
|
-
void 0
|
|
55149
|
+
}
|
|
56074
55150
|
),
|
|
56075
|
-
/* @__PURE__ */
|
|
56076
|
-
|
|
56077
|
-
lineNumber: 1120,
|
|
56078
|
-
columnNumber: 15
|
|
56079
|
-
}, void 0),
|
|
56080
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
55151
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }),
|
|
55152
|
+
/* @__PURE__ */ jsxs(
|
|
56081
55153
|
"a",
|
|
56082
55154
|
{
|
|
56083
55155
|
href: "https://www.npmjs.com/package/@principal-ai/principal-view-cli",
|
|
@@ -56096,42 +55168,14 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
56096
55168
|
},
|
|
56097
55169
|
children: [
|
|
56098
55170
|
"Learn more on npm",
|
|
56099
|
-
/* @__PURE__ */
|
|
56100
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56101
|
-
lineNumber: 1142,
|
|
56102
|
-
columnNumber: 17
|
|
56103
|
-
}, void 0)
|
|
55171
|
+
/* @__PURE__ */ jsx(ExternalLink, { size: 14 })
|
|
56104
55172
|
]
|
|
56105
|
-
}
|
|
56106
|
-
void 0,
|
|
56107
|
-
true,
|
|
56108
|
-
{
|
|
56109
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56110
|
-
lineNumber: 1125,
|
|
56111
|
-
columnNumber: 15
|
|
56112
|
-
},
|
|
56113
|
-
void 0
|
|
55173
|
+
}
|
|
56114
55174
|
)
|
|
56115
|
-
] }
|
|
56116
|
-
|
|
56117
|
-
|
|
56118
|
-
|
|
56119
|
-
}, void 0)
|
|
56120
|
-
] }, void 0, true, {
|
|
56121
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56122
|
-
lineNumber: 1062,
|
|
56123
|
-
columnNumber: 11
|
|
56124
|
-
}, void 0)
|
|
56125
|
-
] }, void 0, true, {
|
|
56126
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56127
|
-
lineNumber: 1012,
|
|
56128
|
-
columnNumber: 9
|
|
56129
|
-
}, void 0)
|
|
56130
|
-
] }, void 0, true, {
|
|
56131
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56132
|
-
lineNumber: 659,
|
|
56133
|
-
columnNumber: 5
|
|
56134
|
-
}, void 0);
|
|
55175
|
+
] })
|
|
55176
|
+
] })
|
|
55177
|
+
] })
|
|
55178
|
+
] });
|
|
56135
55179
|
};
|
|
56136
55180
|
ConfigLibraryBrowserPanel.displayName = "ConfigLibraryBrowserPanel";
|
|
56137
55181
|
const focusNodeTool = {
|
|
@@ -56420,7 +55464,7 @@ const EventControllerPanel = ({
|
|
|
56420
55464
|
return theme.colors.textMuted;
|
|
56421
55465
|
}
|
|
56422
55466
|
};
|
|
56423
|
-
return /* @__PURE__ */
|
|
55467
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
56424
55468
|
height: "100%",
|
|
56425
55469
|
width: "100%",
|
|
56426
55470
|
backgroundColor: theme.colors.background,
|
|
@@ -56434,44 +55478,32 @@ const EventControllerPanel = ({
|
|
|
56434
55478
|
overflow: "hidden",
|
|
56435
55479
|
boxSizing: "border-box"
|
|
56436
55480
|
}, children: [
|
|
56437
|
-
/* @__PURE__ */
|
|
55481
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56438
55482
|
display: "flex",
|
|
56439
55483
|
justifyContent: "space-between",
|
|
56440
55484
|
alignItems: "center",
|
|
56441
55485
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
56442
55486
|
paddingBottom: theme.space[3]
|
|
56443
55487
|
}, children: [
|
|
56444
|
-
/* @__PURE__ */
|
|
55488
|
+
/* @__PURE__ */ jsx("h3", { style: {
|
|
56445
55489
|
margin: 0,
|
|
56446
55490
|
fontSize: theme.fontSizes[2],
|
|
56447
55491
|
fontWeight: theme.fontWeights.medium,
|
|
56448
55492
|
color: theme.colors.text
|
|
56449
|
-
}, children: "Event Controller" },
|
|
56450
|
-
|
|
56451
|
-
lineNumber: 301,
|
|
56452
|
-
columnNumber: 9
|
|
56453
|
-
}, void 0),
|
|
56454
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[1] }, children: [
|
|
55493
|
+
}, children: "Event Controller" }),
|
|
55494
|
+
/* @__PURE__ */ jsxs("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[1] }, children: [
|
|
56455
55495
|
events.length,
|
|
56456
55496
|
" events"
|
|
56457
|
-
] }
|
|
56458
|
-
|
|
56459
|
-
|
|
56460
|
-
columnNumber: 9
|
|
56461
|
-
}, void 0)
|
|
56462
|
-
] }, void 0, true, {
|
|
56463
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56464
|
-
lineNumber: 294,
|
|
56465
|
-
columnNumber: 7
|
|
56466
|
-
}, void 0),
|
|
56467
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55497
|
+
] })
|
|
55498
|
+
] }),
|
|
55499
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56468
55500
|
display: "flex",
|
|
56469
55501
|
justifyContent: "center",
|
|
56470
55502
|
alignItems: "center",
|
|
56471
55503
|
gap: theme.space[2],
|
|
56472
55504
|
padding: `${theme.space[2]} 0`
|
|
56473
55505
|
}, children: [
|
|
56474
|
-
/* @__PURE__ */
|
|
55506
|
+
/* @__PURE__ */ jsx(
|
|
56475
55507
|
"button",
|
|
56476
55508
|
{
|
|
56477
55509
|
onClick: stepPrevious,
|
|
@@ -56491,22 +55523,10 @@ const EventControllerPanel = ({
|
|
|
56491
55523
|
transition: "all 0.2s"
|
|
56492
55524
|
},
|
|
56493
55525
|
title: "Step Back",
|
|
56494
|
-
children: /* @__PURE__ */
|
|
56495
|
-
|
|
56496
|
-
lineNumber: 342,
|
|
56497
|
-
columnNumber: 11
|
|
56498
|
-
}, void 0)
|
|
56499
|
-
},
|
|
56500
|
-
void 0,
|
|
56501
|
-
false,
|
|
56502
|
-
{
|
|
56503
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56504
|
-
lineNumber: 323,
|
|
56505
|
-
columnNumber: 9
|
|
56506
|
-
},
|
|
56507
|
-
void 0
|
|
55526
|
+
children: /* @__PURE__ */ jsx(SkipBack, { size: 16 })
|
|
55527
|
+
}
|
|
56508
55528
|
),
|
|
56509
|
-
/* @__PURE__ */
|
|
55529
|
+
/* @__PURE__ */ jsx(
|
|
56510
55530
|
"button",
|
|
56511
55531
|
{
|
|
56512
55532
|
onClick: handleStop,
|
|
@@ -56524,22 +55544,10 @@ const EventControllerPanel = ({
|
|
|
56524
55544
|
transition: "all 0.2s"
|
|
56525
55545
|
},
|
|
56526
55546
|
title: "Stop",
|
|
56527
|
-
children: /* @__PURE__ */
|
|
56528
|
-
|
|
56529
|
-
lineNumber: 363,
|
|
56530
|
-
columnNumber: 11
|
|
56531
|
-
}, void 0)
|
|
56532
|
-
},
|
|
56533
|
-
void 0,
|
|
56534
|
-
false,
|
|
56535
|
-
{
|
|
56536
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56537
|
-
lineNumber: 346,
|
|
56538
|
-
columnNumber: 9
|
|
56539
|
-
},
|
|
56540
|
-
void 0
|
|
55547
|
+
children: /* @__PURE__ */ jsx(Square, { size: 16 })
|
|
55548
|
+
}
|
|
56541
55549
|
),
|
|
56542
|
-
/* @__PURE__ */
|
|
55550
|
+
/* @__PURE__ */ jsx(
|
|
56543
55551
|
"button",
|
|
56544
55552
|
{
|
|
56545
55553
|
onClick: status === "playing" ? handlePause : handlePlay,
|
|
@@ -56559,26 +55567,10 @@ const EventControllerPanel = ({
|
|
|
56559
55567
|
transition: "all 0.2s"
|
|
56560
55568
|
},
|
|
56561
55569
|
title: status === "playing" ? "Pause" : "Play",
|
|
56562
|
-
children: status === "playing" ? /* @__PURE__ */
|
|
56563
|
-
|
|
56564
|
-
lineNumber: 390,
|
|
56565
|
-
columnNumber: 35
|
|
56566
|
-
}, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Play, { size: 20 }, void 0, false, {
|
|
56567
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56568
|
-
lineNumber: 390,
|
|
56569
|
-
columnNumber: 57
|
|
56570
|
-
}, void 0)
|
|
56571
|
-
},
|
|
56572
|
-
void 0,
|
|
56573
|
-
false,
|
|
56574
|
-
{
|
|
56575
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56576
|
-
lineNumber: 367,
|
|
56577
|
-
columnNumber: 9
|
|
56578
|
-
},
|
|
56579
|
-
void 0
|
|
55570
|
+
children: status === "playing" ? /* @__PURE__ */ jsx(Pause, { size: 20 }) : /* @__PURE__ */ jsx(Play, { size: 20 })
|
|
55571
|
+
}
|
|
56580
55572
|
),
|
|
56581
|
-
/* @__PURE__ */
|
|
55573
|
+
/* @__PURE__ */ jsx(
|
|
56582
55574
|
"button",
|
|
56583
55575
|
{
|
|
56584
55576
|
onClick: stepNext,
|
|
@@ -56598,22 +55590,10 @@ const EventControllerPanel = ({
|
|
|
56598
55590
|
transition: "all 0.2s"
|
|
56599
55591
|
},
|
|
56600
55592
|
title: "Step Forward",
|
|
56601
|
-
children: /* @__PURE__ */
|
|
56602
|
-
|
|
56603
|
-
lineNumber: 413,
|
|
56604
|
-
columnNumber: 11
|
|
56605
|
-
}, void 0)
|
|
56606
|
-
},
|
|
56607
|
-
void 0,
|
|
56608
|
-
false,
|
|
56609
|
-
{
|
|
56610
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56611
|
-
lineNumber: 394,
|
|
56612
|
-
columnNumber: 9
|
|
56613
|
-
},
|
|
56614
|
-
void 0
|
|
55593
|
+
children: /* @__PURE__ */ jsx(SkipForward, { size: 16 })
|
|
55594
|
+
}
|
|
56615
55595
|
),
|
|
56616
|
-
/* @__PURE__ */
|
|
55596
|
+
/* @__PURE__ */ jsx(
|
|
56617
55597
|
"button",
|
|
56618
55598
|
{
|
|
56619
55599
|
onClick: handleStop,
|
|
@@ -56631,57 +55611,29 @@ const EventControllerPanel = ({
|
|
|
56631
55611
|
transition: "all 0.2s"
|
|
56632
55612
|
},
|
|
56633
55613
|
title: "Reset",
|
|
56634
|
-
children: /* @__PURE__ */
|
|
56635
|
-
|
|
56636
|
-
lineNumber: 434,
|
|
56637
|
-
columnNumber: 11
|
|
56638
|
-
}, void 0)
|
|
56639
|
-
},
|
|
56640
|
-
void 0,
|
|
56641
|
-
false,
|
|
56642
|
-
{
|
|
56643
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56644
|
-
lineNumber: 417,
|
|
56645
|
-
columnNumber: 9
|
|
56646
|
-
},
|
|
56647
|
-
void 0
|
|
55614
|
+
children: /* @__PURE__ */ jsx(RotateCcw, { size: 16 })
|
|
55615
|
+
}
|
|
56648
55616
|
)
|
|
56649
|
-
] },
|
|
56650
|
-
|
|
56651
|
-
|
|
56652
|
-
columnNumber: 7
|
|
56653
|
-
}, void 0),
|
|
56654
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { padding: `0 ${theme.space[1]}` }, children: [
|
|
56655
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55617
|
+
] }),
|
|
55618
|
+
/* @__PURE__ */ jsxs("div", { style: { padding: `0 ${theme.space[1]}` }, children: [
|
|
55619
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56656
55620
|
display: "flex",
|
|
56657
55621
|
justifyContent: "space-between",
|
|
56658
55622
|
marginBottom: theme.space[1],
|
|
56659
55623
|
fontSize: theme.fontSizes[0],
|
|
56660
55624
|
color: theme.colors.textMuted
|
|
56661
55625
|
}, children: [
|
|
56662
|
-
/* @__PURE__ */
|
|
55626
|
+
/* @__PURE__ */ jsxs("span", { children: [
|
|
56663
55627
|
currentIndex + 1,
|
|
56664
55628
|
" / ",
|
|
56665
55629
|
events.length
|
|
56666
|
-
] },
|
|
56667
|
-
|
|
56668
|
-
lineNumber: 447,
|
|
56669
|
-
columnNumber: 11
|
|
56670
|
-
}, void 0),
|
|
56671
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: [
|
|
55630
|
+
] }),
|
|
55631
|
+
/* @__PURE__ */ jsxs("span", { children: [
|
|
56672
55632
|
speed,
|
|
56673
55633
|
"x"
|
|
56674
|
-
] }
|
|
56675
|
-
|
|
56676
|
-
|
|
56677
|
-
columnNumber: 11
|
|
56678
|
-
}, void 0)
|
|
56679
|
-
] }, void 0, true, {
|
|
56680
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56681
|
-
lineNumber: 440,
|
|
56682
|
-
columnNumber: 9
|
|
56683
|
-
}, void 0),
|
|
56684
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
55634
|
+
] })
|
|
55635
|
+
] }),
|
|
55636
|
+
/* @__PURE__ */ jsx(
|
|
56685
55637
|
"input",
|
|
56686
55638
|
{
|
|
56687
55639
|
type: "range",
|
|
@@ -56695,26 +55647,14 @@ const EventControllerPanel = ({
|
|
|
56695
55647
|
cursor: "pointer",
|
|
56696
55648
|
accentColor: theme.colors.primary
|
|
56697
55649
|
}
|
|
56698
|
-
}
|
|
56699
|
-
void 0,
|
|
56700
|
-
false,
|
|
56701
|
-
{
|
|
56702
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56703
|
-
lineNumber: 450,
|
|
56704
|
-
columnNumber: 9
|
|
56705
|
-
},
|
|
56706
|
-
void 0
|
|
55650
|
+
}
|
|
56707
55651
|
)
|
|
56708
|
-
] },
|
|
56709
|
-
|
|
56710
|
-
lineNumber: 439,
|
|
56711
|
-
columnNumber: 7
|
|
56712
|
-
}, void 0),
|
|
56713
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55652
|
+
] }),
|
|
55653
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56714
55654
|
display: "flex",
|
|
56715
55655
|
justifyContent: "center",
|
|
56716
55656
|
gap: theme.space[1]
|
|
56717
|
-
}, children: SPEED_OPTIONS.map((s) => /* @__PURE__ */
|
|
55657
|
+
}, children: SPEED_OPTIONS.map((s) => /* @__PURE__ */ jsxs(
|
|
56718
55658
|
"button",
|
|
56719
55659
|
{
|
|
56720
55660
|
onClick: () => setSpeed(s),
|
|
@@ -56734,20 +55674,9 @@ const EventControllerPanel = ({
|
|
|
56734
55674
|
"x"
|
|
56735
55675
|
]
|
|
56736
55676
|
},
|
|
56737
|
-
s
|
|
56738
|
-
|
|
56739
|
-
|
|
56740
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56741
|
-
lineNumber: 472,
|
|
56742
|
-
columnNumber: 11
|
|
56743
|
-
},
|
|
56744
|
-
void 0
|
|
56745
|
-
)) }, void 0, false, {
|
|
56746
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56747
|
-
lineNumber: 466,
|
|
56748
|
-
columnNumber: 7
|
|
56749
|
-
}, void 0),
|
|
56750
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55677
|
+
s
|
|
55678
|
+
)) }),
|
|
55679
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56751
55680
|
display: "flex",
|
|
56752
55681
|
alignItems: "center",
|
|
56753
55682
|
gap: theme.space[2],
|
|
@@ -56756,40 +55685,24 @@ const EventControllerPanel = ({
|
|
|
56756
55685
|
borderRadius: theme.radii[1],
|
|
56757
55686
|
border: `1px solid ${theme.colors.border}`
|
|
56758
55687
|
}, children: [
|
|
56759
|
-
/* @__PURE__ */
|
|
55688
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56760
55689
|
width: "8px",
|
|
56761
55690
|
height: "8px",
|
|
56762
55691
|
borderRadius: "50%",
|
|
56763
55692
|
backgroundColor: getStatusColor()
|
|
56764
|
-
} },
|
|
56765
|
-
|
|
56766
|
-
lineNumber: 502,
|
|
56767
|
-
columnNumber: 9
|
|
56768
|
-
}, void 0),
|
|
56769
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
|
|
55693
|
+
} }),
|
|
55694
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
56770
55695
|
textTransform: "capitalize",
|
|
56771
55696
|
fontSize: theme.fontSizes[1],
|
|
56772
55697
|
color: theme.colors.text
|
|
56773
|
-
}, children: status },
|
|
56774
|
-
|
|
56775
|
-
lineNumber: 508,
|
|
56776
|
-
columnNumber: 9
|
|
56777
|
-
}, void 0),
|
|
56778
|
-
status === "playing" && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[0] }, children: [
|
|
55698
|
+
}, children: status }),
|
|
55699
|
+
status === "playing" && /* @__PURE__ */ jsxs("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[0] }, children: [
|
|
56779
55700
|
"@ ",
|
|
56780
55701
|
speed,
|
|
56781
55702
|
"x speed"
|
|
56782
|
-
] }
|
|
56783
|
-
|
|
56784
|
-
|
|
56785
|
-
columnNumber: 11
|
|
56786
|
-
}, void 0)
|
|
56787
|
-
] }, void 0, true, {
|
|
56788
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56789
|
-
lineNumber: 493,
|
|
56790
|
-
columnNumber: 7
|
|
56791
|
-
}, void 0),
|
|
56792
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55703
|
+
] })
|
|
55704
|
+
] }),
|
|
55705
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56793
55706
|
flex: 1,
|
|
56794
55707
|
overflow: "auto",
|
|
56795
55708
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
@@ -56797,16 +55710,12 @@ const EventControllerPanel = ({
|
|
|
56797
55710
|
border: `1px solid ${theme.colors.border}`,
|
|
56798
55711
|
minHeight: 0
|
|
56799
55712
|
// Allow shrinking in flex container
|
|
56800
|
-
}, children: /* @__PURE__ */
|
|
55713
|
+
}, children: /* @__PURE__ */ jsx("div", { style: { padding: theme.space[2] }, children: events.length === 0 ? /* @__PURE__ */ jsx("div", { style: {
|
|
56801
55714
|
color: theme.colors.textMuted,
|
|
56802
55715
|
textAlign: "center",
|
|
56803
55716
|
padding: theme.space[5],
|
|
56804
55717
|
fontSize: theme.fontSizes[1]
|
|
56805
|
-
}, children: "No events loaded" }
|
|
56806
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56807
|
-
lineNumber: 533,
|
|
56808
|
-
columnNumber: 13
|
|
56809
|
-
}, void 0) : events.map((event, index2) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
|
|
55718
|
+
}, children: "No events loaded" }) : events.map((event, index2) => /* @__PURE__ */ jsxs(
|
|
56810
55719
|
"div",
|
|
56811
55720
|
{
|
|
56812
55721
|
onClick: () => handleSeek(index2),
|
|
@@ -56820,69 +55729,34 @@ const EventControllerPanel = ({
|
|
|
56820
55729
|
transition: "background-color 0.15s"
|
|
56821
55730
|
},
|
|
56822
55731
|
children: [
|
|
56823
|
-
/* @__PURE__ */
|
|
55732
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56824
55733
|
display: "flex",
|
|
56825
55734
|
justifyContent: "space-between",
|
|
56826
55735
|
alignItems: "center"
|
|
56827
55736
|
}, children: [
|
|
56828
|
-
/* @__PURE__ */
|
|
55737
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
56829
55738
|
fontFamily: theme.fonts.monospace,
|
|
56830
55739
|
fontSize: theme.fontSizes[0],
|
|
56831
55740
|
color: index2 === currentIndex ? "white" : index2 <= currentIndex ? theme.colors.primary : theme.colors.textMuted
|
|
56832
|
-
}, children: getEventTypeDisplay(event) },
|
|
56833
|
-
|
|
56834
|
-
lineNumber: 567,
|
|
56835
|
-
columnNumber: 19
|
|
56836
|
-
}, void 0),
|
|
56837
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
|
|
55741
|
+
}, children: getEventTypeDisplay(event) }),
|
|
55742
|
+
/* @__PURE__ */ jsxs("span", { style: {
|
|
56838
55743
|
fontSize: theme.fontSizes[0],
|
|
56839
55744
|
color: index2 === currentIndex ? "rgba(255,255,255,0.7)" : theme.colors.textMuted
|
|
56840
55745
|
}, children: [
|
|
56841
55746
|
"#",
|
|
56842
55747
|
index2 + 1
|
|
56843
|
-
] }
|
|
56844
|
-
|
|
56845
|
-
|
|
56846
|
-
columnNumber: 19
|
|
56847
|
-
}, void 0)
|
|
56848
|
-
] }, void 0, true, {
|
|
56849
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56850
|
-
lineNumber: 562,
|
|
56851
|
-
columnNumber: 17
|
|
56852
|
-
}, void 0),
|
|
56853
|
-
/* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
|
|
55748
|
+
] })
|
|
55749
|
+
] }),
|
|
55750
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56854
55751
|
fontSize: theme.fontSizes[0],
|
|
56855
55752
|
color: index2 === currentIndex ? "rgba(255,255,255,0.8)" : index2 <= currentIndex ? theme.colors.textSecondary : theme.colors.textMuted,
|
|
56856
55753
|
marginTop: theme.space[1]
|
|
56857
|
-
}, children: getEventTargetDisplay(event) }
|
|
56858
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56859
|
-
lineNumber: 585,
|
|
56860
|
-
columnNumber: 17
|
|
56861
|
-
}, void 0)
|
|
55754
|
+
}, children: getEventTargetDisplay(event) })
|
|
56862
55755
|
]
|
|
56863
55756
|
},
|
|
56864
|
-
event.id
|
|
56865
|
-
|
|
56866
|
-
|
|
56867
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56868
|
-
lineNumber: 543,
|
|
56869
|
-
columnNumber: 15
|
|
56870
|
-
},
|
|
56871
|
-
void 0
|
|
56872
|
-
)) }, void 0, false, {
|
|
56873
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56874
|
-
lineNumber: 531,
|
|
56875
|
-
columnNumber: 9
|
|
56876
|
-
}, void 0) }, void 0, false, {
|
|
56877
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56878
|
-
lineNumber: 523,
|
|
56879
|
-
columnNumber: 7
|
|
56880
|
-
}, void 0)
|
|
56881
|
-
] }, void 0, true, {
|
|
56882
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56883
|
-
lineNumber: 279,
|
|
56884
|
-
columnNumber: 5
|
|
56885
|
-
}, void 0);
|
|
55757
|
+
event.id
|
|
55758
|
+
)) }) })
|
|
55759
|
+
] });
|
|
56886
55760
|
};
|
|
56887
55761
|
EventControllerPanel.displayName = "EventControllerPanel";
|
|
56888
55762
|
const panels = [
|