@industry-theme/principal-view-panels 0.1.7 → 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 +373 -1470
- package/dist/panels.bundle.js.map +1 -1
- package/package.json +2 -2
package/dist/panels.bundle.js
CHANGED
|
@@ -13,9 +13,8 @@
|
|
|
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 {
|
|
16
|
+
import require$$0, { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
17
17
|
import React2, { createContext, useContext, forwardRef, createElement, useRef, useState, useCallback, useEffect, useMemo } from "react";
|
|
18
|
-
import require$$0 from "react/jsx-runtime";
|
|
19
18
|
import require$$2 from "react-dom";
|
|
20
19
|
var ThemeContext;
|
|
21
20
|
var getThemeContext = () => {
|
|
@@ -53173,7 +53172,7 @@ function applySugiyamaLayout(canvas, options = {}) {
|
|
|
53173
53172
|
}
|
|
53174
53173
|
}
|
|
53175
53174
|
const ErrorStateContent = ({ theme, error, onRetry }) => {
|
|
53176
|
-
return /* @__PURE__ */
|
|
53175
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
53177
53176
|
display: "flex",
|
|
53178
53177
|
flexDirection: "column",
|
|
53179
53178
|
alignItems: "center",
|
|
@@ -53185,22 +53184,10 @@ const ErrorStateContent = ({ theme, error, onRetry }) => {
|
|
|
53185
53184
|
fontFamily: theme.fonts.body,
|
|
53186
53185
|
textAlign: "center"
|
|
53187
53186
|
}, children: [
|
|
53188
|
-
/* @__PURE__ */
|
|
53189
|
-
|
|
53190
|
-
|
|
53191
|
-
|
|
53192
|
-
}, void 0),
|
|
53193
|
-
/* @__PURE__ */ jsxDEV("h3", { style: { marginTop: theme.space[3], marginBottom: theme.space[2] }, children: "Configuration Error" }, void 0, false, {
|
|
53194
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
|
|
53195
|
-
lineNumber: 30,
|
|
53196
|
-
columnNumber: 7
|
|
53197
|
-
}, void 0),
|
|
53198
|
-
/* @__PURE__ */ jsxDEV("p", { style: { color: theme.colors.textMuted, marginTop: theme.space[2], maxWidth: "400px" }, children: error }, void 0, false, {
|
|
53199
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
|
|
53200
|
-
lineNumber: 33,
|
|
53201
|
-
columnNumber: 7
|
|
53202
|
-
}, void 0),
|
|
53203
|
-
/* @__PURE__ */ 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(
|
|
53204
53191
|
"button",
|
|
53205
53192
|
{
|
|
53206
53193
|
onClick: onRetry,
|
|
@@ -53216,24 +53203,12 @@ const ErrorStateContent = ({ theme, error, onRetry }) => {
|
|
|
53216
53203
|
fontSize: theme.fontSizes[2]
|
|
53217
53204
|
},
|
|
53218
53205
|
children: "Retry"
|
|
53219
|
-
}
|
|
53220
|
-
void 0,
|
|
53221
|
-
false,
|
|
53222
|
-
{
|
|
53223
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
|
|
53224
|
-
lineNumber: 36,
|
|
53225
|
-
columnNumber: 7
|
|
53226
|
-
},
|
|
53227
|
-
void 0
|
|
53206
|
+
}
|
|
53228
53207
|
)
|
|
53229
|
-
] }
|
|
53230
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
|
|
53231
|
-
lineNumber: 17,
|
|
53232
|
-
columnNumber: 5
|
|
53233
|
-
}, void 0);
|
|
53208
|
+
] });
|
|
53234
53209
|
};
|
|
53235
53210
|
const EmptyStateContent = ({ theme }) => {
|
|
53236
|
-
return /* @__PURE__ */
|
|
53211
|
+
return /* @__PURE__ */ jsx("div", { style: {
|
|
53237
53212
|
display: "flex",
|
|
53238
53213
|
flexDirection: "column",
|
|
53239
53214
|
alignItems: "center",
|
|
@@ -53246,7 +53221,7 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53246
53221
|
fontFamily: theme.fonts.body,
|
|
53247
53222
|
textAlign: "center",
|
|
53248
53223
|
boxSizing: "border-box"
|
|
53249
|
-
}, children: /* @__PURE__ */
|
|
53224
|
+
}, children: /* @__PURE__ */ jsxs("div", { style: {
|
|
53250
53225
|
maxWidth: "800px",
|
|
53251
53226
|
width: "100%",
|
|
53252
53227
|
paddingTop: theme.space[4],
|
|
@@ -53255,34 +53230,22 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53255
53230
|
flexDirection: "column",
|
|
53256
53231
|
alignItems: "center"
|
|
53257
53232
|
}, children: [
|
|
53258
|
-
/* @__PURE__ */
|
|
53259
|
-
|
|
53260
|
-
lineNumber: 39,
|
|
53261
|
-
columnNumber: 9
|
|
53262
|
-
}, void 0),
|
|
53263
|
-
/* @__PURE__ */ jsxDEV("h2", { style: {
|
|
53233
|
+
/* @__PURE__ */ jsx(FileText, { size: 48, color: theme.colors.primary, style: { marginBottom: theme.space[3] } }),
|
|
53234
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
53264
53235
|
margin: 0,
|
|
53265
53236
|
marginBottom: theme.space[3],
|
|
53266
53237
|
fontSize: theme.fontSizes[4],
|
|
53267
53238
|
fontWeight: theme.fontWeights.bold,
|
|
53268
53239
|
color: theme.colors.text
|
|
53269
|
-
}, children: "Principal View Graph Panel" },
|
|
53270
|
-
|
|
53271
|
-
lineNumber: 41,
|
|
53272
|
-
columnNumber: 9
|
|
53273
|
-
}, void 0),
|
|
53274
|
-
/* @__PURE__ */ jsxDEV("p", { style: {
|
|
53240
|
+
}, children: "Principal View Graph Panel" }),
|
|
53241
|
+
/* @__PURE__ */ jsx("p", { style: {
|
|
53275
53242
|
margin: 0,
|
|
53276
53243
|
marginBottom: theme.space[2],
|
|
53277
53244
|
fontSize: theme.fontSizes[2],
|
|
53278
53245
|
color: theme.colors.textSecondary,
|
|
53279
53246
|
lineHeight: 1.6
|
|
53280
|
-
}, children: "This panel visualizes your project's component architecture and validation flows using a declarative YAML configuration file." },
|
|
53281
|
-
|
|
53282
|
-
lineNumber: 51,
|
|
53283
|
-
columnNumber: 9
|
|
53284
|
-
}, void 0),
|
|
53285
|
-
/* @__PURE__ */ 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: {
|
|
53286
53249
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
53287
53250
|
borderRadius: theme.radii[2],
|
|
53288
53251
|
padding: theme.space[3],
|
|
@@ -53292,19 +53255,15 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53292
53255
|
maxWidth: "600px",
|
|
53293
53256
|
border: `1px solid ${theme.colors.border}`
|
|
53294
53257
|
}, children: [
|
|
53295
|
-
/* @__PURE__ */
|
|
53258
|
+
/* @__PURE__ */ jsx("h3", { style: {
|
|
53296
53259
|
margin: 0,
|
|
53297
53260
|
marginBottom: theme.space[2],
|
|
53298
53261
|
fontSize: theme.fontSizes[2],
|
|
53299
53262
|
fontWeight: theme.fontWeights.medium,
|
|
53300
53263
|
color: theme.colors.text,
|
|
53301
53264
|
textAlign: "left"
|
|
53302
|
-
}, children: "What you'll see:" },
|
|
53303
|
-
|
|
53304
|
-
lineNumber: 72,
|
|
53305
|
-
columnNumber: 11
|
|
53306
|
-
}, void 0),
|
|
53307
|
-
/* @__PURE__ */ jsxDEV("ul", { style: {
|
|
53265
|
+
}, children: "What you'll see:" }),
|
|
53266
|
+
/* @__PURE__ */ jsxs("ul", { style: {
|
|
53308
53267
|
margin: 0,
|
|
53309
53268
|
padding: 0,
|
|
53310
53269
|
listStyle: "none",
|
|
@@ -53312,102 +53271,42 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53312
53271
|
color: theme.colors.textSecondary,
|
|
53313
53272
|
fontSize: theme.fontSizes[1]
|
|
53314
53273
|
}, children: [
|
|
53315
|
-
/* @__PURE__ */
|
|
53316
|
-
/* @__PURE__ */
|
|
53317
|
-
|
|
53318
|
-
|
|
53319
|
-
|
|
53320
|
-
},
|
|
53321
|
-
/* @__PURE__ */
|
|
53322
|
-
|
|
53323
|
-
|
|
53324
|
-
|
|
53325
|
-
|
|
53326
|
-
] },
|
|
53327
|
-
|
|
53328
|
-
|
|
53329
|
-
|
|
53330
|
-
}
|
|
53331
|
-
|
|
53332
|
-
|
|
53333
|
-
|
|
53334
|
-
lineNumber: 96,
|
|
53335
|
-
columnNumber: 15
|
|
53336
|
-
}, void 0),
|
|
53337
|
-
/* @__PURE__ */ jsxDEV("span", { children: "Path-based validation rules and dependencies" }, void 0, false, {
|
|
53338
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53339
|
-
lineNumber: 97,
|
|
53340
|
-
columnNumber: 15
|
|
53341
|
-
}, void 0)
|
|
53342
|
-
] }, void 0, true, {
|
|
53343
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53344
|
-
lineNumber: 95,
|
|
53345
|
-
columnNumber: 13
|
|
53346
|
-
}, void 0),
|
|
53347
|
-
/* @__PURE__ */ jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
|
|
53348
|
-
/* @__PURE__ */ jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
|
|
53349
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53350
|
-
lineNumber: 100,
|
|
53351
|
-
columnNumber: 15
|
|
53352
|
-
}, void 0),
|
|
53353
|
-
/* @__PURE__ */ jsxDEV("span", { children: "Visual feedback on component structure and integration points" }, void 0, false, {
|
|
53354
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53355
|
-
lineNumber: 101,
|
|
53356
|
-
columnNumber: 15
|
|
53357
|
-
}, void 0)
|
|
53358
|
-
] }, void 0, true, {
|
|
53359
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53360
|
-
lineNumber: 99,
|
|
53361
|
-
columnNumber: 13
|
|
53362
|
-
}, void 0),
|
|
53363
|
-
/* @__PURE__ */ jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
|
|
53364
|
-
/* @__PURE__ */ jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
|
|
53365
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53366
|
-
lineNumber: 104,
|
|
53367
|
-
columnNumber: 15
|
|
53368
|
-
}, void 0),
|
|
53369
|
-
/* @__PURE__ */ jsxDEV("span", { children: "Customizable layouts and themes" }, void 0, false, {
|
|
53370
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53371
|
-
lineNumber: 105,
|
|
53372
|
-
columnNumber: 15
|
|
53373
|
-
}, void 0)
|
|
53374
|
-
] }, void 0, true, {
|
|
53375
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53376
|
-
lineNumber: 103,
|
|
53377
|
-
columnNumber: 13
|
|
53378
|
-
}, void 0)
|
|
53379
|
-
] }, void 0, true, {
|
|
53380
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53381
|
-
lineNumber: 83,
|
|
53382
|
-
columnNumber: 11
|
|
53383
|
-
}, void 0)
|
|
53384
|
-
] }, void 0, true, {
|
|
53385
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53386
|
-
lineNumber: 62,
|
|
53387
|
-
columnNumber: 9
|
|
53388
|
-
}, void 0),
|
|
53389
|
-
/* @__PURE__ */ 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: {
|
|
53390
53293
|
display: "flex",
|
|
53391
53294
|
flexDirection: "column",
|
|
53392
53295
|
gap: theme.space[3],
|
|
53393
53296
|
marginTop: theme.space[4]
|
|
53394
53297
|
}, children: [
|
|
53395
|
-
/* @__PURE__ */
|
|
53298
|
+
/* @__PURE__ */ jsx("h3", { style: {
|
|
53396
53299
|
margin: 0,
|
|
53397
53300
|
fontSize: theme.fontSizes[2],
|
|
53398
53301
|
fontWeight: theme.fontWeights.medium,
|
|
53399
53302
|
color: theme.colors.text
|
|
53400
|
-
}, children: "Get Started" },
|
|
53401
|
-
|
|
53402
|
-
lineNumber: 116,
|
|
53403
|
-
columnNumber: 11
|
|
53404
|
-
}, void 0),
|
|
53405
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
53303
|
+
}, children: "Get Started" }),
|
|
53304
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
53406
53305
|
display: "flex",
|
|
53407
53306
|
flexDirection: "column",
|
|
53408
53307
|
gap: theme.space[2]
|
|
53409
53308
|
}, children: [
|
|
53410
|
-
/* @__PURE__ */
|
|
53309
|
+
/* @__PURE__ */ jsxs(
|
|
53411
53310
|
"a",
|
|
53412
53311
|
{
|
|
53413
53312
|
href: "https://github.com/principal-ai/principal-view-core-library/blob/main/docs/CONFIGURATION_REFERENCE.md",
|
|
@@ -53435,51 +53334,23 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53435
53334
|
e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
|
|
53436
53335
|
},
|
|
53437
53336
|
children: [
|
|
53438
|
-
/* @__PURE__ */
|
|
53439
|
-
|
|
53440
|
-
|
|
53441
|
-
columnNumber: 15
|
|
53442
|
-
}, void 0),
|
|
53443
|
-
/* @__PURE__ */ jsxDEV("div", { style: { flex: 1 }, children: [
|
|
53444
|
-
/* @__PURE__ */ 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: {
|
|
53445
53340
|
fontSize: theme.fontSizes[2],
|
|
53446
53341
|
fontWeight: theme.fontWeights.medium,
|
|
53447
53342
|
marginBottom: theme.space[1]
|
|
53448
|
-
}, children: "Configuration Reference" },
|
|
53449
|
-
|
|
53450
|
-
lineNumber: 158,
|
|
53451
|
-
columnNumber: 17
|
|
53452
|
-
}, void 0),
|
|
53453
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
53343
|
+
}, children: "Configuration Reference" }),
|
|
53344
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
53454
53345
|
fontSize: theme.fontSizes[0],
|
|
53455
53346
|
color: theme.colors.textSecondary
|
|
53456
|
-
}, children: "Learn how to create .principal-views/ configurations with path-based validation" }
|
|
53457
|
-
|
|
53458
|
-
|
|
53459
|
-
columnNumber: 17
|
|
53460
|
-
}, void 0)
|
|
53461
|
-
] }, void 0, true, {
|
|
53462
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53463
|
-
lineNumber: 157,
|
|
53464
|
-
columnNumber: 15
|
|
53465
|
-
}, void 0),
|
|
53466
|
-
/* @__PURE__ */ jsxDEV(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } }, void 0, false, {
|
|
53467
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53468
|
-
lineNumber: 172,
|
|
53469
|
-
columnNumber: 15
|
|
53470
|
-
}, 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 } })
|
|
53471
53350
|
]
|
|
53472
|
-
}
|
|
53473
|
-
void 0,
|
|
53474
|
-
true,
|
|
53475
|
-
{
|
|
53476
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53477
|
-
lineNumber: 130,
|
|
53478
|
-
columnNumber: 13
|
|
53479
|
-
},
|
|
53480
|
-
void 0
|
|
53351
|
+
}
|
|
53481
53352
|
),
|
|
53482
|
-
/* @__PURE__ */
|
|
53353
|
+
/* @__PURE__ */ jsxs(
|
|
53483
53354
|
"a",
|
|
53484
53355
|
{
|
|
53485
53356
|
href: "https://www.npmjs.com/package/@principal-ai/principal-view-core",
|
|
@@ -53507,56 +53378,24 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53507
53378
|
e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
|
|
53508
53379
|
},
|
|
53509
53380
|
children: [
|
|
53510
|
-
/* @__PURE__ */
|
|
53511
|
-
|
|
53512
|
-
|
|
53513
|
-
columnNumber: 15
|
|
53514
|
-
}, void 0),
|
|
53515
|
-
/* @__PURE__ */ jsxDEV("div", { style: { flex: 1 }, children: [
|
|
53516
|
-
/* @__PURE__ */ 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: {
|
|
53517
53384
|
fontSize: theme.fontSizes[2],
|
|
53518
53385
|
fontWeight: theme.fontWeights.medium,
|
|
53519
53386
|
marginBottom: theme.space[1]
|
|
53520
|
-
}, children: "NPM Package Documentation" },
|
|
53521
|
-
|
|
53522
|
-
lineNumber: 203,
|
|
53523
|
-
columnNumber: 17
|
|
53524
|
-
}, void 0),
|
|
53525
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
53387
|
+
}, children: "NPM Package Documentation" }),
|
|
53388
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
53526
53389
|
fontSize: theme.fontSizes[0],
|
|
53527
53390
|
color: theme.colors.textSecondary
|
|
53528
|
-
}, children: "View @principal-ai/principal-view-core on npm" }
|
|
53529
|
-
|
|
53530
|
-
|
|
53531
|
-
columnNumber: 17
|
|
53532
|
-
}, void 0)
|
|
53533
|
-
] }, void 0, true, {
|
|
53534
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53535
|
-
lineNumber: 202,
|
|
53536
|
-
columnNumber: 15
|
|
53537
|
-
}, void 0),
|
|
53538
|
-
/* @__PURE__ */ jsxDEV(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } }, void 0, false, {
|
|
53539
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53540
|
-
lineNumber: 217,
|
|
53541
|
-
columnNumber: 15
|
|
53542
|
-
}, 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 } })
|
|
53543
53394
|
]
|
|
53544
|
-
}
|
|
53545
|
-
void 0,
|
|
53546
|
-
true,
|
|
53547
|
-
{
|
|
53548
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53549
|
-
lineNumber: 175,
|
|
53550
|
-
columnNumber: 13
|
|
53551
|
-
},
|
|
53552
|
-
void 0
|
|
53395
|
+
}
|
|
53553
53396
|
)
|
|
53554
|
-
] },
|
|
53555
|
-
|
|
53556
|
-
lineNumber: 125,
|
|
53557
|
-
columnNumber: 11
|
|
53558
|
-
}, void 0),
|
|
53559
|
-
/* @__PURE__ */ jsxDEV("p", { style: {
|
|
53397
|
+
] }),
|
|
53398
|
+
/* @__PURE__ */ jsxs("p", { style: {
|
|
53560
53399
|
margin: 0,
|
|
53561
53400
|
fontSize: theme.fontSizes[1],
|
|
53562
53401
|
color: theme.colors.textMuted,
|
|
@@ -53564,37 +53403,17 @@ const EmptyStateContent = ({ theme }) => {
|
|
|
53564
53403
|
textAlign: "center"
|
|
53565
53404
|
}, children: [
|
|
53566
53405
|
"Once you add a ",
|
|
53567
|
-
/* @__PURE__ */
|
|
53406
|
+
/* @__PURE__ */ jsx("code", { style: {
|
|
53568
53407
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
53569
53408
|
padding: `2px ${theme.space[1]}`,
|
|
53570
53409
|
borderRadius: theme.radii[0],
|
|
53571
53410
|
fontFamily: theme.fonts.monospace,
|
|
53572
53411
|
fontSize: theme.fontSizes[0]
|
|
53573
|
-
}, children: ".principal-views/" },
|
|
53574
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53575
|
-
lineNumber: 228,
|
|
53576
|
-
columnNumber: 28
|
|
53577
|
-
}, void 0),
|
|
53412
|
+
}, children: ".principal-views/" }),
|
|
53578
53413
|
" folder with YAML configuration files to your project root, the panel will automatically visualize your configurations."
|
|
53579
|
-
] }
|
|
53580
|
-
|
|
53581
|
-
|
|
53582
|
-
columnNumber: 11
|
|
53583
|
-
}, void 0)
|
|
53584
|
-
] }, void 0, true, {
|
|
53585
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53586
|
-
lineNumber: 110,
|
|
53587
|
-
columnNumber: 9
|
|
53588
|
-
}, void 0)
|
|
53589
|
-
] }, void 0, true, {
|
|
53590
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53591
|
-
lineNumber: 30,
|
|
53592
|
-
columnNumber: 7
|
|
53593
|
-
}, void 0) }, void 0, false, {
|
|
53594
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
|
|
53595
|
-
lineNumber: 16,
|
|
53596
|
-
columnNumber: 5
|
|
53597
|
-
}, void 0);
|
|
53414
|
+
] })
|
|
53415
|
+
] })
|
|
53416
|
+
] }) });
|
|
53598
53417
|
};
|
|
53599
53418
|
const DEFAULT_LAYOUT_CONFIG = {
|
|
53600
53419
|
direction: "TB",
|
|
@@ -53852,7 +53671,7 @@ const PrincipalViewGraphPanel = ({
|
|
|
53852
53671
|
return unsubscribe;
|
|
53853
53672
|
}, []);
|
|
53854
53673
|
if (state.loading) {
|
|
53855
|
-
return /* @__PURE__ */
|
|
53674
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
53856
53675
|
display: "flex",
|
|
53857
53676
|
alignItems: "center",
|
|
53858
53677
|
justifyContent: "center",
|
|
@@ -53860,63 +53679,39 @@ const PrincipalViewGraphPanel = ({
|
|
|
53860
53679
|
color: theme.colors.textMuted,
|
|
53861
53680
|
fontFamily: theme.fonts.body
|
|
53862
53681
|
}, children: [
|
|
53863
|
-
/* @__PURE__ */
|
|
53864
|
-
|
|
53865
|
-
|
|
53866
|
-
columnNumber: 9
|
|
53867
|
-
}, void 0),
|
|
53868
|
-
/* @__PURE__ */ jsxDEV("span", { style: { marginLeft: theme.space[2] }, children: "Loading configuration..." }, void 0, false, {
|
|
53869
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53870
|
-
lineNumber: 400,
|
|
53871
|
-
columnNumber: 9
|
|
53872
|
-
}, void 0)
|
|
53873
|
-
] }, void 0, true, {
|
|
53874
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53875
|
-
lineNumber: 391,
|
|
53876
|
-
columnNumber: 7
|
|
53877
|
-
}, 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
|
+
] });
|
|
53878
53685
|
}
|
|
53879
53686
|
if (state.error) {
|
|
53880
|
-
return /* @__PURE__ */
|
|
53881
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53882
|
-
lineNumber: 406,
|
|
53883
|
-
columnNumber: 12
|
|
53884
|
-
}, void 0);
|
|
53687
|
+
return /* @__PURE__ */ jsx(ErrorStateContent, { theme, error: state.error, onRetry: () => loadConfiguration() });
|
|
53885
53688
|
}
|
|
53886
53689
|
if (!state.canvas) {
|
|
53887
|
-
return /* @__PURE__ */
|
|
53888
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53889
|
-
lineNumber: 410,
|
|
53890
|
-
columnNumber: 12
|
|
53891
|
-
}, void 0);
|
|
53690
|
+
return /* @__PURE__ */ jsx(EmptyStateContent, { theme });
|
|
53892
53691
|
}
|
|
53893
|
-
return /* @__PURE__ */
|
|
53692
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
53894
53693
|
height: "100%",
|
|
53895
53694
|
width: "100%",
|
|
53896
53695
|
display: "flex",
|
|
53897
53696
|
flexDirection: "column",
|
|
53898
53697
|
fontFamily: theme.fonts.body
|
|
53899
53698
|
}, children: [
|
|
53900
|
-
/* @__PURE__ */
|
|
53699
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
53901
53700
|
padding: "16px 20px",
|
|
53902
53701
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
53903
53702
|
backgroundColor: theme.colors.background,
|
|
53904
53703
|
flexShrink: 0
|
|
53905
53704
|
}, children: [
|
|
53906
|
-
/* @__PURE__ */
|
|
53907
|
-
/* @__PURE__ */
|
|
53908
|
-
/* @__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: {
|
|
53909
53708
|
margin: 0,
|
|
53910
53709
|
fontSize: theme.fontSizes[3],
|
|
53911
53710
|
fontWeight: theme.fontWeights.medium,
|
|
53912
53711
|
color: theme.colors.text
|
|
53913
|
-
}, children: ((_a = state.canvas.pv) == null ? void 0 : _a.name) || "Untitled" },
|
|
53914
|
-
|
|
53915
|
-
|
|
53916
|
-
columnNumber: 13
|
|
53917
|
-
}, void 0),
|
|
53918
|
-
state.availableConfigs.length > 1 && /* @__PURE__ */ jsxDEV("div", { style: { position: "relative" }, children: [
|
|
53919
|
-
/* @__PURE__ */ 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(
|
|
53920
53715
|
"select",
|
|
53921
53716
|
{
|
|
53922
53717
|
value: state.selectedConfigId || "",
|
|
@@ -53937,22 +53732,10 @@ const PrincipalViewGraphPanel = ({
|
|
|
53937
53732
|
transition: "all 0.2s"
|
|
53938
53733
|
},
|
|
53939
53734
|
title: state.hasUnsavedChanges ? "Save or discard changes before switching configs" : void 0,
|
|
53940
|
-
children: state.availableConfigs.map((config) => /* @__PURE__ */
|
|
53941
|
-
|
|
53942
|
-
lineNumber: 464,
|
|
53943
|
-
columnNumber: 21
|
|
53944
|
-
}, void 0))
|
|
53945
|
-
},
|
|
53946
|
-
void 0,
|
|
53947
|
-
false,
|
|
53948
|
-
{
|
|
53949
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53950
|
-
lineNumber: 443,
|
|
53951
|
-
columnNumber: 17
|
|
53952
|
-
},
|
|
53953
|
-
void 0
|
|
53735
|
+
children: state.availableConfigs.map((config) => /* @__PURE__ */ jsx("option", { value: config.id, children: config.name }, config.id))
|
|
53736
|
+
}
|
|
53954
53737
|
),
|
|
53955
|
-
/* @__PURE__ */
|
|
53738
|
+
/* @__PURE__ */ jsx(
|
|
53956
53739
|
ChevronDown,
|
|
53957
53740
|
{
|
|
53958
53741
|
size: 14,
|
|
@@ -53964,28 +53747,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
53964
53747
|
pointerEvents: "none",
|
|
53965
53748
|
color: theme.colors.textMuted
|
|
53966
53749
|
}
|
|
53967
|
-
}
|
|
53968
|
-
void 0,
|
|
53969
|
-
false,
|
|
53970
|
-
{
|
|
53971
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53972
|
-
lineNumber: 467,
|
|
53973
|
-
columnNumber: 17
|
|
53974
|
-
},
|
|
53975
|
-
void 0
|
|
53750
|
+
}
|
|
53976
53751
|
)
|
|
53977
|
-
] }
|
|
53978
|
-
|
|
53979
|
-
|
|
53980
|
-
|
|
53981
|
-
}, void 0)
|
|
53982
|
-
] }, void 0, true, {
|
|
53983
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
53984
|
-
lineNumber: 430,
|
|
53985
|
-
columnNumber: 11
|
|
53986
|
-
}, void 0),
|
|
53987
|
-
/* @__PURE__ */ jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
|
|
53988
|
-
/* @__PURE__ */ jsxDEV(
|
|
53752
|
+
] })
|
|
53753
|
+
] }),
|
|
53754
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
|
|
53755
|
+
/* @__PURE__ */ jsxs(
|
|
53989
53756
|
"button",
|
|
53990
53757
|
{
|
|
53991
53758
|
onClick: toggleLayoutConfig,
|
|
@@ -54006,28 +53773,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
54006
53773
|
transition: "all 0.2s"
|
|
54007
53774
|
},
|
|
54008
53775
|
children: [
|
|
54009
|
-
/* @__PURE__ */
|
|
54010
|
-
|
|
54011
|
-
lineNumber: 503,
|
|
54012
|
-
columnNumber: 15
|
|
54013
|
-
}, void 0),
|
|
54014
|
-
/* @__PURE__ */ jsxDEV("span", { children: "Auto Layout" }, void 0, false, {
|
|
54015
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54016
|
-
lineNumber: 504,
|
|
54017
|
-
columnNumber: 15
|
|
54018
|
-
}, void 0)
|
|
53776
|
+
/* @__PURE__ */ jsx(LayoutGrid, { size: 14 }),
|
|
53777
|
+
/* @__PURE__ */ jsx("span", { children: "Auto Layout" })
|
|
54019
53778
|
]
|
|
54020
|
-
}
|
|
54021
|
-
void 0,
|
|
54022
|
-
true,
|
|
54023
|
-
{
|
|
54024
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54025
|
-
lineNumber: 484,
|
|
54026
|
-
columnNumber: 13
|
|
54027
|
-
},
|
|
54028
|
-
void 0
|
|
53779
|
+
}
|
|
54029
53780
|
),
|
|
54030
|
-
/* @__PURE__ */
|
|
53781
|
+
/* @__PURE__ */ jsxs(
|
|
54031
53782
|
"button",
|
|
54032
53783
|
{
|
|
54033
53784
|
onClick: toggleEditMode,
|
|
@@ -54047,62 +53798,26 @@ const PrincipalViewGraphPanel = ({
|
|
|
54047
53798
|
transition: "all 0.2s"
|
|
54048
53799
|
},
|
|
54049
53800
|
children: [
|
|
54050
|
-
state.isEditMode ? /* @__PURE__ */
|
|
54051
|
-
|
|
54052
|
-
lineNumber: 526,
|
|
54053
|
-
columnNumber: 35
|
|
54054
|
-
}, void 0) : /* @__PURE__ */ jsxDEV(Lock, { size: 14 }, void 0, false, {
|
|
54055
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54056
|
-
lineNumber: 526,
|
|
54057
|
-
columnNumber: 58
|
|
54058
|
-
}, void 0),
|
|
54059
|
-
/* @__PURE__ */ jsxDEV("span", { children: state.isEditMode ? "Editing" : "Edit" }, void 0, false, {
|
|
54060
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54061
|
-
lineNumber: 527,
|
|
54062
|
-
columnNumber: 15
|
|
54063
|
-
}, void 0)
|
|
53801
|
+
state.isEditMode ? /* @__PURE__ */ jsx(LockOpen, { size: 14 }) : /* @__PURE__ */ jsx(Lock, { size: 14 }),
|
|
53802
|
+
/* @__PURE__ */ jsx("span", { children: state.isEditMode ? "Editing" : "Edit" })
|
|
54064
53803
|
]
|
|
54065
|
-
}
|
|
54066
|
-
void 0,
|
|
54067
|
-
true,
|
|
54068
|
-
{
|
|
54069
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54070
|
-
lineNumber: 508,
|
|
54071
|
-
columnNumber: 13
|
|
54072
|
-
},
|
|
54073
|
-
void 0
|
|
53804
|
+
}
|
|
54074
53805
|
)
|
|
54075
|
-
] }
|
|
54076
|
-
|
|
54077
|
-
|
|
54078
|
-
columnNumber: 11
|
|
54079
|
-
}, void 0)
|
|
54080
|
-
] }, void 0, true, {
|
|
54081
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54082
|
-
lineNumber: 429,
|
|
54083
|
-
columnNumber: 9
|
|
54084
|
-
}, void 0),
|
|
54085
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
53806
|
+
] })
|
|
53807
|
+
] }),
|
|
53808
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
54086
53809
|
display: "flex",
|
|
54087
53810
|
alignItems: "center",
|
|
54088
53811
|
gap: theme.space[2],
|
|
54089
53812
|
marginTop: theme.space[2]
|
|
54090
|
-
}, children: state.isEditMode && state.hasUnsavedChanges ? /* @__PURE__ */
|
|
54091
|
-
/* @__PURE__ */
|
|
53813
|
+
}, children: state.isEditMode && state.hasUnsavedChanges ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53814
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
54092
53815
|
fontSize: theme.fontSizes[1],
|
|
54093
53816
|
color: theme.colors.warning || "#f59e0b",
|
|
54094
53817
|
fontStyle: "italic"
|
|
54095
|
-
}, children: "Unsaved changes" },
|
|
54096
|
-
|
|
54097
|
-
|
|
54098
|
-
columnNumber: 15
|
|
54099
|
-
}, void 0),
|
|
54100
|
-
/* @__PURE__ */ jsxDEV("div", { style: { flex: 1 } }, void 0, false, {
|
|
54101
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54102
|
-
lineNumber: 551,
|
|
54103
|
-
columnNumber: 15
|
|
54104
|
-
}, void 0),
|
|
54105
|
-
/* @__PURE__ */ jsxDEV(
|
|
53818
|
+
}, children: "Unsaved changes" }),
|
|
53819
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
|
|
53820
|
+
/* @__PURE__ */ jsxs(
|
|
54106
53821
|
"button",
|
|
54107
53822
|
{
|
|
54108
53823
|
onClick: saveAllChanges,
|
|
@@ -54123,32 +53838,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
54123
53838
|
transition: "all 0.2s"
|
|
54124
53839
|
},
|
|
54125
53840
|
children: [
|
|
54126
|
-
state.isSaving ? /* @__PURE__ */
|
|
54127
|
-
|
|
54128
|
-
lineNumber: 574,
|
|
54129
|
-
columnNumber: 19
|
|
54130
|
-
}, void 0) : /* @__PURE__ */ jsxDEV(Save, { size: 14 }, void 0, false, {
|
|
54131
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54132
|
-
lineNumber: 576,
|
|
54133
|
-
columnNumber: 19
|
|
54134
|
-
}, void 0),
|
|
54135
|
-
/* @__PURE__ */ jsxDEV("span", { children: "Save" }, void 0, false, {
|
|
54136
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54137
|
-
lineNumber: 578,
|
|
54138
|
-
columnNumber: 17
|
|
54139
|
-
}, 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" })
|
|
54140
53843
|
]
|
|
54141
|
-
}
|
|
54142
|
-
void 0,
|
|
54143
|
-
true,
|
|
54144
|
-
{
|
|
54145
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54146
|
-
lineNumber: 554,
|
|
54147
|
-
columnNumber: 15
|
|
54148
|
-
},
|
|
54149
|
-
void 0
|
|
53844
|
+
}
|
|
54150
53845
|
),
|
|
54151
|
-
/* @__PURE__ */
|
|
53846
|
+
/* @__PURE__ */ jsxs(
|
|
54152
53847
|
"button",
|
|
54153
53848
|
{
|
|
54154
53849
|
onClick: discardChanges,
|
|
@@ -54169,71 +53864,23 @@ const PrincipalViewGraphPanel = ({
|
|
|
54169
53864
|
transition: "all 0.2s"
|
|
54170
53865
|
},
|
|
54171
53866
|
children: [
|
|
54172
|
-
/* @__PURE__ */
|
|
54173
|
-
|
|
54174
|
-
lineNumber: 601,
|
|
54175
|
-
columnNumber: 17
|
|
54176
|
-
}, void 0),
|
|
54177
|
-
/* @__PURE__ */ jsxDEV("span", { children: "Discard" }, void 0, false, {
|
|
54178
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54179
|
-
lineNumber: 602,
|
|
54180
|
-
columnNumber: 17
|
|
54181
|
-
}, void 0)
|
|
53867
|
+
/* @__PURE__ */ jsx(X$1, { size: 14 }),
|
|
53868
|
+
/* @__PURE__ */ jsx("span", { children: "Discard" })
|
|
54182
53869
|
]
|
|
54183
|
-
}
|
|
54184
|
-
void 0,
|
|
54185
|
-
true,
|
|
54186
|
-
{
|
|
54187
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54188
|
-
lineNumber: 582,
|
|
54189
|
-
columnNumber: 15
|
|
54190
|
-
},
|
|
54191
|
-
void 0
|
|
53870
|
+
}
|
|
54192
53871
|
)
|
|
54193
|
-
] }
|
|
54194
|
-
|
|
54195
|
-
lineNumber: 540,
|
|
54196
|
-
columnNumber: 13
|
|
54197
|
-
}, void 0) : /* @__PURE__ */ jsxDEV(Fragment, { children: [
|
|
54198
|
-
((_b = state.canvas.pv) == null ? void 0 : _b.version) && /* @__PURE__ */ 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: [
|
|
54199
53874
|
"v",
|
|
54200
53875
|
state.canvas.pv.version
|
|
54201
|
-
] },
|
|
54202
|
-
|
|
54203
|
-
|
|
54204
|
-
|
|
54205
|
-
}
|
|
54206
|
-
|
|
54207
|
-
|
|
54208
|
-
|
|
54209
|
-
lineNumber: 614,
|
|
54210
|
-
columnNumber: 48
|
|
54211
|
-
}, void 0),
|
|
54212
|
-
/* @__PURE__ */ jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: state.canvas.pv.description }, void 0, false, {
|
|
54213
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54214
|
-
lineNumber: 615,
|
|
54215
|
-
columnNumber: 19
|
|
54216
|
-
}, void 0)
|
|
54217
|
-
] }, void 0, true, {
|
|
54218
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54219
|
-
lineNumber: 613,
|
|
54220
|
-
columnNumber: 17
|
|
54221
|
-
}, void 0)
|
|
54222
|
-
] }, void 0, true, {
|
|
54223
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54224
|
-
lineNumber: 606,
|
|
54225
|
-
columnNumber: 13
|
|
54226
|
-
}, void 0) }, void 0, false, {
|
|
54227
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54228
|
-
lineNumber: 533,
|
|
54229
|
-
columnNumber: 9
|
|
54230
|
-
}, void 0)
|
|
54231
|
-
] }, void 0, true, {
|
|
54232
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54233
|
-
lineNumber: 422,
|
|
54234
|
-
columnNumber: 7
|
|
54235
|
-
}, void 0),
|
|
54236
|
-
state.showLayoutConfig && /* @__PURE__ */ 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: {
|
|
54237
53884
|
padding: `${theme.space[3]}px 20px`,
|
|
54238
53885
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
54239
53886
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
@@ -54242,17 +53889,13 @@ const PrincipalViewGraphPanel = ({
|
|
|
54242
53889
|
gap: theme.space[4],
|
|
54243
53890
|
flexWrap: "wrap"
|
|
54244
53891
|
}, children: [
|
|
54245
|
-
/* @__PURE__ */
|
|
54246
|
-
/* @__PURE__ */
|
|
53892
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
53893
|
+
/* @__PURE__ */ jsx("label", { style: {
|
|
54247
53894
|
fontSize: theme.fontSizes[1],
|
|
54248
53895
|
color: theme.colors.textMuted,
|
|
54249
53896
|
fontWeight: theme.fontWeights.medium
|
|
54250
|
-
}, children: "Direction" },
|
|
54251
|
-
|
|
54252
|
-
lineNumber: 638,
|
|
54253
|
-
columnNumber: 13
|
|
54254
|
-
}, void 0),
|
|
54255
|
-
/* @__PURE__ */ jsxDEV("div", { style: { display: "flex", gap: theme.space[1] }, children: ["TB", "BT", "LR", "RL"].map((dir) => /* @__PURE__ */ jsxDEV(
|
|
53897
|
+
}, children: "Direction" }),
|
|
53898
|
+
/* @__PURE__ */ jsx("div", { style: { display: "flex", gap: theme.space[1] }, children: ["TB", "BT", "LR", "RL"].map((dir) => /* @__PURE__ */ jsx(
|
|
54256
53899
|
"button",
|
|
54257
53900
|
{
|
|
54258
53901
|
onClick: () => updateLayoutConfig({ direction: dir }),
|
|
@@ -54275,35 +53918,16 @@ const PrincipalViewGraphPanel = ({
|
|
|
54275
53918
|
},
|
|
54276
53919
|
children: dir
|
|
54277
53920
|
},
|
|
54278
|
-
dir
|
|
54279
|
-
|
|
54280
|
-
|
|
54281
|
-
|
|
54282
|
-
|
|
54283
|
-
columnNumber: 17
|
|
54284
|
-
},
|
|
54285
|
-
void 0
|
|
54286
|
-
)) }, void 0, false, {
|
|
54287
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54288
|
-
lineNumber: 645,
|
|
54289
|
-
columnNumber: 13
|
|
54290
|
-
}, void 0)
|
|
54291
|
-
] }, void 0, true, {
|
|
54292
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54293
|
-
lineNumber: 637,
|
|
54294
|
-
columnNumber: 11
|
|
54295
|
-
}, void 0),
|
|
54296
|
-
/* @__PURE__ */ jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
54297
|
-
/* @__PURE__ */ 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: {
|
|
54298
53926
|
fontSize: theme.fontSizes[1],
|
|
54299
53927
|
color: theme.colors.textMuted,
|
|
54300
53928
|
fontWeight: theme.fontWeights.medium
|
|
54301
|
-
}, children: "H-Spacing" },
|
|
54302
|
-
|
|
54303
|
-
lineNumber: 676,
|
|
54304
|
-
columnNumber: 13
|
|
54305
|
-
}, void 0),
|
|
54306
|
-
/* @__PURE__ */ jsxDEV(
|
|
53929
|
+
}, children: "H-Spacing" }),
|
|
53930
|
+
/* @__PURE__ */ jsx(
|
|
54307
53931
|
"input",
|
|
54308
53932
|
{
|
|
54309
53933
|
type: "range",
|
|
@@ -54313,42 +53937,22 @@ const PrincipalViewGraphPanel = ({
|
|
|
54313
53937
|
value: state.layoutConfig.nodeSpacingX,
|
|
54314
53938
|
onChange: (e) => updateLayoutConfig({ nodeSpacingX: Number(e.target.value) }),
|
|
54315
53939
|
style: { width: 80, cursor: "pointer" }
|
|
54316
|
-
}
|
|
54317
|
-
void 0,
|
|
54318
|
-
false,
|
|
54319
|
-
{
|
|
54320
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54321
|
-
lineNumber: 683,
|
|
54322
|
-
columnNumber: 13
|
|
54323
|
-
},
|
|
54324
|
-
void 0
|
|
53940
|
+
}
|
|
54325
53941
|
),
|
|
54326
|
-
/* @__PURE__ */
|
|
53942
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
54327
53943
|
fontSize: theme.fontSizes[0],
|
|
54328
53944
|
color: theme.colors.textMuted,
|
|
54329
53945
|
fontFamily: theme.fonts.monospace,
|
|
54330
53946
|
minWidth: 32
|
|
54331
|
-
}, children: state.layoutConfig.nodeSpacingX }
|
|
54332
|
-
|
|
54333
|
-
|
|
54334
|
-
|
|
54335
|
-
}, void 0)
|
|
54336
|
-
] }, void 0, true, {
|
|
54337
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54338
|
-
lineNumber: 675,
|
|
54339
|
-
columnNumber: 11
|
|
54340
|
-
}, void 0),
|
|
54341
|
-
/* @__PURE__ */ jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
54342
|
-
/* @__PURE__ */ 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: {
|
|
54343
53951
|
fontSize: theme.fontSizes[1],
|
|
54344
53952
|
color: theme.colors.textMuted,
|
|
54345
53953
|
fontWeight: theme.fontWeights.medium
|
|
54346
|
-
}, children: "V-Spacing" },
|
|
54347
|
-
|
|
54348
|
-
lineNumber: 704,
|
|
54349
|
-
columnNumber: 13
|
|
54350
|
-
}, void 0),
|
|
54351
|
-
/* @__PURE__ */ jsxDEV(
|
|
53954
|
+
}, children: "V-Spacing" }),
|
|
53955
|
+
/* @__PURE__ */ jsx(
|
|
54352
53956
|
"input",
|
|
54353
53957
|
{
|
|
54354
53958
|
type: "range",
|
|
@@ -54358,37 +53962,17 @@ const PrincipalViewGraphPanel = ({
|
|
|
54358
53962
|
value: state.layoutConfig.nodeSpacingY,
|
|
54359
53963
|
onChange: (e) => updateLayoutConfig({ nodeSpacingY: Number(e.target.value) }),
|
|
54360
53964
|
style: { width: 80, cursor: "pointer" }
|
|
54361
|
-
}
|
|
54362
|
-
void 0,
|
|
54363
|
-
false,
|
|
54364
|
-
{
|
|
54365
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54366
|
-
lineNumber: 711,
|
|
54367
|
-
columnNumber: 13
|
|
54368
|
-
},
|
|
54369
|
-
void 0
|
|
53965
|
+
}
|
|
54370
53966
|
),
|
|
54371
|
-
/* @__PURE__ */
|
|
53967
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
54372
53968
|
fontSize: theme.fontSizes[0],
|
|
54373
53969
|
color: theme.colors.textMuted,
|
|
54374
53970
|
fontFamily: theme.fonts.monospace,
|
|
54375
53971
|
minWidth: 32
|
|
54376
|
-
}, children: state.layoutConfig.nodeSpacingY }
|
|
54377
|
-
|
|
54378
|
-
|
|
54379
|
-
|
|
54380
|
-
}, void 0)
|
|
54381
|
-
] }, void 0, true, {
|
|
54382
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54383
|
-
lineNumber: 703,
|
|
54384
|
-
columnNumber: 11
|
|
54385
|
-
}, void 0),
|
|
54386
|
-
/* @__PURE__ */ jsxDEV("div", { style: { flex: 1 } }, void 0, false, {
|
|
54387
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54388
|
-
lineNumber: 731,
|
|
54389
|
-
columnNumber: 11
|
|
54390
|
-
}, void 0),
|
|
54391
|
-
/* @__PURE__ */ jsxDEV(
|
|
53972
|
+
}, children: state.layoutConfig.nodeSpacingY })
|
|
53973
|
+
] }),
|
|
53974
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
|
|
53975
|
+
/* @__PURE__ */ jsxs(
|
|
54392
53976
|
"button",
|
|
54393
53977
|
{
|
|
54394
53978
|
onClick: applyAutoLayout,
|
|
@@ -54407,28 +53991,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
54407
53991
|
transition: "all 0.15s"
|
|
54408
53992
|
},
|
|
54409
53993
|
children: [
|
|
54410
|
-
/* @__PURE__ */
|
|
54411
|
-
|
|
54412
|
-
lineNumber: 751,
|
|
54413
|
-
columnNumber: 13
|
|
54414
|
-
}, void 0),
|
|
54415
|
-
/* @__PURE__ */ jsxDEV("span", { children: "Apply Layout" }, void 0, false, {
|
|
54416
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54417
|
-
lineNumber: 752,
|
|
54418
|
-
columnNumber: 13
|
|
54419
|
-
}, void 0)
|
|
53994
|
+
/* @__PURE__ */ jsx(LayoutGrid, { size: 14 }),
|
|
53995
|
+
/* @__PURE__ */ jsx("span", { children: "Apply Layout" })
|
|
54420
53996
|
]
|
|
54421
|
-
}
|
|
54422
|
-
void 0,
|
|
54423
|
-
true,
|
|
54424
|
-
{
|
|
54425
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54426
|
-
lineNumber: 734,
|
|
54427
|
-
columnNumber: 11
|
|
54428
|
-
},
|
|
54429
|
-
void 0
|
|
53997
|
+
}
|
|
54430
53998
|
),
|
|
54431
|
-
/* @__PURE__ */
|
|
53999
|
+
/* @__PURE__ */ jsx(
|
|
54432
54000
|
"button",
|
|
54433
54001
|
{
|
|
54434
54002
|
onClick: toggleLayoutConfig,
|
|
@@ -54446,27 +54014,11 @@ const PrincipalViewGraphPanel = ({
|
|
|
54446
54014
|
cursor: "pointer",
|
|
54447
54015
|
transition: "all 0.15s"
|
|
54448
54016
|
},
|
|
54449
|
-
children: /* @__PURE__ */
|
|
54450
|
-
|
|
54451
|
-
lineNumber: 773,
|
|
54452
|
-
columnNumber: 13
|
|
54453
|
-
}, void 0)
|
|
54454
|
-
},
|
|
54455
|
-
void 0,
|
|
54456
|
-
false,
|
|
54457
|
-
{
|
|
54458
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54459
|
-
lineNumber: 756,
|
|
54460
|
-
columnNumber: 11
|
|
54461
|
-
},
|
|
54462
|
-
void 0
|
|
54017
|
+
children: /* @__PURE__ */ jsx(X$1, { size: 16 })
|
|
54018
|
+
}
|
|
54463
54019
|
)
|
|
54464
|
-
] },
|
|
54465
|
-
|
|
54466
|
-
lineNumber: 627,
|
|
54467
|
-
columnNumber: 9
|
|
54468
|
-
}, void 0),
|
|
54469
|
-
/* @__PURE__ */ jsxDEV("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsxDEV(
|
|
54020
|
+
] }),
|
|
54021
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsx(
|
|
54470
54022
|
distExports.GraphRenderer,
|
|
54471
54023
|
{
|
|
54472
54024
|
ref: graphRef,
|
|
@@ -54478,24 +54030,9 @@ const PrincipalViewGraphPanel = ({
|
|
|
54478
54030
|
editable: state.isEditMode,
|
|
54479
54031
|
onPendingChangesChange: handlePendingChangesChange
|
|
54480
54032
|
},
|
|
54481
|
-
`graph-${state.layoutVersion}
|
|
54482
|
-
|
|
54483
|
-
|
|
54484
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54485
|
-
lineNumber: 780,
|
|
54486
|
-
columnNumber: 9
|
|
54487
|
-
},
|
|
54488
|
-
void 0
|
|
54489
|
-
) }, void 0, false, {
|
|
54490
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54491
|
-
lineNumber: 779,
|
|
54492
|
-
columnNumber: 7
|
|
54493
|
-
}, void 0)
|
|
54494
|
-
] }, void 0, true, {
|
|
54495
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
|
|
54496
|
-
lineNumber: 414,
|
|
54497
|
-
columnNumber: 5
|
|
54498
|
-
}, void 0);
|
|
54033
|
+
`graph-${state.layoutVersion}`
|
|
54034
|
+
) })
|
|
54035
|
+
] });
|
|
54499
54036
|
};
|
|
54500
54037
|
function applyChangesToCanvas(canvas, changes) {
|
|
54501
54038
|
var _a, _b;
|
|
@@ -54964,7 +54501,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
54964
54501
|
);
|
|
54965
54502
|
}, [state.library, state.libraryFilter]);
|
|
54966
54503
|
if (state.loading) {
|
|
54967
|
-
return /* @__PURE__ */
|
|
54504
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
54968
54505
|
height: "100%",
|
|
54969
54506
|
width: "100%",
|
|
54970
54507
|
display: "flex",
|
|
@@ -54973,109 +54510,73 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
54973
54510
|
fontFamily: theme.fonts.body,
|
|
54974
54511
|
overflow: "hidden"
|
|
54975
54512
|
}, children: [
|
|
54976
|
-
/* @__PURE__ */
|
|
54513
|
+
/* @__PURE__ */ jsx("style", { children: `
|
|
54977
54514
|
@keyframes shimmer {
|
|
54978
54515
|
0% { background-position: -200% 0; }
|
|
54979
54516
|
100% { background-position: 200% 0; }
|
|
54980
54517
|
}
|
|
54981
|
-
` },
|
|
54982
|
-
|
|
54983
|
-
lineNumber: 389,
|
|
54984
|
-
columnNumber: 9
|
|
54985
|
-
}, void 0),
|
|
54986
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54518
|
+
` }),
|
|
54519
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
54987
54520
|
padding: `${theme.space[3]}px ${theme.space[3]}px`,
|
|
54988
54521
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
54989
54522
|
display: "flex",
|
|
54990
54523
|
alignItems: "center",
|
|
54991
54524
|
justifyContent: "space-between"
|
|
54992
54525
|
}, children: [
|
|
54993
|
-
/* @__PURE__ */
|
|
54526
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
54994
54527
|
width: "80px",
|
|
54995
54528
|
height: "20px",
|
|
54996
54529
|
borderRadius: theme.radii[1],
|
|
54997
54530
|
background: `linear-gradient(90deg, ${theme.colors.backgroundSecondary} 25%, ${theme.colors.border} 50%, ${theme.colors.backgroundSecondary} 75%)`,
|
|
54998
54531
|
backgroundSize: "200% 100%",
|
|
54999
54532
|
animation: "shimmer 1.5s infinite"
|
|
55000
|
-
} },
|
|
55001
|
-
|
|
55002
|
-
lineNumber: 404,
|
|
55003
|
-
columnNumber: 11
|
|
55004
|
-
}, void 0),
|
|
55005
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54533
|
+
} }),
|
|
54534
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55006
54535
|
width: "28px",
|
|
55007
54536
|
height: "28px",
|
|
55008
54537
|
borderRadius: theme.radii[1],
|
|
55009
54538
|
background: `linear-gradient(90deg, ${theme.colors.backgroundSecondary} 25%, ${theme.colors.border} 50%, ${theme.colors.backgroundSecondary} 75%)`,
|
|
55010
54539
|
backgroundSize: "200% 100%",
|
|
55011
54540
|
animation: "shimmer 1.5s infinite"
|
|
55012
|
-
} }
|
|
55013
|
-
|
|
55014
|
-
|
|
55015
|
-
columnNumber: 11
|
|
55016
|
-
}, void 0)
|
|
55017
|
-
] }, void 0, true, {
|
|
55018
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55019
|
-
lineNumber: 397,
|
|
55020
|
-
columnNumber: 9
|
|
55021
|
-
}, void 0),
|
|
55022
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54541
|
+
} })
|
|
54542
|
+
] }),
|
|
54543
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55023
54544
|
display: "flex",
|
|
55024
54545
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55025
54546
|
backgroundColor: theme.colors.backgroundSecondary
|
|
55026
54547
|
}, children: [
|
|
55027
|
-
/* @__PURE__ */
|
|
54548
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55028
54549
|
flex: 1,
|
|
55029
54550
|
padding: `${theme.space[2]}px ${theme.space[3]}px`,
|
|
55030
54551
|
display: "flex",
|
|
55031
54552
|
alignItems: "center",
|
|
55032
54553
|
justifyContent: "center",
|
|
55033
54554
|
gap: theme.space[2]
|
|
55034
|
-
}, children: /* @__PURE__ */
|
|
54555
|
+
}, children: /* @__PURE__ */ jsx("div", { style: {
|
|
55035
54556
|
width: "60px",
|
|
55036
54557
|
height: "16px",
|
|
55037
54558
|
borderRadius: theme.radii[1],
|
|
55038
54559
|
background: `linear-gradient(90deg, ${theme.colors.background} 25%, ${theme.colors.border} 50%, ${theme.colors.background} 75%)`,
|
|
55039
54560
|
backgroundSize: "200% 100%",
|
|
55040
54561
|
animation: "shimmer 1.5s infinite"
|
|
55041
|
-
} }
|
|
55042
|
-
|
|
55043
|
-
lineNumber: 436,
|
|
55044
|
-
columnNumber: 13
|
|
55045
|
-
}, void 0) }, void 0, false, {
|
|
55046
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55047
|
-
lineNumber: 428,
|
|
55048
|
-
columnNumber: 11
|
|
55049
|
-
}, void 0),
|
|
55050
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54562
|
+
} }) }),
|
|
54563
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55051
54564
|
flex: 1,
|
|
55052
54565
|
padding: `${theme.space[2]}px ${theme.space[3]}px`,
|
|
55053
54566
|
display: "flex",
|
|
55054
54567
|
alignItems: "center",
|
|
55055
54568
|
justifyContent: "center",
|
|
55056
54569
|
gap: theme.space[2]
|
|
55057
|
-
}, children: /* @__PURE__ */
|
|
54570
|
+
}, children: /* @__PURE__ */ jsx("div", { style: {
|
|
55058
54571
|
width: "60px",
|
|
55059
54572
|
height: "16px",
|
|
55060
54573
|
borderRadius: theme.radii[1],
|
|
55061
54574
|
background: `linear-gradient(90deg, ${theme.colors.background} 25%, ${theme.colors.border} 50%, ${theme.colors.background} 75%)`,
|
|
55062
54575
|
backgroundSize: "200% 100%",
|
|
55063
54576
|
animation: "shimmer 1.5s infinite"
|
|
55064
|
-
} }
|
|
55065
|
-
|
|
55066
|
-
|
|
55067
|
-
columnNumber: 13
|
|
55068
|
-
}, void 0) }, void 0, false, {
|
|
55069
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55070
|
-
lineNumber: 445,
|
|
55071
|
-
columnNumber: 11
|
|
55072
|
-
}, void 0)
|
|
55073
|
-
] }, void 0, true, {
|
|
55074
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55075
|
-
lineNumber: 423,
|
|
55076
|
-
columnNumber: 9
|
|
55077
|
-
}, void 0),
|
|
55078
|
-
/* @__PURE__ */ jsxDEV("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [1, 2, 3].map((i) => /* @__PURE__ */ 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(
|
|
55079
54580
|
"div",
|
|
55080
54581
|
{
|
|
55081
54582
|
style: {
|
|
@@ -55089,7 +54590,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55089
54590
|
border: `1px solid ${theme.colors.border}`
|
|
55090
54591
|
},
|
|
55091
54592
|
children: [
|
|
55092
|
-
/* @__PURE__ */
|
|
54593
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55093
54594
|
width: "16px",
|
|
55094
54595
|
height: "16px",
|
|
55095
54596
|
borderRadius: theme.radii[1],
|
|
@@ -55097,12 +54598,8 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55097
54598
|
backgroundSize: "200% 100%",
|
|
55098
54599
|
animation: "shimmer 1.5s infinite",
|
|
55099
54600
|
animationDelay: `${i * 0.1}s`
|
|
55100
|
-
} },
|
|
55101
|
-
|
|
55102
|
-
lineNumber: 480,
|
|
55103
|
-
columnNumber: 15
|
|
55104
|
-
}, void 0),
|
|
55105
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54601
|
+
} }),
|
|
54602
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55106
54603
|
flex: 1,
|
|
55107
54604
|
height: "16px",
|
|
55108
54605
|
borderRadius: theme.radii[1],
|
|
@@ -55110,34 +54607,15 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55110
54607
|
backgroundSize: "200% 100%",
|
|
55111
54608
|
animation: "shimmer 1.5s infinite",
|
|
55112
54609
|
animationDelay: `${i * 0.1}s`
|
|
55113
|
-
} }
|
|
55114
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55115
|
-
lineNumber: 489,
|
|
55116
|
-
columnNumber: 15
|
|
55117
|
-
}, void 0)
|
|
54610
|
+
} })
|
|
55118
54611
|
]
|
|
55119
54612
|
},
|
|
55120
|
-
i
|
|
55121
|
-
|
|
55122
|
-
|
|
55123
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55124
|
-
lineNumber: 467,
|
|
55125
|
-
columnNumber: 13
|
|
55126
|
-
},
|
|
55127
|
-
void 0
|
|
55128
|
-
)) }, void 0, false, {
|
|
55129
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55130
|
-
lineNumber: 465,
|
|
55131
|
-
columnNumber: 9
|
|
55132
|
-
}, void 0)
|
|
55133
|
-
] }, void 0, true, {
|
|
55134
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55135
|
-
lineNumber: 380,
|
|
55136
|
-
columnNumber: 7
|
|
55137
|
-
}, void 0);
|
|
54613
|
+
i
|
|
54614
|
+
)) })
|
|
54615
|
+
] });
|
|
55138
54616
|
}
|
|
55139
54617
|
if (state.error) {
|
|
55140
|
-
return /* @__PURE__ */
|
|
54618
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
55141
54619
|
display: "flex",
|
|
55142
54620
|
flexDirection: "column",
|
|
55143
54621
|
alignItems: "center",
|
|
@@ -55149,12 +54627,8 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55149
54627
|
fontFamily: theme.fonts.body,
|
|
55150
54628
|
textAlign: "center"
|
|
55151
54629
|
}, children: [
|
|
55152
|
-
/* @__PURE__ */
|
|
55153
|
-
|
|
55154
|
-
lineNumber: 519,
|
|
55155
|
-
columnNumber: 9
|
|
55156
|
-
}, void 0),
|
|
55157
|
-
/* @__PURE__ */ jsxDEV(
|
|
54630
|
+
/* @__PURE__ */ jsx("span", { style: { color: theme.colors.error || "#ef4444", marginBottom: theme.space[2] }, children: state.error }),
|
|
54631
|
+
/* @__PURE__ */ jsxs(
|
|
55158
54632
|
"button",
|
|
55159
54633
|
{
|
|
55160
54634
|
onClick: () => loadData(),
|
|
@@ -55172,33 +54646,17 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55172
54646
|
fontSize: theme.fontSizes[1]
|
|
55173
54647
|
},
|
|
55174
54648
|
children: [
|
|
55175
|
-
/* @__PURE__ */
|
|
55176
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55177
|
-
lineNumber: 538,
|
|
55178
|
-
columnNumber: 11
|
|
55179
|
-
}, void 0),
|
|
54649
|
+
/* @__PURE__ */ jsx(RefreshCw, { size: 14 }),
|
|
55180
54650
|
"Retry"
|
|
55181
54651
|
]
|
|
55182
|
-
}
|
|
55183
|
-
void 0,
|
|
55184
|
-
true,
|
|
55185
|
-
{
|
|
55186
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55187
|
-
lineNumber: 522,
|
|
55188
|
-
columnNumber: 9
|
|
55189
|
-
},
|
|
55190
|
-
void 0
|
|
54652
|
+
}
|
|
55191
54653
|
)
|
|
55192
|
-
] }
|
|
55193
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55194
|
-
lineNumber: 507,
|
|
55195
|
-
columnNumber: 7
|
|
55196
|
-
}, void 0);
|
|
54654
|
+
] });
|
|
55197
54655
|
}
|
|
55198
54656
|
const hasContent = state.configs.length > 0 || state.library;
|
|
55199
54657
|
if (!hasContent) {
|
|
55200
54658
|
const npmPackageUrl = "https://www.npmjs.com/package/@principal-ai/principal-view-cli";
|
|
55201
|
-
return /* @__PURE__ */
|
|
54659
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
55202
54660
|
display: "flex",
|
|
55203
54661
|
flexDirection: "column",
|
|
55204
54662
|
alignItems: "center",
|
|
@@ -55210,34 +54668,18 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55210
54668
|
fontFamily: theme.fonts.body,
|
|
55211
54669
|
textAlign: "center"
|
|
55212
54670
|
}, children: [
|
|
55213
|
-
/* @__PURE__ */
|
|
55214
|
-
|
|
55215
|
-
|
|
55216
|
-
|
|
55217
|
-
}, void 0),
|
|
55218
|
-
/* @__PURE__ */ 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, {
|
|
55219
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55220
|
-
lineNumber: 564,
|
|
55221
|
-
columnNumber: 9
|
|
55222
|
-
}, void 0),
|
|
55223
|
-
/* @__PURE__ */ 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, {
|
|
55224
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55225
|
-
lineNumber: 567,
|
|
55226
|
-
columnNumber: 9
|
|
55227
|
-
}, void 0),
|
|
55228
|
-
/* @__PURE__ */ 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: {
|
|
55229
54675
|
display: "flex",
|
|
55230
54676
|
flexDirection: "column",
|
|
55231
54677
|
gap: theme.space[2],
|
|
55232
54678
|
width: "90%",
|
|
55233
54679
|
maxWidth: "400px"
|
|
55234
54680
|
}, children: [
|
|
55235
|
-
/* @__PURE__ */
|
|
55236
|
-
|
|
55237
|
-
lineNumber: 579,
|
|
55238
|
-
columnNumber: 11
|
|
55239
|
-
}, void 0),
|
|
55240
|
-
/* @__PURE__ */ jsxDEV(
|
|
54681
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }),
|
|
54682
|
+
/* @__PURE__ */ jsxs(
|
|
55241
54683
|
"button",
|
|
55242
54684
|
{
|
|
55243
54685
|
onClick: handleCopyCommand,
|
|
@@ -55258,37 +54700,13 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55258
54700
|
transition: "all 0.15s"
|
|
55259
54701
|
},
|
|
55260
54702
|
children: [
|
|
55261
|
-
/* @__PURE__ */
|
|
55262
|
-
|
|
55263
|
-
lineNumber: 601,
|
|
55264
|
-
columnNumber: 13
|
|
55265
|
-
}, void 0),
|
|
55266
|
-
copied ? /* @__PURE__ */ jsxDEV(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }, void 0, false, {
|
|
55267
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55268
|
-
lineNumber: 605,
|
|
55269
|
-
columnNumber: 15
|
|
55270
|
-
}, void 0) : /* @__PURE__ */ jsxDEV(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } }, void 0, false, {
|
|
55271
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55272
|
-
lineNumber: 607,
|
|
55273
|
-
columnNumber: 15
|
|
55274
|
-
}, 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 } })
|
|
55275
54705
|
]
|
|
55276
|
-
}
|
|
55277
|
-
void 0,
|
|
55278
|
-
true,
|
|
55279
|
-
{
|
|
55280
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55281
|
-
lineNumber: 582,
|
|
55282
|
-
columnNumber: 11
|
|
55283
|
-
},
|
|
55284
|
-
void 0
|
|
54706
|
+
}
|
|
55285
54707
|
),
|
|
55286
|
-
/* @__PURE__ */
|
|
55287
|
-
|
|
55288
|
-
lineNumber: 610,
|
|
55289
|
-
columnNumber: 11
|
|
55290
|
-
}, void 0),
|
|
55291
|
-
/* @__PURE__ */ jsxDEV(
|
|
54708
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }),
|
|
54709
|
+
/* @__PURE__ */ jsxs(
|
|
55292
54710
|
"a",
|
|
55293
54711
|
{
|
|
55294
54712
|
href: npmPackageUrl,
|
|
@@ -55307,32 +54725,12 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55307
54725
|
},
|
|
55308
54726
|
children: [
|
|
55309
54727
|
"Learn more on npm",
|
|
55310
|
-
/* @__PURE__ */
|
|
55311
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55312
|
-
lineNumber: 632,
|
|
55313
|
-
columnNumber: 13
|
|
55314
|
-
}, void 0)
|
|
54728
|
+
/* @__PURE__ */ jsx(ExternalLink, { size: 14 })
|
|
55315
54729
|
]
|
|
55316
|
-
}
|
|
55317
|
-
void 0,
|
|
55318
|
-
true,
|
|
55319
|
-
{
|
|
55320
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55321
|
-
lineNumber: 615,
|
|
55322
|
-
columnNumber: 11
|
|
55323
|
-
},
|
|
55324
|
-
void 0
|
|
54730
|
+
}
|
|
55325
54731
|
)
|
|
55326
|
-
] }
|
|
55327
|
-
|
|
55328
|
-
lineNumber: 572,
|
|
55329
|
-
columnNumber: 9
|
|
55330
|
-
}, void 0)
|
|
55331
|
-
] }, void 0, true, {
|
|
55332
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55333
|
-
lineNumber: 551,
|
|
55334
|
-
columnNumber: 7
|
|
55335
|
-
}, void 0);
|
|
54732
|
+
] })
|
|
54733
|
+
] });
|
|
55336
54734
|
}
|
|
55337
54735
|
const getTabStyle = (tabId, isActive) => ({
|
|
55338
54736
|
flex: 1,
|
|
@@ -55351,7 +54749,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55351
54749
|
fontWeight: isActive ? theme.fontWeights.medium : theme.fontWeights.body,
|
|
55352
54750
|
transition: "all 0.15s"
|
|
55353
54751
|
});
|
|
55354
|
-
return /* @__PURE__ */
|
|
54752
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
55355
54753
|
height: "100%",
|
|
55356
54754
|
width: "100%",
|
|
55357
54755
|
display: "flex",
|
|
@@ -55361,7 +54759,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55361
54759
|
overflow: "hidden",
|
|
55362
54760
|
position: "relative"
|
|
55363
54761
|
}, children: [
|
|
55364
|
-
/* @__PURE__ */
|
|
54762
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55365
54763
|
padding: `${theme.space[3]}px ${theme.space[3]}px`,
|
|
55366
54764
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55367
54765
|
backgroundColor: theme.colors.background,
|
|
@@ -55370,18 +54768,14 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55370
54768
|
justifyContent: "space-between",
|
|
55371
54769
|
flexShrink: 0
|
|
55372
54770
|
}, children: [
|
|
55373
|
-
/* @__PURE__ */
|
|
54771
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
55374
54772
|
margin: 0,
|
|
55375
54773
|
fontSize: theme.fontSizes[3],
|
|
55376
54774
|
fontWeight: theme.fontWeights.medium,
|
|
55377
54775
|
color: theme.colors.text
|
|
55378
|
-
}, children: "Browser" },
|
|
55379
|
-
|
|
55380
|
-
|
|
55381
|
-
columnNumber: 9
|
|
55382
|
-
}, void 0),
|
|
55383
|
-
/* @__PURE__ */ jsxDEV("div", { style: { display: "flex", gap: theme.space[1] }, children: [
|
|
55384
|
-
/* @__PURE__ */ jsxDEV(
|
|
54776
|
+
}, children: "Browser" }),
|
|
54777
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: theme.space[1] }, children: [
|
|
54778
|
+
/* @__PURE__ */ jsx(
|
|
55385
54779
|
"button",
|
|
55386
54780
|
{
|
|
55387
54781
|
onClick: () => setShowSetupInfo(true),
|
|
@@ -55399,22 +54793,10 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55399
54793
|
transition: "color 0.2s"
|
|
55400
54794
|
},
|
|
55401
54795
|
title: "Setup instructions",
|
|
55402
|
-
children: /* @__PURE__ */
|
|
55403
|
-
|
|
55404
|
-
lineNumber: 705,
|
|
55405
|
-
columnNumber: 13
|
|
55406
|
-
}, void 0)
|
|
55407
|
-
},
|
|
55408
|
-
void 0,
|
|
55409
|
-
false,
|
|
55410
|
-
{
|
|
55411
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55412
|
-
lineNumber: 688,
|
|
55413
|
-
columnNumber: 11
|
|
55414
|
-
},
|
|
55415
|
-
void 0
|
|
54796
|
+
children: /* @__PURE__ */ jsx(CircleQuestionMark, { size: 16 })
|
|
54797
|
+
}
|
|
55416
54798
|
),
|
|
55417
|
-
/* @__PURE__ */
|
|
54799
|
+
/* @__PURE__ */ jsx(
|
|
55418
54800
|
"button",
|
|
55419
54801
|
{
|
|
55420
54802
|
onClick: () => loadData(),
|
|
@@ -55432,121 +54814,57 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55432
54814
|
transition: "color 0.2s"
|
|
55433
54815
|
},
|
|
55434
54816
|
title: "Refresh",
|
|
55435
|
-
children: /* @__PURE__ */
|
|
55436
|
-
|
|
55437
|
-
lineNumber: 724,
|
|
55438
|
-
columnNumber: 13
|
|
55439
|
-
}, void 0)
|
|
55440
|
-
},
|
|
55441
|
-
void 0,
|
|
55442
|
-
false,
|
|
55443
|
-
{
|
|
55444
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55445
|
-
lineNumber: 707,
|
|
55446
|
-
columnNumber: 11
|
|
55447
|
-
},
|
|
55448
|
-
void 0
|
|
54817
|
+
children: /* @__PURE__ */ jsx(RefreshCw, { size: 16 })
|
|
54818
|
+
}
|
|
55449
54819
|
)
|
|
55450
|
-
] }
|
|
55451
|
-
|
|
55452
|
-
|
|
55453
|
-
columnNumber: 9
|
|
55454
|
-
}, void 0)
|
|
55455
|
-
] }, void 0, true, {
|
|
55456
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55457
|
-
lineNumber: 670,
|
|
55458
|
-
columnNumber: 7
|
|
55459
|
-
}, void 0),
|
|
55460
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54820
|
+
] })
|
|
54821
|
+
] }),
|
|
54822
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55461
54823
|
display: "flex",
|
|
55462
54824
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55463
54825
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
55464
54826
|
flexShrink: 0
|
|
55465
54827
|
}, children: [
|
|
55466
|
-
/* @__PURE__ */
|
|
54828
|
+
/* @__PURE__ */ jsxs(
|
|
55467
54829
|
"button",
|
|
55468
54830
|
{
|
|
55469
54831
|
onClick: () => handleTabChange("canvas"),
|
|
55470
54832
|
style: getTabStyle("canvas", state.activeTab === "canvas"),
|
|
55471
54833
|
children: [
|
|
55472
|
-
/* @__PURE__ */
|
|
55473
|
-
|
|
55474
|
-
|
|
55475
|
-
columnNumber: 11
|
|
55476
|
-
}, void 0),
|
|
55477
|
-
/* @__PURE__ */ jsxDEV("span", { children: "Canvas" }, void 0, false, {
|
|
55478
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55479
|
-
lineNumber: 741,
|
|
55480
|
-
columnNumber: 11
|
|
55481
|
-
}, void 0),
|
|
55482
|
-
state.configs.length > 0 && /* @__PURE__ */ jsxDEV("span", { style: {
|
|
54834
|
+
/* @__PURE__ */ jsx(FileBraces, { size: 16 }),
|
|
54835
|
+
/* @__PURE__ */ jsx("span", { children: "Canvas" }),
|
|
54836
|
+
state.configs.length > 0 && /* @__PURE__ */ jsx("span", { style: {
|
|
55483
54837
|
fontSize: theme.fontSizes[0],
|
|
55484
54838
|
color: state.activeTab === "canvas" ? theme.colors.primary : theme.colors.textMuted,
|
|
55485
54839
|
backgroundColor: state.activeTab === "canvas" ? `${theme.colors.primary}20` : theme.colors.background,
|
|
55486
54840
|
padding: `0 ${theme.space[1]}`,
|
|
55487
54841
|
borderRadius: theme.radii[1]
|
|
55488
|
-
}, children: state.configs.length }
|
|
55489
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55490
|
-
lineNumber: 743,
|
|
55491
|
-
columnNumber: 13
|
|
55492
|
-
}, void 0)
|
|
54842
|
+
}, children: state.configs.length })
|
|
55493
54843
|
]
|
|
55494
|
-
}
|
|
55495
|
-
void 0,
|
|
55496
|
-
true,
|
|
55497
|
-
{
|
|
55498
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55499
|
-
lineNumber: 736,
|
|
55500
|
-
columnNumber: 9
|
|
55501
|
-
},
|
|
55502
|
-
void 0
|
|
54844
|
+
}
|
|
55503
54845
|
),
|
|
55504
|
-
/* @__PURE__ */
|
|
54846
|
+
/* @__PURE__ */ jsxs(
|
|
55505
54847
|
"button",
|
|
55506
54848
|
{
|
|
55507
54849
|
onClick: () => handleTabChange("library"),
|
|
55508
54850
|
style: getTabStyle("library", state.activeTab === "library"),
|
|
55509
54851
|
disabled: !state.library,
|
|
55510
54852
|
children: [
|
|
55511
|
-
/* @__PURE__ */
|
|
55512
|
-
|
|
55513
|
-
lineNumber: 759,
|
|
55514
|
-
columnNumber: 11
|
|
55515
|
-
}, void 0),
|
|
55516
|
-
/* @__PURE__ */ jsxDEV("span", { children: "Library" }, void 0, false, {
|
|
55517
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55518
|
-
lineNumber: 760,
|
|
55519
|
-
columnNumber: 11
|
|
55520
|
-
}, void 0)
|
|
54853
|
+
/* @__PURE__ */ jsx(Library, { size: 16 }),
|
|
54854
|
+
/* @__PURE__ */ jsx("span", { children: "Library" })
|
|
55521
54855
|
]
|
|
55522
|
-
}
|
|
55523
|
-
void 0,
|
|
55524
|
-
true,
|
|
55525
|
-
{
|
|
55526
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55527
|
-
lineNumber: 754,
|
|
55528
|
-
columnNumber: 9
|
|
55529
|
-
},
|
|
55530
|
-
void 0
|
|
54856
|
+
}
|
|
55531
54857
|
)
|
|
55532
|
-
] },
|
|
55533
|
-
|
|
55534
|
-
lineNumber: 730,
|
|
55535
|
-
columnNumber: 7
|
|
55536
|
-
}, void 0),
|
|
55537
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54858
|
+
] }),
|
|
54859
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55538
54860
|
flex: 1,
|
|
55539
54861
|
overflow: "auto"
|
|
55540
54862
|
}, children: [
|
|
55541
|
-
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: {
|
|
55542
54864
|
textAlign: "center",
|
|
55543
54865
|
padding: theme.space[4],
|
|
55544
54866
|
color: theme.colors.textMuted
|
|
55545
|
-
}, children: "No canvas files found" },
|
|
55546
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55547
|
-
lineNumber: 773,
|
|
55548
|
-
columnNumber: 15
|
|
55549
|
-
}, void 0) : /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", flexDirection: "column", gap: theme.space[2] }, children: state.configs.map((config) => /* @__PURE__ */ 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(
|
|
55550
54868
|
"button",
|
|
55551
54869
|
{
|
|
55552
54870
|
onClick: () => handleConfigSelect(config),
|
|
@@ -55567,46 +54885,19 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55567
54885
|
transition: "all 0.15s"
|
|
55568
54886
|
},
|
|
55569
54887
|
children: [
|
|
55570
|
-
/* @__PURE__ */
|
|
55571
|
-
|
|
55572
|
-
|
|
55573
|
-
columnNumber: 21
|
|
55574
|
-
}, void 0),
|
|
55575
|
-
/* @__PURE__ */ jsxDEV("span", { style: { flex: 1 }, children: config.displayName }, void 0, false, {
|
|
55576
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55577
|
-
lineNumber: 808,
|
|
55578
|
-
columnNumber: 21
|
|
55579
|
-
}, void 0),
|
|
55580
|
-
/* @__PURE__ */ jsxDEV(ArrowRight, { size: 14, style: { color: theme.colors.textMuted, opacity: 0.5 } }, void 0, false, {
|
|
55581
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55582
|
-
lineNumber: 809,
|
|
55583
|
-
columnNumber: 21
|
|
55584
|
-
}, 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 } })
|
|
55585
54891
|
]
|
|
55586
54892
|
},
|
|
55587
|
-
config.id
|
|
55588
|
-
|
|
55589
|
-
|
|
55590
|
-
|
|
55591
|
-
lineNumber: 783,
|
|
55592
|
-
columnNumber: 19
|
|
55593
|
-
},
|
|
55594
|
-
void 0
|
|
55595
|
-
)) }, void 0, false, {
|
|
55596
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55597
|
-
lineNumber: 781,
|
|
55598
|
-
columnNumber: 15
|
|
55599
|
-
}, void 0) }, void 0, false, {
|
|
55600
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55601
|
-
lineNumber: 771,
|
|
55602
|
-
columnNumber: 11
|
|
55603
|
-
}, void 0),
|
|
55604
|
-
state.activeTab === "library" && state.library && /* @__PURE__ */ jsxDEV("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [
|
|
55605
|
-
/* @__PURE__ */ 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: {
|
|
55606
54897
|
position: "relative",
|
|
55607
54898
|
marginBottom: theme.space[3]
|
|
55608
54899
|
}, children: [
|
|
55609
|
-
/* @__PURE__ */
|
|
54900
|
+
/* @__PURE__ */ jsx(
|
|
55610
54901
|
Search,
|
|
55611
54902
|
{
|
|
55612
54903
|
size: 16,
|
|
@@ -55618,17 +54909,9 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55618
54909
|
color: theme.colors.textMuted,
|
|
55619
54910
|
pointerEvents: "none"
|
|
55620
54911
|
}
|
|
55621
|
-
}
|
|
55622
|
-
void 0,
|
|
55623
|
-
false,
|
|
55624
|
-
{
|
|
55625
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55626
|
-
lineNumber: 825,
|
|
55627
|
-
columnNumber: 15
|
|
55628
|
-
},
|
|
55629
|
-
void 0
|
|
54912
|
+
}
|
|
55630
54913
|
),
|
|
55631
|
-
/* @__PURE__ */
|
|
54914
|
+
/* @__PURE__ */ jsx(
|
|
55632
54915
|
"input",
|
|
55633
54916
|
{
|
|
55634
54917
|
type: "text",
|
|
@@ -55648,44 +54931,24 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55648
54931
|
outline: "none",
|
|
55649
54932
|
boxSizing: "border-box"
|
|
55650
54933
|
}
|
|
55651
|
-
}
|
|
55652
|
-
void 0,
|
|
55653
|
-
false,
|
|
55654
|
-
{
|
|
55655
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55656
|
-
lineNumber: 836,
|
|
55657
|
-
columnNumber: 15
|
|
55658
|
-
},
|
|
55659
|
-
void 0
|
|
54934
|
+
}
|
|
55660
54935
|
)
|
|
55661
|
-
] },
|
|
55662
|
-
|
|
55663
|
-
|
|
55664
|
-
columnNumber: 13
|
|
55665
|
-
}, void 0),
|
|
55666
|
-
nodeComponents.length > 0 && /* @__PURE__ */ jsxDEV("div", { style: { marginBottom: theme.space[3] }, children: [
|
|
55667
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54936
|
+
] }),
|
|
54937
|
+
nodeComponents.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginBottom: theme.space[3] }, children: [
|
|
54938
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55668
54939
|
marginBottom: theme.space[2]
|
|
55669
|
-
}, children: /* @__PURE__ */
|
|
54940
|
+
}, children: /* @__PURE__ */ jsx("span", { style: {
|
|
55670
54941
|
fontSize: theme.fontSizes[1],
|
|
55671
54942
|
fontWeight: theme.fontWeights.medium,
|
|
55672
54943
|
color: theme.colors.text
|
|
55673
|
-
}, children: "Node Components" }
|
|
55674
|
-
|
|
55675
|
-
lineNumber: 863,
|
|
55676
|
-
columnNumber: 19
|
|
55677
|
-
}, void 0) }, void 0, false, {
|
|
55678
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55679
|
-
lineNumber: 860,
|
|
55680
|
-
columnNumber: 17
|
|
55681
|
-
}, void 0),
|
|
55682
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54944
|
+
}, children: "Node Components" }) }),
|
|
54945
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55683
54946
|
display: "flex",
|
|
55684
54947
|
flexDirection: "column",
|
|
55685
54948
|
gap: theme.space[2]
|
|
55686
54949
|
}, children: nodeComponents.map(([key, node]) => {
|
|
55687
54950
|
const ShapeIcon = getShapeIcon(node.shape);
|
|
55688
|
-
return /* @__PURE__ */
|
|
54951
|
+
return /* @__PURE__ */ jsxs(
|
|
55689
54952
|
"div",
|
|
55690
54953
|
{
|
|
55691
54954
|
style: {
|
|
@@ -55698,88 +54961,45 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55698
54961
|
border: `1px solid ${theme.colors.border}`
|
|
55699
54962
|
},
|
|
55700
54963
|
children: [
|
|
55701
|
-
/* @__PURE__ */
|
|
54964
|
+
/* @__PURE__ */ jsx(
|
|
55702
54965
|
ShapeIcon,
|
|
55703
54966
|
{
|
|
55704
54967
|
size: 16,
|
|
55705
54968
|
style: { color: node.color || theme.colors.textMuted, flexShrink: 0 }
|
|
55706
|
-
}
|
|
55707
|
-
void 0,
|
|
55708
|
-
false,
|
|
55709
|
-
{
|
|
55710
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55711
|
-
lineNumber: 892,
|
|
55712
|
-
columnNumber: 25
|
|
55713
|
-
},
|
|
55714
|
-
void 0
|
|
54969
|
+
}
|
|
55715
54970
|
),
|
|
55716
|
-
/* @__PURE__ */
|
|
55717
|
-
/* @__PURE__ */
|
|
54971
|
+
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
54972
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55718
54973
|
fontSize: theme.fontSizes[1],
|
|
55719
54974
|
color: theme.colors.text
|
|
55720
|
-
}, children: key },
|
|
55721
|
-
|
|
55722
|
-
lineNumber: 897,
|
|
55723
|
-
columnNumber: 27
|
|
55724
|
-
}, void 0),
|
|
55725
|
-
node.description && /* @__PURE__ */ jsxDEV("div", { style: {
|
|
54975
|
+
}, children: key }),
|
|
54976
|
+
node.description && /* @__PURE__ */ jsx("div", { style: {
|
|
55726
54977
|
fontSize: theme.fontSizes[0],
|
|
55727
54978
|
color: theme.colors.textMuted,
|
|
55728
54979
|
whiteSpace: "nowrap",
|
|
55729
54980
|
overflow: "hidden",
|
|
55730
54981
|
textOverflow: "ellipsis"
|
|
55731
|
-
}, children: node.description }
|
|
55732
|
-
|
|
55733
|
-
lineNumber: 904,
|
|
55734
|
-
columnNumber: 29
|
|
55735
|
-
}, void 0)
|
|
55736
|
-
] }, void 0, true, {
|
|
55737
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55738
|
-
lineNumber: 896,
|
|
55739
|
-
columnNumber: 25
|
|
55740
|
-
}, void 0)
|
|
54982
|
+
}, children: node.description })
|
|
54983
|
+
] })
|
|
55741
54984
|
]
|
|
55742
54985
|
},
|
|
55743
|
-
key
|
|
55744
|
-
true,
|
|
55745
|
-
{
|
|
55746
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55747
|
-
lineNumber: 880,
|
|
55748
|
-
columnNumber: 23
|
|
55749
|
-
},
|
|
55750
|
-
void 0
|
|
54986
|
+
key
|
|
55751
54987
|
);
|
|
55752
|
-
}) }
|
|
55753
|
-
|
|
55754
|
-
|
|
55755
|
-
|
|
55756
|
-
}, void 0)
|
|
55757
|
-
] }, void 0, true, {
|
|
55758
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55759
|
-
lineNumber: 859,
|
|
55760
|
-
columnNumber: 15
|
|
55761
|
-
}, void 0),
|
|
55762
|
-
edgeComponents.length > 0 && /* @__PURE__ */ jsxDEV("div", { children: [
|
|
55763
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54988
|
+
}) })
|
|
54989
|
+
] }),
|
|
54990
|
+
edgeComponents.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
|
|
54991
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55764
54992
|
marginBottom: theme.space[2]
|
|
55765
|
-
}, children: /* @__PURE__ */
|
|
54993
|
+
}, children: /* @__PURE__ */ jsx("span", { style: {
|
|
55766
54994
|
fontSize: theme.fontSizes[1],
|
|
55767
54995
|
fontWeight: theme.fontWeights.medium,
|
|
55768
54996
|
color: theme.colors.text
|
|
55769
|
-
}, children: "Edge Components" }
|
|
55770
|
-
|
|
55771
|
-
lineNumber: 928,
|
|
55772
|
-
columnNumber: 19
|
|
55773
|
-
}, void 0) }, void 0, false, {
|
|
55774
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55775
|
-
lineNumber: 925,
|
|
55776
|
-
columnNumber: 17
|
|
55777
|
-
}, void 0),
|
|
55778
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54997
|
+
}, children: "Edge Components" }) }),
|
|
54998
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55779
54999
|
display: "flex",
|
|
55780
55000
|
flexDirection: "column",
|
|
55781
55001
|
gap: theme.space[2]
|
|
55782
|
-
}, children: edgeComponents.map(([key, edge]) => /* @__PURE__ */
|
|
55002
|
+
}, children: edgeComponents.map(([key, edge]) => /* @__PURE__ */ jsxs(
|
|
55783
55003
|
"div",
|
|
55784
55004
|
{
|
|
55785
55005
|
style: {
|
|
@@ -55792,18 +55012,14 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55792
55012
|
border: `1px solid ${theme.colors.border}`
|
|
55793
55013
|
},
|
|
55794
55014
|
children: [
|
|
55795
|
-
/* @__PURE__ */
|
|
55015
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55796
55016
|
width: "20px",
|
|
55797
55017
|
height: "2px",
|
|
55798
55018
|
backgroundColor: edge.color || theme.colors.textMuted,
|
|
55799
55019
|
flexShrink: 0
|
|
55800
|
-
} },
|
|
55801
|
-
|
|
55802
|
-
|
|
55803
|
-
columnNumber: 23
|
|
55804
|
-
}, void 0),
|
|
55805
|
-
/* @__PURE__ */ jsxDEV("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
55806
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55020
|
+
} }),
|
|
55021
|
+
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
55022
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55807
55023
|
display: "flex",
|
|
55808
55024
|
alignItems: "center",
|
|
55809
55025
|
gap: theme.space[1],
|
|
@@ -55811,88 +55027,33 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55811
55027
|
color: theme.colors.text
|
|
55812
55028
|
}, children: [
|
|
55813
55029
|
key,
|
|
55814
|
-
edge.directed && /* @__PURE__ */
|
|
55815
|
-
|
|
55816
|
-
|
|
55817
|
-
columnNumber: 29
|
|
55818
|
-
}, void 0)
|
|
55819
|
-
] }, void 0, true, {
|
|
55820
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55821
|
-
lineNumber: 962,
|
|
55822
|
-
columnNumber: 25
|
|
55823
|
-
}, void 0),
|
|
55824
|
-
edge.description && /* @__PURE__ */ jsxDEV("div", { style: {
|
|
55030
|
+
edge.directed && /* @__PURE__ */ jsx(ArrowRight, { size: 12, style: { color: theme.colors.textMuted } })
|
|
55031
|
+
] }),
|
|
55032
|
+
edge.description && /* @__PURE__ */ jsx("div", { style: {
|
|
55825
55033
|
fontSize: theme.fontSizes[0],
|
|
55826
55034
|
color: theme.colors.textMuted,
|
|
55827
55035
|
whiteSpace: "nowrap",
|
|
55828
55036
|
overflow: "hidden",
|
|
55829
55037
|
textOverflow: "ellipsis"
|
|
55830
|
-
}, children: edge.description }
|
|
55831
|
-
|
|
55832
|
-
lineNumber: 975,
|
|
55833
|
-
columnNumber: 27
|
|
55834
|
-
}, void 0)
|
|
55835
|
-
] }, void 0, true, {
|
|
55836
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55837
|
-
lineNumber: 961,
|
|
55838
|
-
columnNumber: 23
|
|
55839
|
-
}, void 0)
|
|
55038
|
+
}, children: edge.description })
|
|
55039
|
+
] })
|
|
55840
55040
|
]
|
|
55841
55041
|
},
|
|
55842
|
-
key
|
|
55843
|
-
|
|
55844
|
-
|
|
55845
|
-
|
|
55846
|
-
|
|
55847
|
-
columnNumber: 21
|
|
55848
|
-
},
|
|
55849
|
-
void 0
|
|
55850
|
-
)) }, void 0, false, {
|
|
55851
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55852
|
-
lineNumber: 937,
|
|
55853
|
-
columnNumber: 17
|
|
55854
|
-
}, void 0)
|
|
55855
|
-
] }, void 0, true, {
|
|
55856
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55857
|
-
lineNumber: 924,
|
|
55858
|
-
columnNumber: 15
|
|
55859
|
-
}, void 0)
|
|
55860
|
-
] }, void 0, true, {
|
|
55861
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55862
|
-
lineNumber: 819,
|
|
55863
|
-
columnNumber: 11
|
|
55864
|
-
}, void 0),
|
|
55865
|
-
state.activeTab === "library" && !state.library && /* @__PURE__ */ jsxDEV("div", { style: {
|
|
55042
|
+
key
|
|
55043
|
+
)) })
|
|
55044
|
+
] })
|
|
55045
|
+
] }),
|
|
55046
|
+
state.activeTab === "library" && !state.library && /* @__PURE__ */ jsxs("div", { style: {
|
|
55866
55047
|
textAlign: "center",
|
|
55867
55048
|
padding: theme.space[4],
|
|
55868
55049
|
color: theme.colors.textMuted
|
|
55869
55050
|
}, children: [
|
|
55870
|
-
/* @__PURE__ */
|
|
55871
|
-
|
|
55872
|
-
|
|
55873
|
-
|
|
55874
|
-
|
|
55875
|
-
|
|
55876
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55877
|
-
lineNumber: 1002,
|
|
55878
|
-
columnNumber: 13
|
|
55879
|
-
}, void 0),
|
|
55880
|
-
/* @__PURE__ */ jsxDEV("div", { style: { fontSize: theme.fontSizes[0], marginTop: theme.space[1] }, children: "Add library.yaml to the .principal-views/ folder" }, void 0, false, {
|
|
55881
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55882
|
-
lineNumber: 1003,
|
|
55883
|
-
columnNumber: 13
|
|
55884
|
-
}, void 0)
|
|
55885
|
-
] }, void 0, true, {
|
|
55886
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55887
|
-
lineNumber: 996,
|
|
55888
|
-
columnNumber: 11
|
|
55889
|
-
}, void 0)
|
|
55890
|
-
] }, void 0, true, {
|
|
55891
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55892
|
-
lineNumber: 765,
|
|
55893
|
-
columnNumber: 7
|
|
55894
|
-
}, void 0),
|
|
55895
|
-
showSetupInfo && /* @__PURE__ */ 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: {
|
|
55896
55057
|
position: "absolute",
|
|
55897
55058
|
top: 0,
|
|
55898
55059
|
left: 0,
|
|
@@ -55903,7 +55064,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55903
55064
|
flexDirection: "column",
|
|
55904
55065
|
zIndex: 10
|
|
55905
55066
|
}, children: [
|
|
55906
|
-
/* @__PURE__ */
|
|
55067
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55907
55068
|
padding: `${theme.space[3]}px ${theme.space[3]}px`,
|
|
55908
55069
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55909
55070
|
display: "flex",
|
|
@@ -55911,17 +55072,13 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55911
55072
|
justifyContent: "space-between",
|
|
55912
55073
|
flexShrink: 0
|
|
55913
55074
|
}, children: [
|
|
55914
|
-
/* @__PURE__ */
|
|
55075
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
55915
55076
|
margin: 0,
|
|
55916
55077
|
fontSize: theme.fontSizes[3],
|
|
55917
55078
|
fontWeight: theme.fontWeights.medium,
|
|
55918
55079
|
color: theme.colors.text
|
|
55919
|
-
}, children: "Setup" },
|
|
55920
|
-
|
|
55921
|
-
lineNumber: 1032,
|
|
55922
|
-
columnNumber: 13
|
|
55923
|
-
}, void 0),
|
|
55924
|
-
/* @__PURE__ */ jsxDEV(
|
|
55080
|
+
}, children: "Setup" }),
|
|
55081
|
+
/* @__PURE__ */ jsx(
|
|
55925
55082
|
"button",
|
|
55926
55083
|
{
|
|
55927
55084
|
onClick: () => setShowSetupInfo(false),
|
|
@@ -55939,27 +55096,11 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55939
55096
|
transition: "color 0.2s"
|
|
55940
55097
|
},
|
|
55941
55098
|
title: "Close",
|
|
55942
|
-
children: /* @__PURE__ */
|
|
55943
|
-
|
|
55944
|
-
lineNumber: 1057,
|
|
55945
|
-
columnNumber: 15
|
|
55946
|
-
}, void 0)
|
|
55947
|
-
},
|
|
55948
|
-
void 0,
|
|
55949
|
-
false,
|
|
55950
|
-
{
|
|
55951
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55952
|
-
lineNumber: 1040,
|
|
55953
|
-
columnNumber: 13
|
|
55954
|
-
},
|
|
55955
|
-
void 0
|
|
55099
|
+
children: /* @__PURE__ */ jsx(X$1, { size: 16 })
|
|
55100
|
+
}
|
|
55956
55101
|
)
|
|
55957
|
-
] },
|
|
55958
|
-
|
|
55959
|
-
lineNumber: 1024,
|
|
55960
|
-
columnNumber: 11
|
|
55961
|
-
}, void 0),
|
|
55962
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55102
|
+
] }),
|
|
55103
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55963
55104
|
flex: 1,
|
|
55964
55105
|
display: "flex",
|
|
55965
55106
|
flexDirection: "column",
|
|
@@ -55970,34 +55111,18 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55970
55111
|
textAlign: "center",
|
|
55971
55112
|
overflow: "auto"
|
|
55972
55113
|
}, children: [
|
|
55973
|
-
/* @__PURE__ */
|
|
55974
|
-
|
|
55975
|
-
|
|
55976
|
-
|
|
55977
|
-
}, void 0),
|
|
55978
|
-
/* @__PURE__ */ 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, {
|
|
55979
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55980
|
-
lineNumber: 1074,
|
|
55981
|
-
columnNumber: 13
|
|
55982
|
-
}, void 0),
|
|
55983
|
-
/* @__PURE__ */ 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, {
|
|
55984
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
55985
|
-
lineNumber: 1077,
|
|
55986
|
-
columnNumber: 13
|
|
55987
|
-
}, void 0),
|
|
55988
|
-
/* @__PURE__ */ 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: {
|
|
55989
55118
|
display: "flex",
|
|
55990
55119
|
flexDirection: "column",
|
|
55991
55120
|
gap: theme.space[2],
|
|
55992
55121
|
width: "90%",
|
|
55993
55122
|
maxWidth: "400px"
|
|
55994
55123
|
}, children: [
|
|
55995
|
-
/* @__PURE__ */
|
|
55996
|
-
|
|
55997
|
-
lineNumber: 1089,
|
|
55998
|
-
columnNumber: 15
|
|
55999
|
-
}, void 0),
|
|
56000
|
-
/* @__PURE__ */ jsxDEV(
|
|
55124
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }),
|
|
55125
|
+
/* @__PURE__ */ jsxs(
|
|
56001
55126
|
"button",
|
|
56002
55127
|
{
|
|
56003
55128
|
onClick: handleCopyCommand,
|
|
@@ -56018,37 +55143,13 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
56018
55143
|
transition: "all 0.15s"
|
|
56019
55144
|
},
|
|
56020
55145
|
children: [
|
|
56021
|
-
/* @__PURE__ */
|
|
56022
|
-
|
|
56023
|
-
lineNumber: 1111,
|
|
56024
|
-
columnNumber: 17
|
|
56025
|
-
}, void 0),
|
|
56026
|
-
copied ? /* @__PURE__ */ jsxDEV(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }, void 0, false, {
|
|
56027
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56028
|
-
lineNumber: 1115,
|
|
56029
|
-
columnNumber: 19
|
|
56030
|
-
}, void 0) : /* @__PURE__ */ jsxDEV(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } }, void 0, false, {
|
|
56031
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56032
|
-
lineNumber: 1117,
|
|
56033
|
-
columnNumber: 19
|
|
56034
|
-
}, 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 } })
|
|
56035
55148
|
]
|
|
56036
|
-
}
|
|
56037
|
-
void 0,
|
|
56038
|
-
true,
|
|
56039
|
-
{
|
|
56040
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56041
|
-
lineNumber: 1092,
|
|
56042
|
-
columnNumber: 15
|
|
56043
|
-
},
|
|
56044
|
-
void 0
|
|
55149
|
+
}
|
|
56045
55150
|
),
|
|
56046
|
-
/* @__PURE__ */
|
|
56047
|
-
|
|
56048
|
-
lineNumber: 1120,
|
|
56049
|
-
columnNumber: 15
|
|
56050
|
-
}, void 0),
|
|
56051
|
-
/* @__PURE__ */ jsxDEV(
|
|
55151
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }),
|
|
55152
|
+
/* @__PURE__ */ jsxs(
|
|
56052
55153
|
"a",
|
|
56053
55154
|
{
|
|
56054
55155
|
href: "https://www.npmjs.com/package/@principal-ai/principal-view-cli",
|
|
@@ -56067,42 +55168,14 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
56067
55168
|
},
|
|
56068
55169
|
children: [
|
|
56069
55170
|
"Learn more on npm",
|
|
56070
|
-
/* @__PURE__ */
|
|
56071
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56072
|
-
lineNumber: 1142,
|
|
56073
|
-
columnNumber: 17
|
|
56074
|
-
}, void 0)
|
|
55171
|
+
/* @__PURE__ */ jsx(ExternalLink, { size: 14 })
|
|
56075
55172
|
]
|
|
56076
|
-
}
|
|
56077
|
-
void 0,
|
|
56078
|
-
true,
|
|
56079
|
-
{
|
|
56080
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56081
|
-
lineNumber: 1125,
|
|
56082
|
-
columnNumber: 15
|
|
56083
|
-
},
|
|
56084
|
-
void 0
|
|
55173
|
+
}
|
|
56085
55174
|
)
|
|
56086
|
-
] }
|
|
56087
|
-
|
|
56088
|
-
|
|
56089
|
-
|
|
56090
|
-
}, void 0)
|
|
56091
|
-
] }, void 0, true, {
|
|
56092
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56093
|
-
lineNumber: 1062,
|
|
56094
|
-
columnNumber: 11
|
|
56095
|
-
}, void 0)
|
|
56096
|
-
] }, void 0, true, {
|
|
56097
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56098
|
-
lineNumber: 1012,
|
|
56099
|
-
columnNumber: 9
|
|
56100
|
-
}, void 0)
|
|
56101
|
-
] }, void 0, true, {
|
|
56102
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
|
|
56103
|
-
lineNumber: 659,
|
|
56104
|
-
columnNumber: 5
|
|
56105
|
-
}, void 0);
|
|
55175
|
+
] })
|
|
55176
|
+
] })
|
|
55177
|
+
] })
|
|
55178
|
+
] });
|
|
56106
55179
|
};
|
|
56107
55180
|
ConfigLibraryBrowserPanel.displayName = "ConfigLibraryBrowserPanel";
|
|
56108
55181
|
const focusNodeTool = {
|
|
@@ -56391,7 +55464,7 @@ const EventControllerPanel = ({
|
|
|
56391
55464
|
return theme.colors.textMuted;
|
|
56392
55465
|
}
|
|
56393
55466
|
};
|
|
56394
|
-
return /* @__PURE__ */
|
|
55467
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
56395
55468
|
height: "100%",
|
|
56396
55469
|
width: "100%",
|
|
56397
55470
|
backgroundColor: theme.colors.background,
|
|
@@ -56405,44 +55478,32 @@ const EventControllerPanel = ({
|
|
|
56405
55478
|
overflow: "hidden",
|
|
56406
55479
|
boxSizing: "border-box"
|
|
56407
55480
|
}, children: [
|
|
56408
|
-
/* @__PURE__ */
|
|
55481
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56409
55482
|
display: "flex",
|
|
56410
55483
|
justifyContent: "space-between",
|
|
56411
55484
|
alignItems: "center",
|
|
56412
55485
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
56413
55486
|
paddingBottom: theme.space[3]
|
|
56414
55487
|
}, children: [
|
|
56415
|
-
/* @__PURE__ */
|
|
55488
|
+
/* @__PURE__ */ jsx("h3", { style: {
|
|
56416
55489
|
margin: 0,
|
|
56417
55490
|
fontSize: theme.fontSizes[2],
|
|
56418
55491
|
fontWeight: theme.fontWeights.medium,
|
|
56419
55492
|
color: theme.colors.text
|
|
56420
|
-
}, children: "Event Controller" },
|
|
56421
|
-
|
|
56422
|
-
lineNumber: 301,
|
|
56423
|
-
columnNumber: 9
|
|
56424
|
-
}, void 0),
|
|
56425
|
-
/* @__PURE__ */ 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: [
|
|
56426
55495
|
events.length,
|
|
56427
55496
|
" events"
|
|
56428
|
-
] }
|
|
56429
|
-
|
|
56430
|
-
|
|
56431
|
-
columnNumber: 9
|
|
56432
|
-
}, void 0)
|
|
56433
|
-
] }, void 0, true, {
|
|
56434
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56435
|
-
lineNumber: 294,
|
|
56436
|
-
columnNumber: 7
|
|
56437
|
-
}, void 0),
|
|
56438
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55497
|
+
] })
|
|
55498
|
+
] }),
|
|
55499
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56439
55500
|
display: "flex",
|
|
56440
55501
|
justifyContent: "center",
|
|
56441
55502
|
alignItems: "center",
|
|
56442
55503
|
gap: theme.space[2],
|
|
56443
55504
|
padding: `${theme.space[2]} 0`
|
|
56444
55505
|
}, children: [
|
|
56445
|
-
/* @__PURE__ */
|
|
55506
|
+
/* @__PURE__ */ jsx(
|
|
56446
55507
|
"button",
|
|
56447
55508
|
{
|
|
56448
55509
|
onClick: stepPrevious,
|
|
@@ -56462,22 +55523,10 @@ const EventControllerPanel = ({
|
|
|
56462
55523
|
transition: "all 0.2s"
|
|
56463
55524
|
},
|
|
56464
55525
|
title: "Step Back",
|
|
56465
|
-
children: /* @__PURE__ */
|
|
56466
|
-
|
|
56467
|
-
lineNumber: 342,
|
|
56468
|
-
columnNumber: 11
|
|
56469
|
-
}, void 0)
|
|
56470
|
-
},
|
|
56471
|
-
void 0,
|
|
56472
|
-
false,
|
|
56473
|
-
{
|
|
56474
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56475
|
-
lineNumber: 323,
|
|
56476
|
-
columnNumber: 9
|
|
56477
|
-
},
|
|
56478
|
-
void 0
|
|
55526
|
+
children: /* @__PURE__ */ jsx(SkipBack, { size: 16 })
|
|
55527
|
+
}
|
|
56479
55528
|
),
|
|
56480
|
-
/* @__PURE__ */
|
|
55529
|
+
/* @__PURE__ */ jsx(
|
|
56481
55530
|
"button",
|
|
56482
55531
|
{
|
|
56483
55532
|
onClick: handleStop,
|
|
@@ -56495,22 +55544,10 @@ const EventControllerPanel = ({
|
|
|
56495
55544
|
transition: "all 0.2s"
|
|
56496
55545
|
},
|
|
56497
55546
|
title: "Stop",
|
|
56498
|
-
children: /* @__PURE__ */
|
|
56499
|
-
|
|
56500
|
-
lineNumber: 363,
|
|
56501
|
-
columnNumber: 11
|
|
56502
|
-
}, void 0)
|
|
56503
|
-
},
|
|
56504
|
-
void 0,
|
|
56505
|
-
false,
|
|
56506
|
-
{
|
|
56507
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56508
|
-
lineNumber: 346,
|
|
56509
|
-
columnNumber: 9
|
|
56510
|
-
},
|
|
56511
|
-
void 0
|
|
55547
|
+
children: /* @__PURE__ */ jsx(Square, { size: 16 })
|
|
55548
|
+
}
|
|
56512
55549
|
),
|
|
56513
|
-
/* @__PURE__ */
|
|
55550
|
+
/* @__PURE__ */ jsx(
|
|
56514
55551
|
"button",
|
|
56515
55552
|
{
|
|
56516
55553
|
onClick: status === "playing" ? handlePause : handlePlay,
|
|
@@ -56530,26 +55567,10 @@ const EventControllerPanel = ({
|
|
|
56530
55567
|
transition: "all 0.2s"
|
|
56531
55568
|
},
|
|
56532
55569
|
title: status === "playing" ? "Pause" : "Play",
|
|
56533
|
-
children: status === "playing" ? /* @__PURE__ */
|
|
56534
|
-
|
|
56535
|
-
lineNumber: 390,
|
|
56536
|
-
columnNumber: 35
|
|
56537
|
-
}, void 0) : /* @__PURE__ */ jsxDEV(Play, { size: 20 }, void 0, false, {
|
|
56538
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56539
|
-
lineNumber: 390,
|
|
56540
|
-
columnNumber: 57
|
|
56541
|
-
}, void 0)
|
|
56542
|
-
},
|
|
56543
|
-
void 0,
|
|
56544
|
-
false,
|
|
56545
|
-
{
|
|
56546
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56547
|
-
lineNumber: 367,
|
|
56548
|
-
columnNumber: 9
|
|
56549
|
-
},
|
|
56550
|
-
void 0
|
|
55570
|
+
children: status === "playing" ? /* @__PURE__ */ jsx(Pause, { size: 20 }) : /* @__PURE__ */ jsx(Play, { size: 20 })
|
|
55571
|
+
}
|
|
56551
55572
|
),
|
|
56552
|
-
/* @__PURE__ */
|
|
55573
|
+
/* @__PURE__ */ jsx(
|
|
56553
55574
|
"button",
|
|
56554
55575
|
{
|
|
56555
55576
|
onClick: stepNext,
|
|
@@ -56569,22 +55590,10 @@ const EventControllerPanel = ({
|
|
|
56569
55590
|
transition: "all 0.2s"
|
|
56570
55591
|
},
|
|
56571
55592
|
title: "Step Forward",
|
|
56572
|
-
children: /* @__PURE__ */
|
|
56573
|
-
|
|
56574
|
-
lineNumber: 413,
|
|
56575
|
-
columnNumber: 11
|
|
56576
|
-
}, void 0)
|
|
56577
|
-
},
|
|
56578
|
-
void 0,
|
|
56579
|
-
false,
|
|
56580
|
-
{
|
|
56581
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56582
|
-
lineNumber: 394,
|
|
56583
|
-
columnNumber: 9
|
|
56584
|
-
},
|
|
56585
|
-
void 0
|
|
55593
|
+
children: /* @__PURE__ */ jsx(SkipForward, { size: 16 })
|
|
55594
|
+
}
|
|
56586
55595
|
),
|
|
56587
|
-
/* @__PURE__ */
|
|
55596
|
+
/* @__PURE__ */ jsx(
|
|
56588
55597
|
"button",
|
|
56589
55598
|
{
|
|
56590
55599
|
onClick: handleStop,
|
|
@@ -56602,57 +55611,29 @@ const EventControllerPanel = ({
|
|
|
56602
55611
|
transition: "all 0.2s"
|
|
56603
55612
|
},
|
|
56604
55613
|
title: "Reset",
|
|
56605
|
-
children: /* @__PURE__ */
|
|
56606
|
-
|
|
56607
|
-
lineNumber: 434,
|
|
56608
|
-
columnNumber: 11
|
|
56609
|
-
}, void 0)
|
|
56610
|
-
},
|
|
56611
|
-
void 0,
|
|
56612
|
-
false,
|
|
56613
|
-
{
|
|
56614
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56615
|
-
lineNumber: 417,
|
|
56616
|
-
columnNumber: 9
|
|
56617
|
-
},
|
|
56618
|
-
void 0
|
|
55614
|
+
children: /* @__PURE__ */ jsx(RotateCcw, { size: 16 })
|
|
55615
|
+
}
|
|
56619
55616
|
)
|
|
56620
|
-
] },
|
|
56621
|
-
|
|
56622
|
-
|
|
56623
|
-
columnNumber: 7
|
|
56624
|
-
}, void 0),
|
|
56625
|
-
/* @__PURE__ */ jsxDEV("div", { style: { padding: `0 ${theme.space[1]}` }, children: [
|
|
56626
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55617
|
+
] }),
|
|
55618
|
+
/* @__PURE__ */ jsxs("div", { style: { padding: `0 ${theme.space[1]}` }, children: [
|
|
55619
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56627
55620
|
display: "flex",
|
|
56628
55621
|
justifyContent: "space-between",
|
|
56629
55622
|
marginBottom: theme.space[1],
|
|
56630
55623
|
fontSize: theme.fontSizes[0],
|
|
56631
55624
|
color: theme.colors.textMuted
|
|
56632
55625
|
}, children: [
|
|
56633
|
-
/* @__PURE__ */
|
|
55626
|
+
/* @__PURE__ */ jsxs("span", { children: [
|
|
56634
55627
|
currentIndex + 1,
|
|
56635
55628
|
" / ",
|
|
56636
55629
|
events.length
|
|
56637
|
-
] },
|
|
56638
|
-
|
|
56639
|
-
lineNumber: 447,
|
|
56640
|
-
columnNumber: 11
|
|
56641
|
-
}, void 0),
|
|
56642
|
-
/* @__PURE__ */ jsxDEV("span", { children: [
|
|
55630
|
+
] }),
|
|
55631
|
+
/* @__PURE__ */ jsxs("span", { children: [
|
|
56643
55632
|
speed,
|
|
56644
55633
|
"x"
|
|
56645
|
-
] }
|
|
56646
|
-
|
|
56647
|
-
|
|
56648
|
-
columnNumber: 11
|
|
56649
|
-
}, void 0)
|
|
56650
|
-
] }, void 0, true, {
|
|
56651
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56652
|
-
lineNumber: 440,
|
|
56653
|
-
columnNumber: 9
|
|
56654
|
-
}, void 0),
|
|
56655
|
-
/* @__PURE__ */ jsxDEV(
|
|
55634
|
+
] })
|
|
55635
|
+
] }),
|
|
55636
|
+
/* @__PURE__ */ jsx(
|
|
56656
55637
|
"input",
|
|
56657
55638
|
{
|
|
56658
55639
|
type: "range",
|
|
@@ -56666,26 +55647,14 @@ const EventControllerPanel = ({
|
|
|
56666
55647
|
cursor: "pointer",
|
|
56667
55648
|
accentColor: theme.colors.primary
|
|
56668
55649
|
}
|
|
56669
|
-
}
|
|
56670
|
-
void 0,
|
|
56671
|
-
false,
|
|
56672
|
-
{
|
|
56673
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56674
|
-
lineNumber: 450,
|
|
56675
|
-
columnNumber: 9
|
|
56676
|
-
},
|
|
56677
|
-
void 0
|
|
55650
|
+
}
|
|
56678
55651
|
)
|
|
56679
|
-
] },
|
|
56680
|
-
|
|
56681
|
-
lineNumber: 439,
|
|
56682
|
-
columnNumber: 7
|
|
56683
|
-
}, void 0),
|
|
56684
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55652
|
+
] }),
|
|
55653
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56685
55654
|
display: "flex",
|
|
56686
55655
|
justifyContent: "center",
|
|
56687
55656
|
gap: theme.space[1]
|
|
56688
|
-
}, children: SPEED_OPTIONS.map((s) => /* @__PURE__ */
|
|
55657
|
+
}, children: SPEED_OPTIONS.map((s) => /* @__PURE__ */ jsxs(
|
|
56689
55658
|
"button",
|
|
56690
55659
|
{
|
|
56691
55660
|
onClick: () => setSpeed(s),
|
|
@@ -56705,20 +55674,9 @@ const EventControllerPanel = ({
|
|
|
56705
55674
|
"x"
|
|
56706
55675
|
]
|
|
56707
55676
|
},
|
|
56708
|
-
s
|
|
56709
|
-
|
|
56710
|
-
|
|
56711
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56712
|
-
lineNumber: 472,
|
|
56713
|
-
columnNumber: 11
|
|
56714
|
-
},
|
|
56715
|
-
void 0
|
|
56716
|
-
)) }, void 0, false, {
|
|
56717
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56718
|
-
lineNumber: 466,
|
|
56719
|
-
columnNumber: 7
|
|
56720
|
-
}, void 0),
|
|
56721
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55677
|
+
s
|
|
55678
|
+
)) }),
|
|
55679
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56722
55680
|
display: "flex",
|
|
56723
55681
|
alignItems: "center",
|
|
56724
55682
|
gap: theme.space[2],
|
|
@@ -56727,40 +55685,24 @@ const EventControllerPanel = ({
|
|
|
56727
55685
|
borderRadius: theme.radii[1],
|
|
56728
55686
|
border: `1px solid ${theme.colors.border}`
|
|
56729
55687
|
}, children: [
|
|
56730
|
-
/* @__PURE__ */
|
|
55688
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56731
55689
|
width: "8px",
|
|
56732
55690
|
height: "8px",
|
|
56733
55691
|
borderRadius: "50%",
|
|
56734
55692
|
backgroundColor: getStatusColor()
|
|
56735
|
-
} },
|
|
56736
|
-
|
|
56737
|
-
lineNumber: 502,
|
|
56738
|
-
columnNumber: 9
|
|
56739
|
-
}, void 0),
|
|
56740
|
-
/* @__PURE__ */ jsxDEV("span", { style: {
|
|
55693
|
+
} }),
|
|
55694
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
56741
55695
|
textTransform: "capitalize",
|
|
56742
55696
|
fontSize: theme.fontSizes[1],
|
|
56743
55697
|
color: theme.colors.text
|
|
56744
|
-
}, children: status },
|
|
56745
|
-
|
|
56746
|
-
lineNumber: 508,
|
|
56747
|
-
columnNumber: 9
|
|
56748
|
-
}, void 0),
|
|
56749
|
-
status === "playing" && /* @__PURE__ */ 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: [
|
|
56750
55700
|
"@ ",
|
|
56751
55701
|
speed,
|
|
56752
55702
|
"x speed"
|
|
56753
|
-
] }
|
|
56754
|
-
|
|
56755
|
-
|
|
56756
|
-
columnNumber: 11
|
|
56757
|
-
}, void 0)
|
|
56758
|
-
] }, void 0, true, {
|
|
56759
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56760
|
-
lineNumber: 493,
|
|
56761
|
-
columnNumber: 7
|
|
56762
|
-
}, void 0),
|
|
56763
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55703
|
+
] })
|
|
55704
|
+
] }),
|
|
55705
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56764
55706
|
flex: 1,
|
|
56765
55707
|
overflow: "auto",
|
|
56766
55708
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
@@ -56768,16 +55710,12 @@ const EventControllerPanel = ({
|
|
|
56768
55710
|
border: `1px solid ${theme.colors.border}`,
|
|
56769
55711
|
minHeight: 0
|
|
56770
55712
|
// Allow shrinking in flex container
|
|
56771
|
-
}, children: /* @__PURE__ */
|
|
55713
|
+
}, children: /* @__PURE__ */ jsx("div", { style: { padding: theme.space[2] }, children: events.length === 0 ? /* @__PURE__ */ jsx("div", { style: {
|
|
56772
55714
|
color: theme.colors.textMuted,
|
|
56773
55715
|
textAlign: "center",
|
|
56774
55716
|
padding: theme.space[5],
|
|
56775
55717
|
fontSize: theme.fontSizes[1]
|
|
56776
|
-
}, children: "No events loaded" }
|
|
56777
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56778
|
-
lineNumber: 533,
|
|
56779
|
-
columnNumber: 13
|
|
56780
|
-
}, void 0) : events.map((event, index2) => /* @__PURE__ */ jsxDEV(
|
|
55718
|
+
}, children: "No events loaded" }) : events.map((event, index2) => /* @__PURE__ */ jsxs(
|
|
56781
55719
|
"div",
|
|
56782
55720
|
{
|
|
56783
55721
|
onClick: () => handleSeek(index2),
|
|
@@ -56791,69 +55729,34 @@ const EventControllerPanel = ({
|
|
|
56791
55729
|
transition: "background-color 0.15s"
|
|
56792
55730
|
},
|
|
56793
55731
|
children: [
|
|
56794
|
-
/* @__PURE__ */
|
|
55732
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56795
55733
|
display: "flex",
|
|
56796
55734
|
justifyContent: "space-between",
|
|
56797
55735
|
alignItems: "center"
|
|
56798
55736
|
}, children: [
|
|
56799
|
-
/* @__PURE__ */
|
|
55737
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
56800
55738
|
fontFamily: theme.fonts.monospace,
|
|
56801
55739
|
fontSize: theme.fontSizes[0],
|
|
56802
55740
|
color: index2 === currentIndex ? "white" : index2 <= currentIndex ? theme.colors.primary : theme.colors.textMuted
|
|
56803
|
-
}, children: getEventTypeDisplay(event) },
|
|
56804
|
-
|
|
56805
|
-
lineNumber: 567,
|
|
56806
|
-
columnNumber: 19
|
|
56807
|
-
}, void 0),
|
|
56808
|
-
/* @__PURE__ */ jsxDEV("span", { style: {
|
|
55741
|
+
}, children: getEventTypeDisplay(event) }),
|
|
55742
|
+
/* @__PURE__ */ jsxs("span", { style: {
|
|
56809
55743
|
fontSize: theme.fontSizes[0],
|
|
56810
55744
|
color: index2 === currentIndex ? "rgba(255,255,255,0.7)" : theme.colors.textMuted
|
|
56811
55745
|
}, children: [
|
|
56812
55746
|
"#",
|
|
56813
55747
|
index2 + 1
|
|
56814
|
-
] }
|
|
56815
|
-
|
|
56816
|
-
|
|
56817
|
-
columnNumber: 19
|
|
56818
|
-
}, void 0)
|
|
56819
|
-
] }, void 0, true, {
|
|
56820
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56821
|
-
lineNumber: 562,
|
|
56822
|
-
columnNumber: 17
|
|
56823
|
-
}, void 0),
|
|
56824
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55748
|
+
] })
|
|
55749
|
+
] }),
|
|
55750
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56825
55751
|
fontSize: theme.fontSizes[0],
|
|
56826
55752
|
color: index2 === currentIndex ? "rgba(255,255,255,0.8)" : index2 <= currentIndex ? theme.colors.textSecondary : theme.colors.textMuted,
|
|
56827
55753
|
marginTop: theme.space[1]
|
|
56828
|
-
}, children: getEventTargetDisplay(event) }
|
|
56829
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56830
|
-
lineNumber: 585,
|
|
56831
|
-
columnNumber: 17
|
|
56832
|
-
}, void 0)
|
|
55754
|
+
}, children: getEventTargetDisplay(event) })
|
|
56833
55755
|
]
|
|
56834
55756
|
},
|
|
56835
|
-
event.id
|
|
56836
|
-
|
|
56837
|
-
|
|
56838
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56839
|
-
lineNumber: 543,
|
|
56840
|
-
columnNumber: 15
|
|
56841
|
-
},
|
|
56842
|
-
void 0
|
|
56843
|
-
)) }, void 0, false, {
|
|
56844
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56845
|
-
lineNumber: 531,
|
|
56846
|
-
columnNumber: 9
|
|
56847
|
-
}, void 0) }, void 0, false, {
|
|
56848
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56849
|
-
lineNumber: 523,
|
|
56850
|
-
columnNumber: 7
|
|
56851
|
-
}, void 0)
|
|
56852
|
-
] }, void 0, true, {
|
|
56853
|
-
fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
|
|
56854
|
-
lineNumber: 279,
|
|
56855
|
-
columnNumber: 5
|
|
56856
|
-
}, void 0);
|
|
55757
|
+
event.id
|
|
55758
|
+
)) }) })
|
|
55759
|
+
] });
|
|
56857
55760
|
};
|
|
56858
55761
|
EventControllerPanel.displayName = "EventControllerPanel";
|
|
56859
55762
|
const panels = [
|