@industry-theme/principal-view-panels 0.1.7 → 0.1.9
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
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",
|
|
@@ -53631,6 +53450,7 @@ const PrincipalViewGraphPanel = ({
|
|
|
53631
53450
|
eventsRef.current = events;
|
|
53632
53451
|
const selectedConfigIdRef = useRef(null);
|
|
53633
53452
|
selectedConfigIdRef.current = state.selectedConfigId;
|
|
53453
|
+
const skipNextFileChangeRef = useRef(false);
|
|
53634
53454
|
const loadConfiguration = useCallback(async (configId) => {
|
|
53635
53455
|
var _a2;
|
|
53636
53456
|
setState((prev) => ({ ...prev, loading: true, error: null }));
|
|
@@ -53750,7 +53570,7 @@ const PrincipalViewGraphPanel = ({
|
|
|
53750
53570
|
setState((prev) => ({ ...prev, hasUnsavedChanges: false }));
|
|
53751
53571
|
}, [loadConfiguration]);
|
|
53752
53572
|
const saveAllChanges = useCallback(async () => {
|
|
53753
|
-
var _a2;
|
|
53573
|
+
var _a2, _b2;
|
|
53754
53574
|
if (!state.canvas) return;
|
|
53755
53575
|
const pendingChanges = (_a2 = graphRef.current) == null ? void 0 : _a2.getPendingChanges();
|
|
53756
53576
|
const hasGraphChanges = (pendingChanges == null ? void 0 : pendingChanges.hasChanges) ?? false;
|
|
@@ -53775,8 +53595,14 @@ const PrincipalViewGraphPanel = ({
|
|
|
53775
53595
|
const jsonContent = JSON.stringify(updatedCanvas, null, 2);
|
|
53776
53596
|
const fullPath = `${repositoryPath}/${selectedConfig.path}`;
|
|
53777
53597
|
await writeFile(fullPath, jsonContent);
|
|
53778
|
-
|
|
53779
|
-
setState((prev) => ({
|
|
53598
|
+
skipNextFileChangeRef.current = true;
|
|
53599
|
+
setState((prev) => ({
|
|
53600
|
+
...prev,
|
|
53601
|
+
canvas: updatedCanvas,
|
|
53602
|
+
isSaving: false,
|
|
53603
|
+
hasUnsavedChanges: false
|
|
53604
|
+
}));
|
|
53605
|
+
(_b2 = graphRef.current) == null ? void 0 : _b2.resetEditState();
|
|
53780
53606
|
} catch (error) {
|
|
53781
53607
|
console.error("[PrincipalView] Error saving changes:", error);
|
|
53782
53608
|
setState((prev) => ({
|
|
@@ -53785,7 +53611,7 @@ const PrincipalViewGraphPanel = ({
|
|
|
53785
53611
|
error: `Failed to save: ${error.message}`
|
|
53786
53612
|
}));
|
|
53787
53613
|
}
|
|
53788
|
-
}, [state.canvas, state.availableConfigs
|
|
53614
|
+
}, [state.canvas, state.availableConfigs]);
|
|
53789
53615
|
const toggleLayoutConfig = useCallback(() => {
|
|
53790
53616
|
setState((prev) => ({ ...prev, showLayoutConfig: !prev.showLayoutConfig }));
|
|
53791
53617
|
}, []);
|
|
@@ -53831,11 +53657,39 @@ const PrincipalViewGraphPanel = ({
|
|
|
53831
53657
|
if (prevData === null || fileTreeLoading) {
|
|
53832
53658
|
return;
|
|
53833
53659
|
}
|
|
53660
|
+
if (skipNextFileChangeRef.current) {
|
|
53661
|
+
skipNextFileChangeRef.current = false;
|
|
53662
|
+
return;
|
|
53663
|
+
}
|
|
53834
53664
|
if (prevData !== fileTreeData && fileTreeData !== null) {
|
|
53835
|
-
|
|
53836
|
-
|
|
53665
|
+
const selectedConfig = state.availableConfigs.find((c2) => c2.id === selectedConfigIdRef.current);
|
|
53666
|
+
if (!selectedConfig) {
|
|
53667
|
+
const newConfigs = ConfigLoader.findConfigs(fileTreeData.allFiles || []);
|
|
53668
|
+
if (newConfigs.length > 0) {
|
|
53669
|
+
console.log("[PrincipalViewGraph] New configs available, reloading...");
|
|
53670
|
+
loadConfiguration();
|
|
53671
|
+
}
|
|
53672
|
+
return;
|
|
53673
|
+
}
|
|
53674
|
+
const prevFiles = prevData.allFiles || [];
|
|
53675
|
+
const newFiles = fileTreeData.allFiles || [];
|
|
53676
|
+
const prevConfigFile = prevFiles.find((f) => (f.path || f.relativePath) === selectedConfig.path);
|
|
53677
|
+
const newConfigFile = newFiles.find((f) => (f.path || f.relativePath) === selectedConfig.path);
|
|
53678
|
+
const libraryPath = ConfigLoader.findLibraryPath(newFiles);
|
|
53679
|
+
const prevLibraryFile = libraryPath ? prevFiles.find((f) => (f.path || f.relativePath) === libraryPath) : null;
|
|
53680
|
+
const newLibraryFile = libraryPath ? newFiles.find((f) => (f.path || f.relativePath) === libraryPath) : null;
|
|
53681
|
+
const configChanged = prevConfigFile !== newConfigFile;
|
|
53682
|
+
const libraryChanged = prevLibraryFile !== newLibraryFile;
|
|
53683
|
+
if (configChanged || libraryChanged) {
|
|
53684
|
+
console.log("[PrincipalViewGraph] Current config or library changed, reloading...", {
|
|
53685
|
+
configChanged,
|
|
53686
|
+
libraryChanged,
|
|
53687
|
+
configPath: selectedConfig.path
|
|
53688
|
+
});
|
|
53689
|
+
loadConfiguration();
|
|
53690
|
+
}
|
|
53837
53691
|
}
|
|
53838
|
-
}, [fileTreeData, fileTreeLoading, loadConfiguration]);
|
|
53692
|
+
}, [fileTreeData, fileTreeLoading, loadConfiguration, state.availableConfigs]);
|
|
53839
53693
|
useEffect(() => {
|
|
53840
53694
|
const unsubscribe = eventsRef.current.on("data:refresh", () => {
|
|
53841
53695
|
loadConfiguration();
|
|
@@ -53852,7 +53706,7 @@ const PrincipalViewGraphPanel = ({
|
|
|
53852
53706
|
return unsubscribe;
|
|
53853
53707
|
}, []);
|
|
53854
53708
|
if (state.loading) {
|
|
53855
|
-
return /* @__PURE__ */
|
|
53709
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
53856
53710
|
display: "flex",
|
|
53857
53711
|
alignItems: "center",
|
|
53858
53712
|
justifyContent: "center",
|
|
@@ -53860,63 +53714,39 @@ const PrincipalViewGraphPanel = ({
|
|
|
53860
53714
|
color: theme.colors.textMuted,
|
|
53861
53715
|
fontFamily: theme.fonts.body
|
|
53862
53716
|
}, 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);
|
|
53717
|
+
/* @__PURE__ */ jsx(Loader, { size: 24, style: { animation: "spin 1s linear infinite" } }),
|
|
53718
|
+
/* @__PURE__ */ jsx("span", { style: { marginLeft: theme.space[2] }, children: "Loading configuration..." })
|
|
53719
|
+
] });
|
|
53878
53720
|
}
|
|
53879
53721
|
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);
|
|
53722
|
+
return /* @__PURE__ */ jsx(ErrorStateContent, { theme, error: state.error, onRetry: () => loadConfiguration() });
|
|
53885
53723
|
}
|
|
53886
53724
|
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);
|
|
53725
|
+
return /* @__PURE__ */ jsx(EmptyStateContent, { theme });
|
|
53892
53726
|
}
|
|
53893
|
-
return /* @__PURE__ */
|
|
53727
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
53894
53728
|
height: "100%",
|
|
53895
53729
|
width: "100%",
|
|
53896
53730
|
display: "flex",
|
|
53897
53731
|
flexDirection: "column",
|
|
53898
53732
|
fontFamily: theme.fonts.body
|
|
53899
53733
|
}, children: [
|
|
53900
|
-
/* @__PURE__ */
|
|
53734
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
53901
53735
|
padding: "16px 20px",
|
|
53902
53736
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
53903
53737
|
backgroundColor: theme.colors.background,
|
|
53904
53738
|
flexShrink: 0
|
|
53905
53739
|
}, children: [
|
|
53906
|
-
/* @__PURE__ */
|
|
53907
|
-
/* @__PURE__ */
|
|
53908
|
-
/* @__PURE__ */
|
|
53740
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: theme.space[3] }, children: [
|
|
53741
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
|
|
53742
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
53909
53743
|
margin: 0,
|
|
53910
53744
|
fontSize: theme.fontSizes[3],
|
|
53911
53745
|
fontWeight: theme.fontWeights.medium,
|
|
53912
53746
|
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(
|
|
53747
|
+
}, children: ((_a = state.canvas.pv) == null ? void 0 : _a.name) || "Untitled" }),
|
|
53748
|
+
state.availableConfigs.length > 1 && /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
|
|
53749
|
+
/* @__PURE__ */ jsx(
|
|
53920
53750
|
"select",
|
|
53921
53751
|
{
|
|
53922
53752
|
value: state.selectedConfigId || "",
|
|
@@ -53937,22 +53767,10 @@ const PrincipalViewGraphPanel = ({
|
|
|
53937
53767
|
transition: "all 0.2s"
|
|
53938
53768
|
},
|
|
53939
53769
|
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
|
|
53770
|
+
children: state.availableConfigs.map((config) => /* @__PURE__ */ jsx("option", { value: config.id, children: config.name }, config.id))
|
|
53771
|
+
}
|
|
53954
53772
|
),
|
|
53955
|
-
/* @__PURE__ */
|
|
53773
|
+
/* @__PURE__ */ jsx(
|
|
53956
53774
|
ChevronDown,
|
|
53957
53775
|
{
|
|
53958
53776
|
size: 14,
|
|
@@ -53964,28 +53782,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
53964
53782
|
pointerEvents: "none",
|
|
53965
53783
|
color: theme.colors.textMuted
|
|
53966
53784
|
}
|
|
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
|
|
53785
|
+
}
|
|
53976
53786
|
)
|
|
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(
|
|
53787
|
+
] })
|
|
53788
|
+
] }),
|
|
53789
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
|
|
53790
|
+
/* @__PURE__ */ jsxs(
|
|
53989
53791
|
"button",
|
|
53990
53792
|
{
|
|
53991
53793
|
onClick: toggleLayoutConfig,
|
|
@@ -54006,28 +53808,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
54006
53808
|
transition: "all 0.2s"
|
|
54007
53809
|
},
|
|
54008
53810
|
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)
|
|
53811
|
+
/* @__PURE__ */ jsx(LayoutGrid, { size: 14 }),
|
|
53812
|
+
/* @__PURE__ */ jsx("span", { children: "Auto Layout" })
|
|
54019
53813
|
]
|
|
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
|
|
53814
|
+
}
|
|
54029
53815
|
),
|
|
54030
|
-
/* @__PURE__ */
|
|
53816
|
+
/* @__PURE__ */ jsxs(
|
|
54031
53817
|
"button",
|
|
54032
53818
|
{
|
|
54033
53819
|
onClick: toggleEditMode,
|
|
@@ -54047,62 +53833,26 @@ const PrincipalViewGraphPanel = ({
|
|
|
54047
53833
|
transition: "all 0.2s"
|
|
54048
53834
|
},
|
|
54049
53835
|
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)
|
|
53836
|
+
state.isEditMode ? /* @__PURE__ */ jsx(LockOpen, { size: 14 }) : /* @__PURE__ */ jsx(Lock, { size: 14 }),
|
|
53837
|
+
/* @__PURE__ */ jsx("span", { children: state.isEditMode ? "Editing" : "Edit" })
|
|
54064
53838
|
]
|
|
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
|
|
53839
|
+
}
|
|
54074
53840
|
)
|
|
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: {
|
|
53841
|
+
] })
|
|
53842
|
+
] }),
|
|
53843
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
54086
53844
|
display: "flex",
|
|
54087
53845
|
alignItems: "center",
|
|
54088
53846
|
gap: theme.space[2],
|
|
54089
53847
|
marginTop: theme.space[2]
|
|
54090
|
-
}, children: state.isEditMode && state.hasUnsavedChanges ? /* @__PURE__ */
|
|
54091
|
-
/* @__PURE__ */
|
|
53848
|
+
}, children: state.isEditMode && state.hasUnsavedChanges ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53849
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
54092
53850
|
fontSize: theme.fontSizes[1],
|
|
54093
53851
|
color: theme.colors.warning || "#f59e0b",
|
|
54094
53852
|
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(
|
|
53853
|
+
}, children: "Unsaved changes" }),
|
|
53854
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
|
|
53855
|
+
/* @__PURE__ */ jsxs(
|
|
54106
53856
|
"button",
|
|
54107
53857
|
{
|
|
54108
53858
|
onClick: saveAllChanges,
|
|
@@ -54123,32 +53873,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
54123
53873
|
transition: "all 0.2s"
|
|
54124
53874
|
},
|
|
54125
53875
|
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)
|
|
53876
|
+
state.isSaving ? /* @__PURE__ */ jsx(Loader, { size: 14, style: { animation: "spin 1s linear infinite" } }) : /* @__PURE__ */ jsx(Save, { size: 14 }),
|
|
53877
|
+
/* @__PURE__ */ jsx("span", { children: "Save" })
|
|
54140
53878
|
]
|
|
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
|
|
53879
|
+
}
|
|
54150
53880
|
),
|
|
54151
|
-
/* @__PURE__ */
|
|
53881
|
+
/* @__PURE__ */ jsxs(
|
|
54152
53882
|
"button",
|
|
54153
53883
|
{
|
|
54154
53884
|
onClick: discardChanges,
|
|
@@ -54169,71 +53899,23 @@ const PrincipalViewGraphPanel = ({
|
|
|
54169
53899
|
transition: "all 0.2s"
|
|
54170
53900
|
},
|
|
54171
53901
|
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)
|
|
53902
|
+
/* @__PURE__ */ jsx(X$1, { size: 14 }),
|
|
53903
|
+
/* @__PURE__ */ jsx("span", { children: "Discard" })
|
|
54182
53904
|
]
|
|
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
|
|
53905
|
+
}
|
|
54192
53906
|
)
|
|
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: [
|
|
53907
|
+
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53908
|
+
((_b = state.canvas.pv) == null ? void 0 : _b.version) && /* @__PURE__ */ jsxs("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: [
|
|
54199
53909
|
"v",
|
|
54200
53910
|
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: {
|
|
53911
|
+
] }),
|
|
53912
|
+
((_c = state.canvas.pv) == null ? void 0 : _c.description) && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53913
|
+
((_d = state.canvas.pv) == null ? void 0 : _d.version) && /* @__PURE__ */ jsx("span", { style: { color: theme.colors.textMuted }, children: "•" }),
|
|
53914
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: state.canvas.pv.description })
|
|
53915
|
+
] })
|
|
53916
|
+
] }) })
|
|
53917
|
+
] }),
|
|
53918
|
+
state.showLayoutConfig && /* @__PURE__ */ jsxs("div", { style: {
|
|
54237
53919
|
padding: `${theme.space[3]}px 20px`,
|
|
54238
53920
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
54239
53921
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
@@ -54242,17 +53924,13 @@ const PrincipalViewGraphPanel = ({
|
|
|
54242
53924
|
gap: theme.space[4],
|
|
54243
53925
|
flexWrap: "wrap"
|
|
54244
53926
|
}, children: [
|
|
54245
|
-
/* @__PURE__ */
|
|
54246
|
-
/* @__PURE__ */
|
|
53927
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
53928
|
+
/* @__PURE__ */ jsx("label", { style: {
|
|
54247
53929
|
fontSize: theme.fontSizes[1],
|
|
54248
53930
|
color: theme.colors.textMuted,
|
|
54249
53931
|
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(
|
|
53932
|
+
}, children: "Direction" }),
|
|
53933
|
+
/* @__PURE__ */ jsx("div", { style: { display: "flex", gap: theme.space[1] }, children: ["TB", "BT", "LR", "RL"].map((dir) => /* @__PURE__ */ jsx(
|
|
54256
53934
|
"button",
|
|
54257
53935
|
{
|
|
54258
53936
|
onClick: () => updateLayoutConfig({ direction: dir }),
|
|
@@ -54275,35 +53953,16 @@ const PrincipalViewGraphPanel = ({
|
|
|
54275
53953
|
},
|
|
54276
53954
|
children: dir
|
|
54277
53955
|
},
|
|
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: {
|
|
53956
|
+
dir
|
|
53957
|
+
)) })
|
|
53958
|
+
] }),
|
|
53959
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
53960
|
+
/* @__PURE__ */ jsx("label", { style: {
|
|
54298
53961
|
fontSize: theme.fontSizes[1],
|
|
54299
53962
|
color: theme.colors.textMuted,
|
|
54300
53963
|
fontWeight: theme.fontWeights.medium
|
|
54301
|
-
}, children: "H-Spacing" },
|
|
54302
|
-
|
|
54303
|
-
lineNumber: 676,
|
|
54304
|
-
columnNumber: 13
|
|
54305
|
-
}, void 0),
|
|
54306
|
-
/* @__PURE__ */ jsxDEV(
|
|
53964
|
+
}, children: "H-Spacing" }),
|
|
53965
|
+
/* @__PURE__ */ jsx(
|
|
54307
53966
|
"input",
|
|
54308
53967
|
{
|
|
54309
53968
|
type: "range",
|
|
@@ -54313,42 +53972,22 @@ const PrincipalViewGraphPanel = ({
|
|
|
54313
53972
|
value: state.layoutConfig.nodeSpacingX,
|
|
54314
53973
|
onChange: (e) => updateLayoutConfig({ nodeSpacingX: Number(e.target.value) }),
|
|
54315
53974
|
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
|
|
53975
|
+
}
|
|
54325
53976
|
),
|
|
54326
|
-
/* @__PURE__ */
|
|
53977
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
54327
53978
|
fontSize: theme.fontSizes[0],
|
|
54328
53979
|
color: theme.colors.textMuted,
|
|
54329
53980
|
fontFamily: theme.fonts.monospace,
|
|
54330
53981
|
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: {
|
|
53982
|
+
}, children: state.layoutConfig.nodeSpacingX })
|
|
53983
|
+
] }),
|
|
53984
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
|
|
53985
|
+
/* @__PURE__ */ jsx("label", { style: {
|
|
54343
53986
|
fontSize: theme.fontSizes[1],
|
|
54344
53987
|
color: theme.colors.textMuted,
|
|
54345
53988
|
fontWeight: theme.fontWeights.medium
|
|
54346
|
-
}, children: "V-Spacing" },
|
|
54347
|
-
|
|
54348
|
-
lineNumber: 704,
|
|
54349
|
-
columnNumber: 13
|
|
54350
|
-
}, void 0),
|
|
54351
|
-
/* @__PURE__ */ jsxDEV(
|
|
53989
|
+
}, children: "V-Spacing" }),
|
|
53990
|
+
/* @__PURE__ */ jsx(
|
|
54352
53991
|
"input",
|
|
54353
53992
|
{
|
|
54354
53993
|
type: "range",
|
|
@@ -54358,37 +53997,17 @@ const PrincipalViewGraphPanel = ({
|
|
|
54358
53997
|
value: state.layoutConfig.nodeSpacingY,
|
|
54359
53998
|
onChange: (e) => updateLayoutConfig({ nodeSpacingY: Number(e.target.value) }),
|
|
54360
53999
|
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
|
|
54000
|
+
}
|
|
54370
54001
|
),
|
|
54371
|
-
/* @__PURE__ */
|
|
54002
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
54372
54003
|
fontSize: theme.fontSizes[0],
|
|
54373
54004
|
color: theme.colors.textMuted,
|
|
54374
54005
|
fontFamily: theme.fonts.monospace,
|
|
54375
54006
|
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(
|
|
54007
|
+
}, children: state.layoutConfig.nodeSpacingY })
|
|
54008
|
+
] }),
|
|
54009
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
|
|
54010
|
+
/* @__PURE__ */ jsxs(
|
|
54392
54011
|
"button",
|
|
54393
54012
|
{
|
|
54394
54013
|
onClick: applyAutoLayout,
|
|
@@ -54407,28 +54026,12 @@ const PrincipalViewGraphPanel = ({
|
|
|
54407
54026
|
transition: "all 0.15s"
|
|
54408
54027
|
},
|
|
54409
54028
|
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)
|
|
54029
|
+
/* @__PURE__ */ jsx(LayoutGrid, { size: 14 }),
|
|
54030
|
+
/* @__PURE__ */ jsx("span", { children: "Apply Layout" })
|
|
54420
54031
|
]
|
|
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
|
|
54032
|
+
}
|
|
54430
54033
|
),
|
|
54431
|
-
/* @__PURE__ */
|
|
54034
|
+
/* @__PURE__ */ jsx(
|
|
54432
54035
|
"button",
|
|
54433
54036
|
{
|
|
54434
54037
|
onClick: toggleLayoutConfig,
|
|
@@ -54446,27 +54049,11 @@ const PrincipalViewGraphPanel = ({
|
|
|
54446
54049
|
cursor: "pointer",
|
|
54447
54050
|
transition: "all 0.15s"
|
|
54448
54051
|
},
|
|
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
|
|
54052
|
+
children: /* @__PURE__ */ jsx(X$1, { size: 16 })
|
|
54053
|
+
}
|
|
54463
54054
|
)
|
|
54464
|
-
] },
|
|
54465
|
-
|
|
54466
|
-
lineNumber: 627,
|
|
54467
|
-
columnNumber: 9
|
|
54468
|
-
}, void 0),
|
|
54469
|
-
/* @__PURE__ */ jsxDEV("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsxDEV(
|
|
54055
|
+
] }),
|
|
54056
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsx(
|
|
54470
54057
|
distExports.GraphRenderer,
|
|
54471
54058
|
{
|
|
54472
54059
|
ref: graphRef,
|
|
@@ -54478,24 +54065,9 @@ const PrincipalViewGraphPanel = ({
|
|
|
54478
54065
|
editable: state.isEditMode,
|
|
54479
54066
|
onPendingChangesChange: handlePendingChangesChange
|
|
54480
54067
|
},
|
|
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);
|
|
54068
|
+
`graph-${state.layoutVersion}`
|
|
54069
|
+
) })
|
|
54070
|
+
] });
|
|
54499
54071
|
};
|
|
54500
54072
|
function applyChangesToCanvas(canvas, changes) {
|
|
54501
54073
|
var _a, _b;
|
|
@@ -54964,7 +54536,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
54964
54536
|
);
|
|
54965
54537
|
}, [state.library, state.libraryFilter]);
|
|
54966
54538
|
if (state.loading) {
|
|
54967
|
-
return /* @__PURE__ */
|
|
54539
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
54968
54540
|
height: "100%",
|
|
54969
54541
|
width: "100%",
|
|
54970
54542
|
display: "flex",
|
|
@@ -54973,109 +54545,73 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
54973
54545
|
fontFamily: theme.fonts.body,
|
|
54974
54546
|
overflow: "hidden"
|
|
54975
54547
|
}, children: [
|
|
54976
|
-
/* @__PURE__ */
|
|
54548
|
+
/* @__PURE__ */ jsx("style", { children: `
|
|
54977
54549
|
@keyframes shimmer {
|
|
54978
54550
|
0% { background-position: -200% 0; }
|
|
54979
54551
|
100% { background-position: 200% 0; }
|
|
54980
54552
|
}
|
|
54981
|
-
` },
|
|
54982
|
-
|
|
54983
|
-
lineNumber: 389,
|
|
54984
|
-
columnNumber: 9
|
|
54985
|
-
}, void 0),
|
|
54986
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54553
|
+
` }),
|
|
54554
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
54987
54555
|
padding: `${theme.space[3]}px ${theme.space[3]}px`,
|
|
54988
54556
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
54989
54557
|
display: "flex",
|
|
54990
54558
|
alignItems: "center",
|
|
54991
54559
|
justifyContent: "space-between"
|
|
54992
54560
|
}, children: [
|
|
54993
|
-
/* @__PURE__ */
|
|
54561
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
54994
54562
|
width: "80px",
|
|
54995
54563
|
height: "20px",
|
|
54996
54564
|
borderRadius: theme.radii[1],
|
|
54997
54565
|
background: `linear-gradient(90deg, ${theme.colors.backgroundSecondary} 25%, ${theme.colors.border} 50%, ${theme.colors.backgroundSecondary} 75%)`,
|
|
54998
54566
|
backgroundSize: "200% 100%",
|
|
54999
54567
|
animation: "shimmer 1.5s infinite"
|
|
55000
|
-
} },
|
|
55001
|
-
|
|
55002
|
-
lineNumber: 404,
|
|
55003
|
-
columnNumber: 11
|
|
55004
|
-
}, void 0),
|
|
55005
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54568
|
+
} }),
|
|
54569
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55006
54570
|
width: "28px",
|
|
55007
54571
|
height: "28px",
|
|
55008
54572
|
borderRadius: theme.radii[1],
|
|
55009
54573
|
background: `linear-gradient(90deg, ${theme.colors.backgroundSecondary} 25%, ${theme.colors.border} 50%, ${theme.colors.backgroundSecondary} 75%)`,
|
|
55010
54574
|
backgroundSize: "200% 100%",
|
|
55011
54575
|
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: {
|
|
54576
|
+
} })
|
|
54577
|
+
] }),
|
|
54578
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55023
54579
|
display: "flex",
|
|
55024
54580
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55025
54581
|
backgroundColor: theme.colors.backgroundSecondary
|
|
55026
54582
|
}, children: [
|
|
55027
|
-
/* @__PURE__ */
|
|
54583
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55028
54584
|
flex: 1,
|
|
55029
54585
|
padding: `${theme.space[2]}px ${theme.space[3]}px`,
|
|
55030
54586
|
display: "flex",
|
|
55031
54587
|
alignItems: "center",
|
|
55032
54588
|
justifyContent: "center",
|
|
55033
54589
|
gap: theme.space[2]
|
|
55034
|
-
}, children: /* @__PURE__ */
|
|
54590
|
+
}, children: /* @__PURE__ */ jsx("div", { style: {
|
|
55035
54591
|
width: "60px",
|
|
55036
54592
|
height: "16px",
|
|
55037
54593
|
borderRadius: theme.radii[1],
|
|
55038
54594
|
background: `linear-gradient(90deg, ${theme.colors.background} 25%, ${theme.colors.border} 50%, ${theme.colors.background} 75%)`,
|
|
55039
54595
|
backgroundSize: "200% 100%",
|
|
55040
54596
|
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: {
|
|
54597
|
+
} }) }),
|
|
54598
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55051
54599
|
flex: 1,
|
|
55052
54600
|
padding: `${theme.space[2]}px ${theme.space[3]}px`,
|
|
55053
54601
|
display: "flex",
|
|
55054
54602
|
alignItems: "center",
|
|
55055
54603
|
justifyContent: "center",
|
|
55056
54604
|
gap: theme.space[2]
|
|
55057
|
-
}, children: /* @__PURE__ */
|
|
54605
|
+
}, children: /* @__PURE__ */ jsx("div", { style: {
|
|
55058
54606
|
width: "60px",
|
|
55059
54607
|
height: "16px",
|
|
55060
54608
|
borderRadius: theme.radii[1],
|
|
55061
54609
|
background: `linear-gradient(90deg, ${theme.colors.background} 25%, ${theme.colors.border} 50%, ${theme.colors.background} 75%)`,
|
|
55062
54610
|
backgroundSize: "200% 100%",
|
|
55063
54611
|
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(
|
|
54612
|
+
} }) })
|
|
54613
|
+
] }),
|
|
54614
|
+
/* @__PURE__ */ jsx("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
|
|
55079
54615
|
"div",
|
|
55080
54616
|
{
|
|
55081
54617
|
style: {
|
|
@@ -55089,7 +54625,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55089
54625
|
border: `1px solid ${theme.colors.border}`
|
|
55090
54626
|
},
|
|
55091
54627
|
children: [
|
|
55092
|
-
/* @__PURE__ */
|
|
54628
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55093
54629
|
width: "16px",
|
|
55094
54630
|
height: "16px",
|
|
55095
54631
|
borderRadius: theme.radii[1],
|
|
@@ -55097,12 +54633,8 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55097
54633
|
backgroundSize: "200% 100%",
|
|
55098
54634
|
animation: "shimmer 1.5s infinite",
|
|
55099
54635
|
animationDelay: `${i * 0.1}s`
|
|
55100
|
-
} },
|
|
55101
|
-
|
|
55102
|
-
lineNumber: 480,
|
|
55103
|
-
columnNumber: 15
|
|
55104
|
-
}, void 0),
|
|
55105
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54636
|
+
} }),
|
|
54637
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55106
54638
|
flex: 1,
|
|
55107
54639
|
height: "16px",
|
|
55108
54640
|
borderRadius: theme.radii[1],
|
|
@@ -55110,34 +54642,15 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55110
54642
|
backgroundSize: "200% 100%",
|
|
55111
54643
|
animation: "shimmer 1.5s infinite",
|
|
55112
54644
|
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)
|
|
54645
|
+
} })
|
|
55118
54646
|
]
|
|
55119
54647
|
},
|
|
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);
|
|
54648
|
+
i
|
|
54649
|
+
)) })
|
|
54650
|
+
] });
|
|
55138
54651
|
}
|
|
55139
54652
|
if (state.error) {
|
|
55140
|
-
return /* @__PURE__ */
|
|
54653
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
55141
54654
|
display: "flex",
|
|
55142
54655
|
flexDirection: "column",
|
|
55143
54656
|
alignItems: "center",
|
|
@@ -55149,12 +54662,8 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55149
54662
|
fontFamily: theme.fonts.body,
|
|
55150
54663
|
textAlign: "center"
|
|
55151
54664
|
}, children: [
|
|
55152
|
-
/* @__PURE__ */
|
|
55153
|
-
|
|
55154
|
-
lineNumber: 519,
|
|
55155
|
-
columnNumber: 9
|
|
55156
|
-
}, void 0),
|
|
55157
|
-
/* @__PURE__ */ jsxDEV(
|
|
54665
|
+
/* @__PURE__ */ jsx("span", { style: { color: theme.colors.error || "#ef4444", marginBottom: theme.space[2] }, children: state.error }),
|
|
54666
|
+
/* @__PURE__ */ jsxs(
|
|
55158
54667
|
"button",
|
|
55159
54668
|
{
|
|
55160
54669
|
onClick: () => loadData(),
|
|
@@ -55172,33 +54681,17 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55172
54681
|
fontSize: theme.fontSizes[1]
|
|
55173
54682
|
},
|
|
55174
54683
|
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),
|
|
54684
|
+
/* @__PURE__ */ jsx(RefreshCw, { size: 14 }),
|
|
55180
54685
|
"Retry"
|
|
55181
54686
|
]
|
|
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
|
|
54687
|
+
}
|
|
55191
54688
|
)
|
|
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);
|
|
54689
|
+
] });
|
|
55197
54690
|
}
|
|
55198
54691
|
const hasContent = state.configs.length > 0 || state.library;
|
|
55199
54692
|
if (!hasContent) {
|
|
55200
54693
|
const npmPackageUrl = "https://www.npmjs.com/package/@principal-ai/principal-view-cli";
|
|
55201
|
-
return /* @__PURE__ */
|
|
54694
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
55202
54695
|
display: "flex",
|
|
55203
54696
|
flexDirection: "column",
|
|
55204
54697
|
alignItems: "center",
|
|
@@ -55210,34 +54703,18 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55210
54703
|
fontFamily: theme.fonts.body,
|
|
55211
54704
|
textAlign: "center"
|
|
55212
54705
|
}, 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: {
|
|
54706
|
+
/* @__PURE__ */ jsx(Network, { size: 56, style: { marginBottom: theme.space[3], opacity: 0.3 } }),
|
|
54707
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[3], fontWeight: theme.fontWeights.medium, marginBottom: theme.space[2], color: theme.colors.text }, children: "No configurations found" }),
|
|
54708
|
+
/* @__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." }),
|
|
54709
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55229
54710
|
display: "flex",
|
|
55230
54711
|
flexDirection: "column",
|
|
55231
54712
|
gap: theme.space[2],
|
|
55232
54713
|
width: "90%",
|
|
55233
54714
|
maxWidth: "400px"
|
|
55234
54715
|
}, children: [
|
|
55235
|
-
/* @__PURE__ */
|
|
55236
|
-
|
|
55237
|
-
lineNumber: 579,
|
|
55238
|
-
columnNumber: 11
|
|
55239
|
-
}, void 0),
|
|
55240
|
-
/* @__PURE__ */ jsxDEV(
|
|
54716
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }),
|
|
54717
|
+
/* @__PURE__ */ jsxs(
|
|
55241
54718
|
"button",
|
|
55242
54719
|
{
|
|
55243
54720
|
onClick: handleCopyCommand,
|
|
@@ -55258,37 +54735,13 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55258
54735
|
transition: "all 0.15s"
|
|
55259
54736
|
},
|
|
55260
54737
|
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)
|
|
54738
|
+
/* @__PURE__ */ jsx("code", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: cliCommand }),
|
|
54739
|
+
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
54740
|
]
|
|
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
|
|
54741
|
+
}
|
|
55285
54742
|
),
|
|
55286
|
-
/* @__PURE__ */
|
|
55287
|
-
|
|
55288
|
-
lineNumber: 610,
|
|
55289
|
-
columnNumber: 11
|
|
55290
|
-
}, void 0),
|
|
55291
|
-
/* @__PURE__ */ jsxDEV(
|
|
54743
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }),
|
|
54744
|
+
/* @__PURE__ */ jsxs(
|
|
55292
54745
|
"a",
|
|
55293
54746
|
{
|
|
55294
54747
|
href: npmPackageUrl,
|
|
@@ -55307,32 +54760,12 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55307
54760
|
},
|
|
55308
54761
|
children: [
|
|
55309
54762
|
"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)
|
|
54763
|
+
/* @__PURE__ */ jsx(ExternalLink, { size: 14 })
|
|
55315
54764
|
]
|
|
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
|
|
54765
|
+
}
|
|
55325
54766
|
)
|
|
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);
|
|
54767
|
+
] })
|
|
54768
|
+
] });
|
|
55336
54769
|
}
|
|
55337
54770
|
const getTabStyle = (tabId, isActive) => ({
|
|
55338
54771
|
flex: 1,
|
|
@@ -55351,7 +54784,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55351
54784
|
fontWeight: isActive ? theme.fontWeights.medium : theme.fontWeights.body,
|
|
55352
54785
|
transition: "all 0.15s"
|
|
55353
54786
|
});
|
|
55354
|
-
return /* @__PURE__ */
|
|
54787
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
55355
54788
|
height: "100%",
|
|
55356
54789
|
width: "100%",
|
|
55357
54790
|
display: "flex",
|
|
@@ -55361,7 +54794,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55361
54794
|
overflow: "hidden",
|
|
55362
54795
|
position: "relative"
|
|
55363
54796
|
}, children: [
|
|
55364
|
-
/* @__PURE__ */
|
|
54797
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55365
54798
|
padding: `${theme.space[3]}px ${theme.space[3]}px`,
|
|
55366
54799
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55367
54800
|
backgroundColor: theme.colors.background,
|
|
@@ -55370,18 +54803,14 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55370
54803
|
justifyContent: "space-between",
|
|
55371
54804
|
flexShrink: 0
|
|
55372
54805
|
}, children: [
|
|
55373
|
-
/* @__PURE__ */
|
|
54806
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
55374
54807
|
margin: 0,
|
|
55375
54808
|
fontSize: theme.fontSizes[3],
|
|
55376
54809
|
fontWeight: theme.fontWeights.medium,
|
|
55377
54810
|
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(
|
|
54811
|
+
}, children: "Browser" }),
|
|
54812
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: theme.space[1] }, children: [
|
|
54813
|
+
/* @__PURE__ */ jsx(
|
|
55385
54814
|
"button",
|
|
55386
54815
|
{
|
|
55387
54816
|
onClick: () => setShowSetupInfo(true),
|
|
@@ -55399,22 +54828,10 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55399
54828
|
transition: "color 0.2s"
|
|
55400
54829
|
},
|
|
55401
54830
|
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
|
|
54831
|
+
children: /* @__PURE__ */ jsx(CircleQuestionMark, { size: 16 })
|
|
54832
|
+
}
|
|
55416
54833
|
),
|
|
55417
|
-
/* @__PURE__ */
|
|
54834
|
+
/* @__PURE__ */ jsx(
|
|
55418
54835
|
"button",
|
|
55419
54836
|
{
|
|
55420
54837
|
onClick: () => loadData(),
|
|
@@ -55432,121 +54849,57 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55432
54849
|
transition: "color 0.2s"
|
|
55433
54850
|
},
|
|
55434
54851
|
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
|
|
54852
|
+
children: /* @__PURE__ */ jsx(RefreshCw, { size: 16 })
|
|
54853
|
+
}
|
|
55449
54854
|
)
|
|
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: {
|
|
54855
|
+
] })
|
|
54856
|
+
] }),
|
|
54857
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55461
54858
|
display: "flex",
|
|
55462
54859
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55463
54860
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
55464
54861
|
flexShrink: 0
|
|
55465
54862
|
}, children: [
|
|
55466
|
-
/* @__PURE__ */
|
|
54863
|
+
/* @__PURE__ */ jsxs(
|
|
55467
54864
|
"button",
|
|
55468
54865
|
{
|
|
55469
54866
|
onClick: () => handleTabChange("canvas"),
|
|
55470
54867
|
style: getTabStyle("canvas", state.activeTab === "canvas"),
|
|
55471
54868
|
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: {
|
|
54869
|
+
/* @__PURE__ */ jsx(FileBraces, { size: 16 }),
|
|
54870
|
+
/* @__PURE__ */ jsx("span", { children: "Canvas" }),
|
|
54871
|
+
state.configs.length > 0 && /* @__PURE__ */ jsx("span", { style: {
|
|
55483
54872
|
fontSize: theme.fontSizes[0],
|
|
55484
54873
|
color: state.activeTab === "canvas" ? theme.colors.primary : theme.colors.textMuted,
|
|
55485
54874
|
backgroundColor: state.activeTab === "canvas" ? `${theme.colors.primary}20` : theme.colors.background,
|
|
55486
54875
|
padding: `0 ${theme.space[1]}`,
|
|
55487
54876
|
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)
|
|
54877
|
+
}, children: state.configs.length })
|
|
55493
54878
|
]
|
|
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
|
|
54879
|
+
}
|
|
55503
54880
|
),
|
|
55504
|
-
/* @__PURE__ */
|
|
54881
|
+
/* @__PURE__ */ jsxs(
|
|
55505
54882
|
"button",
|
|
55506
54883
|
{
|
|
55507
54884
|
onClick: () => handleTabChange("library"),
|
|
55508
54885
|
style: getTabStyle("library", state.activeTab === "library"),
|
|
55509
54886
|
disabled: !state.library,
|
|
55510
54887
|
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)
|
|
54888
|
+
/* @__PURE__ */ jsx(Library, { size: 16 }),
|
|
54889
|
+
/* @__PURE__ */ jsx("span", { children: "Library" })
|
|
55521
54890
|
]
|
|
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
|
|
54891
|
+
}
|
|
55531
54892
|
)
|
|
55532
|
-
] },
|
|
55533
|
-
|
|
55534
|
-
lineNumber: 730,
|
|
55535
|
-
columnNumber: 7
|
|
55536
|
-
}, void 0),
|
|
55537
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
54893
|
+
] }),
|
|
54894
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55538
54895
|
flex: 1,
|
|
55539
54896
|
overflow: "auto"
|
|
55540
54897
|
}, children: [
|
|
55541
|
-
state.activeTab === "canvas" && /* @__PURE__ */
|
|
54898
|
+
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
54899
|
textAlign: "center",
|
|
55543
54900
|
padding: theme.space[4],
|
|
55544
54901
|
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(
|
|
54902
|
+
}, 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
54903
|
"button",
|
|
55551
54904
|
{
|
|
55552
54905
|
onClick: () => handleConfigSelect(config),
|
|
@@ -55567,46 +54920,19 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55567
54920
|
transition: "all 0.15s"
|
|
55568
54921
|
},
|
|
55569
54922
|
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)
|
|
54923
|
+
/* @__PURE__ */ jsx(FileBraces, { size: 16, style: { color: theme.colors.primary, flexShrink: 0 } }),
|
|
54924
|
+
/* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: config.displayName }),
|
|
54925
|
+
/* @__PURE__ */ jsx(ArrowRight, { size: 14, style: { color: theme.colors.textMuted, opacity: 0.5 } })
|
|
55585
54926
|
]
|
|
55586
54927
|
},
|
|
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: {
|
|
54928
|
+
config.id
|
|
54929
|
+
)) }) }),
|
|
54930
|
+
state.activeTab === "library" && state.library && /* @__PURE__ */ jsxs("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [
|
|
54931
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55606
54932
|
position: "relative",
|
|
55607
54933
|
marginBottom: theme.space[3]
|
|
55608
54934
|
}, children: [
|
|
55609
|
-
/* @__PURE__ */
|
|
54935
|
+
/* @__PURE__ */ jsx(
|
|
55610
54936
|
Search,
|
|
55611
54937
|
{
|
|
55612
54938
|
size: 16,
|
|
@@ -55618,17 +54944,9 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55618
54944
|
color: theme.colors.textMuted,
|
|
55619
54945
|
pointerEvents: "none"
|
|
55620
54946
|
}
|
|
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
|
|
54947
|
+
}
|
|
55630
54948
|
),
|
|
55631
|
-
/* @__PURE__ */
|
|
54949
|
+
/* @__PURE__ */ jsx(
|
|
55632
54950
|
"input",
|
|
55633
54951
|
{
|
|
55634
54952
|
type: "text",
|
|
@@ -55648,44 +54966,24 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55648
54966
|
outline: "none",
|
|
55649
54967
|
boxSizing: "border-box"
|
|
55650
54968
|
}
|
|
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
|
|
54969
|
+
}
|
|
55660
54970
|
)
|
|
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: {
|
|
54971
|
+
] }),
|
|
54972
|
+
nodeComponents.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginBottom: theme.space[3] }, children: [
|
|
54973
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55668
54974
|
marginBottom: theme.space[2]
|
|
55669
|
-
}, children: /* @__PURE__ */
|
|
54975
|
+
}, children: /* @__PURE__ */ jsx("span", { style: {
|
|
55670
54976
|
fontSize: theme.fontSizes[1],
|
|
55671
54977
|
fontWeight: theme.fontWeights.medium,
|
|
55672
54978
|
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: {
|
|
54979
|
+
}, children: "Node Components" }) }),
|
|
54980
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55683
54981
|
display: "flex",
|
|
55684
54982
|
flexDirection: "column",
|
|
55685
54983
|
gap: theme.space[2]
|
|
55686
54984
|
}, children: nodeComponents.map(([key, node]) => {
|
|
55687
54985
|
const ShapeIcon = getShapeIcon(node.shape);
|
|
55688
|
-
return /* @__PURE__ */
|
|
54986
|
+
return /* @__PURE__ */ jsxs(
|
|
55689
54987
|
"div",
|
|
55690
54988
|
{
|
|
55691
54989
|
style: {
|
|
@@ -55698,88 +54996,45 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55698
54996
|
border: `1px solid ${theme.colors.border}`
|
|
55699
54997
|
},
|
|
55700
54998
|
children: [
|
|
55701
|
-
/* @__PURE__ */
|
|
54999
|
+
/* @__PURE__ */ jsx(
|
|
55702
55000
|
ShapeIcon,
|
|
55703
55001
|
{
|
|
55704
55002
|
size: 16,
|
|
55705
55003
|
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
|
|
55004
|
+
}
|
|
55715
55005
|
),
|
|
55716
|
-
/* @__PURE__ */
|
|
55717
|
-
/* @__PURE__ */
|
|
55006
|
+
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
55007
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55718
55008
|
fontSize: theme.fontSizes[1],
|
|
55719
55009
|
color: theme.colors.text
|
|
55720
|
-
}, children: key },
|
|
55721
|
-
|
|
55722
|
-
lineNumber: 897,
|
|
55723
|
-
columnNumber: 27
|
|
55724
|
-
}, void 0),
|
|
55725
|
-
node.description && /* @__PURE__ */ jsxDEV("div", { style: {
|
|
55010
|
+
}, children: key }),
|
|
55011
|
+
node.description && /* @__PURE__ */ jsx("div", { style: {
|
|
55726
55012
|
fontSize: theme.fontSizes[0],
|
|
55727
55013
|
color: theme.colors.textMuted,
|
|
55728
55014
|
whiteSpace: "nowrap",
|
|
55729
55015
|
overflow: "hidden",
|
|
55730
55016
|
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)
|
|
55017
|
+
}, children: node.description })
|
|
55018
|
+
] })
|
|
55741
55019
|
]
|
|
55742
55020
|
},
|
|
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
|
|
55021
|
+
key
|
|
55751
55022
|
);
|
|
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: {
|
|
55023
|
+
}) })
|
|
55024
|
+
] }),
|
|
55025
|
+
edgeComponents.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
|
|
55026
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55764
55027
|
marginBottom: theme.space[2]
|
|
55765
|
-
}, children: /* @__PURE__ */
|
|
55028
|
+
}, children: /* @__PURE__ */ jsx("span", { style: {
|
|
55766
55029
|
fontSize: theme.fontSizes[1],
|
|
55767
55030
|
fontWeight: theme.fontWeights.medium,
|
|
55768
55031
|
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: {
|
|
55032
|
+
}, children: "Edge Components" }) }),
|
|
55033
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55779
55034
|
display: "flex",
|
|
55780
55035
|
flexDirection: "column",
|
|
55781
55036
|
gap: theme.space[2]
|
|
55782
|
-
}, children: edgeComponents.map(([key, edge]) => /* @__PURE__ */
|
|
55037
|
+
}, children: edgeComponents.map(([key, edge]) => /* @__PURE__ */ jsxs(
|
|
55783
55038
|
"div",
|
|
55784
55039
|
{
|
|
55785
55040
|
style: {
|
|
@@ -55792,18 +55047,14 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55792
55047
|
border: `1px solid ${theme.colors.border}`
|
|
55793
55048
|
},
|
|
55794
55049
|
children: [
|
|
55795
|
-
/* @__PURE__ */
|
|
55050
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
55796
55051
|
width: "20px",
|
|
55797
55052
|
height: "2px",
|
|
55798
55053
|
backgroundColor: edge.color || theme.colors.textMuted,
|
|
55799
55054
|
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: {
|
|
55055
|
+
} }),
|
|
55056
|
+
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
55057
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55807
55058
|
display: "flex",
|
|
55808
55059
|
alignItems: "center",
|
|
55809
55060
|
gap: theme.space[1],
|
|
@@ -55811,88 +55062,33 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55811
55062
|
color: theme.colors.text
|
|
55812
55063
|
}, children: [
|
|
55813
55064
|
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: {
|
|
55065
|
+
edge.directed && /* @__PURE__ */ jsx(ArrowRight, { size: 12, style: { color: theme.colors.textMuted } })
|
|
55066
|
+
] }),
|
|
55067
|
+
edge.description && /* @__PURE__ */ jsx("div", { style: {
|
|
55825
55068
|
fontSize: theme.fontSizes[0],
|
|
55826
55069
|
color: theme.colors.textMuted,
|
|
55827
55070
|
whiteSpace: "nowrap",
|
|
55828
55071
|
overflow: "hidden",
|
|
55829
55072
|
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)
|
|
55073
|
+
}, children: edge.description })
|
|
55074
|
+
] })
|
|
55840
55075
|
]
|
|
55841
55076
|
},
|
|
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: {
|
|
55077
|
+
key
|
|
55078
|
+
)) })
|
|
55079
|
+
] })
|
|
55080
|
+
] }),
|
|
55081
|
+
state.activeTab === "library" && !state.library && /* @__PURE__ */ jsxs("div", { style: {
|
|
55866
55082
|
textAlign: "center",
|
|
55867
55083
|
padding: theme.space[4],
|
|
55868
55084
|
color: theme.colors.textMuted
|
|
55869
55085
|
}, 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: {
|
|
55086
|
+
/* @__PURE__ */ jsx(Library, { size: 32, style: { marginBottom: theme.space[2], opacity: 0.5 } }),
|
|
55087
|
+
/* @__PURE__ */ jsx("div", { children: "No component library found" }),
|
|
55088
|
+
/* @__PURE__ */ jsx("div", { style: { fontSize: theme.fontSizes[0], marginTop: theme.space[1] }, children: "Add library.yaml to the .principal-views/ folder" })
|
|
55089
|
+
] })
|
|
55090
|
+
] }),
|
|
55091
|
+
showSetupInfo && /* @__PURE__ */ jsxs("div", { style: {
|
|
55896
55092
|
position: "absolute",
|
|
55897
55093
|
top: 0,
|
|
55898
55094
|
left: 0,
|
|
@@ -55903,7 +55099,7 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55903
55099
|
flexDirection: "column",
|
|
55904
55100
|
zIndex: 10
|
|
55905
55101
|
}, children: [
|
|
55906
|
-
/* @__PURE__ */
|
|
55102
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55907
55103
|
padding: `${theme.space[3]}px ${theme.space[3]}px`,
|
|
55908
55104
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
55909
55105
|
display: "flex",
|
|
@@ -55911,17 +55107,13 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55911
55107
|
justifyContent: "space-between",
|
|
55912
55108
|
flexShrink: 0
|
|
55913
55109
|
}, children: [
|
|
55914
|
-
/* @__PURE__ */
|
|
55110
|
+
/* @__PURE__ */ jsx("h2", { style: {
|
|
55915
55111
|
margin: 0,
|
|
55916
55112
|
fontSize: theme.fontSizes[3],
|
|
55917
55113
|
fontWeight: theme.fontWeights.medium,
|
|
55918
55114
|
color: theme.colors.text
|
|
55919
|
-
}, children: "Setup" },
|
|
55920
|
-
|
|
55921
|
-
lineNumber: 1032,
|
|
55922
|
-
columnNumber: 13
|
|
55923
|
-
}, void 0),
|
|
55924
|
-
/* @__PURE__ */ jsxDEV(
|
|
55115
|
+
}, children: "Setup" }),
|
|
55116
|
+
/* @__PURE__ */ jsx(
|
|
55925
55117
|
"button",
|
|
55926
55118
|
{
|
|
55927
55119
|
onClick: () => setShowSetupInfo(false),
|
|
@@ -55939,27 +55131,11 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55939
55131
|
transition: "color 0.2s"
|
|
55940
55132
|
},
|
|
55941
55133
|
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
|
|
55134
|
+
children: /* @__PURE__ */ jsx(X$1, { size: 16 })
|
|
55135
|
+
}
|
|
55956
55136
|
)
|
|
55957
|
-
] },
|
|
55958
|
-
|
|
55959
|
-
lineNumber: 1024,
|
|
55960
|
-
columnNumber: 11
|
|
55961
|
-
}, void 0),
|
|
55962
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55137
|
+
] }),
|
|
55138
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55963
55139
|
flex: 1,
|
|
55964
55140
|
display: "flex",
|
|
55965
55141
|
flexDirection: "column",
|
|
@@ -55970,34 +55146,18 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
55970
55146
|
textAlign: "center",
|
|
55971
55147
|
overflow: "auto"
|
|
55972
55148
|
}, 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: {
|
|
55149
|
+
/* @__PURE__ */ jsx(Network, { size: 56, style: { marginBottom: theme.space[3], opacity: 0.3 } }),
|
|
55150
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[3], fontWeight: theme.fontWeights.medium, marginBottom: theme.space[2], color: theme.colors.text }, children: "Visual Validation Setup" }),
|
|
55151
|
+
/* @__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." }),
|
|
55152
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
55989
55153
|
display: "flex",
|
|
55990
55154
|
flexDirection: "column",
|
|
55991
55155
|
gap: theme.space[2],
|
|
55992
55156
|
width: "90%",
|
|
55993
55157
|
maxWidth: "400px"
|
|
55994
55158
|
}, children: [
|
|
55995
|
-
/* @__PURE__ */
|
|
55996
|
-
|
|
55997
|
-
lineNumber: 1089,
|
|
55998
|
-
columnNumber: 15
|
|
55999
|
-
}, void 0),
|
|
56000
|
-
/* @__PURE__ */ jsxDEV(
|
|
55159
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }),
|
|
55160
|
+
/* @__PURE__ */ jsxs(
|
|
56001
55161
|
"button",
|
|
56002
55162
|
{
|
|
56003
55163
|
onClick: handleCopyCommand,
|
|
@@ -56018,37 +55178,13 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
56018
55178
|
transition: "all 0.15s"
|
|
56019
55179
|
},
|
|
56020
55180
|
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)
|
|
55181
|
+
/* @__PURE__ */ jsx("code", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: cliCommand }),
|
|
55182
|
+
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
55183
|
]
|
|
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
|
|
55184
|
+
}
|
|
56045
55185
|
),
|
|
56046
|
-
/* @__PURE__ */
|
|
56047
|
-
|
|
56048
|
-
lineNumber: 1120,
|
|
56049
|
-
columnNumber: 15
|
|
56050
|
-
}, void 0),
|
|
56051
|
-
/* @__PURE__ */ jsxDEV(
|
|
55186
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }),
|
|
55187
|
+
/* @__PURE__ */ jsxs(
|
|
56052
55188
|
"a",
|
|
56053
55189
|
{
|
|
56054
55190
|
href: "https://www.npmjs.com/package/@principal-ai/principal-view-cli",
|
|
@@ -56067,42 +55203,14 @@ const ConfigLibraryBrowserPanel = ({
|
|
|
56067
55203
|
},
|
|
56068
55204
|
children: [
|
|
56069
55205
|
"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)
|
|
55206
|
+
/* @__PURE__ */ jsx(ExternalLink, { size: 14 })
|
|
56075
55207
|
]
|
|
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
|
|
55208
|
+
}
|
|
56085
55209
|
)
|
|
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);
|
|
55210
|
+
] })
|
|
55211
|
+
] })
|
|
55212
|
+
] })
|
|
55213
|
+
] });
|
|
56106
55214
|
};
|
|
56107
55215
|
ConfigLibraryBrowserPanel.displayName = "ConfigLibraryBrowserPanel";
|
|
56108
55216
|
const focusNodeTool = {
|
|
@@ -56391,7 +55499,7 @@ const EventControllerPanel = ({
|
|
|
56391
55499
|
return theme.colors.textMuted;
|
|
56392
55500
|
}
|
|
56393
55501
|
};
|
|
56394
|
-
return /* @__PURE__ */
|
|
55502
|
+
return /* @__PURE__ */ jsxs("div", { style: {
|
|
56395
55503
|
height: "100%",
|
|
56396
55504
|
width: "100%",
|
|
56397
55505
|
backgroundColor: theme.colors.background,
|
|
@@ -56405,44 +55513,32 @@ const EventControllerPanel = ({
|
|
|
56405
55513
|
overflow: "hidden",
|
|
56406
55514
|
boxSizing: "border-box"
|
|
56407
55515
|
}, children: [
|
|
56408
|
-
/* @__PURE__ */
|
|
55516
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56409
55517
|
display: "flex",
|
|
56410
55518
|
justifyContent: "space-between",
|
|
56411
55519
|
alignItems: "center",
|
|
56412
55520
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
56413
55521
|
paddingBottom: theme.space[3]
|
|
56414
55522
|
}, children: [
|
|
56415
|
-
/* @__PURE__ */
|
|
55523
|
+
/* @__PURE__ */ jsx("h3", { style: {
|
|
56416
55524
|
margin: 0,
|
|
56417
55525
|
fontSize: theme.fontSizes[2],
|
|
56418
55526
|
fontWeight: theme.fontWeights.medium,
|
|
56419
55527
|
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: [
|
|
55528
|
+
}, children: "Event Controller" }),
|
|
55529
|
+
/* @__PURE__ */ jsxs("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[1] }, children: [
|
|
56426
55530
|
events.length,
|
|
56427
55531
|
" 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: {
|
|
55532
|
+
] })
|
|
55533
|
+
] }),
|
|
55534
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56439
55535
|
display: "flex",
|
|
56440
55536
|
justifyContent: "center",
|
|
56441
55537
|
alignItems: "center",
|
|
56442
55538
|
gap: theme.space[2],
|
|
56443
55539
|
padding: `${theme.space[2]} 0`
|
|
56444
55540
|
}, children: [
|
|
56445
|
-
/* @__PURE__ */
|
|
55541
|
+
/* @__PURE__ */ jsx(
|
|
56446
55542
|
"button",
|
|
56447
55543
|
{
|
|
56448
55544
|
onClick: stepPrevious,
|
|
@@ -56462,22 +55558,10 @@ const EventControllerPanel = ({
|
|
|
56462
55558
|
transition: "all 0.2s"
|
|
56463
55559
|
},
|
|
56464
55560
|
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
|
|
55561
|
+
children: /* @__PURE__ */ jsx(SkipBack, { size: 16 })
|
|
55562
|
+
}
|
|
56479
55563
|
),
|
|
56480
|
-
/* @__PURE__ */
|
|
55564
|
+
/* @__PURE__ */ jsx(
|
|
56481
55565
|
"button",
|
|
56482
55566
|
{
|
|
56483
55567
|
onClick: handleStop,
|
|
@@ -56495,22 +55579,10 @@ const EventControllerPanel = ({
|
|
|
56495
55579
|
transition: "all 0.2s"
|
|
56496
55580
|
},
|
|
56497
55581
|
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
|
|
55582
|
+
children: /* @__PURE__ */ jsx(Square, { size: 16 })
|
|
55583
|
+
}
|
|
56512
55584
|
),
|
|
56513
|
-
/* @__PURE__ */
|
|
55585
|
+
/* @__PURE__ */ jsx(
|
|
56514
55586
|
"button",
|
|
56515
55587
|
{
|
|
56516
55588
|
onClick: status === "playing" ? handlePause : handlePlay,
|
|
@@ -56530,26 +55602,10 @@ const EventControllerPanel = ({
|
|
|
56530
55602
|
transition: "all 0.2s"
|
|
56531
55603
|
},
|
|
56532
55604
|
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
|
|
55605
|
+
children: status === "playing" ? /* @__PURE__ */ jsx(Pause, { size: 20 }) : /* @__PURE__ */ jsx(Play, { size: 20 })
|
|
55606
|
+
}
|
|
56551
55607
|
),
|
|
56552
|
-
/* @__PURE__ */
|
|
55608
|
+
/* @__PURE__ */ jsx(
|
|
56553
55609
|
"button",
|
|
56554
55610
|
{
|
|
56555
55611
|
onClick: stepNext,
|
|
@@ -56569,22 +55625,10 @@ const EventControllerPanel = ({
|
|
|
56569
55625
|
transition: "all 0.2s"
|
|
56570
55626
|
},
|
|
56571
55627
|
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
|
|
55628
|
+
children: /* @__PURE__ */ jsx(SkipForward, { size: 16 })
|
|
55629
|
+
}
|
|
56586
55630
|
),
|
|
56587
|
-
/* @__PURE__ */
|
|
55631
|
+
/* @__PURE__ */ jsx(
|
|
56588
55632
|
"button",
|
|
56589
55633
|
{
|
|
56590
55634
|
onClick: handleStop,
|
|
@@ -56602,57 +55646,29 @@ const EventControllerPanel = ({
|
|
|
56602
55646
|
transition: "all 0.2s"
|
|
56603
55647
|
},
|
|
56604
55648
|
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
|
|
55649
|
+
children: /* @__PURE__ */ jsx(RotateCcw, { size: 16 })
|
|
55650
|
+
}
|
|
56619
55651
|
)
|
|
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: {
|
|
55652
|
+
] }),
|
|
55653
|
+
/* @__PURE__ */ jsxs("div", { style: { padding: `0 ${theme.space[1]}` }, children: [
|
|
55654
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56627
55655
|
display: "flex",
|
|
56628
55656
|
justifyContent: "space-between",
|
|
56629
55657
|
marginBottom: theme.space[1],
|
|
56630
55658
|
fontSize: theme.fontSizes[0],
|
|
56631
55659
|
color: theme.colors.textMuted
|
|
56632
55660
|
}, children: [
|
|
56633
|
-
/* @__PURE__ */
|
|
55661
|
+
/* @__PURE__ */ jsxs("span", { children: [
|
|
56634
55662
|
currentIndex + 1,
|
|
56635
55663
|
" / ",
|
|
56636
55664
|
events.length
|
|
56637
|
-
] },
|
|
56638
|
-
|
|
56639
|
-
lineNumber: 447,
|
|
56640
|
-
columnNumber: 11
|
|
56641
|
-
}, void 0),
|
|
56642
|
-
/* @__PURE__ */ jsxDEV("span", { children: [
|
|
55665
|
+
] }),
|
|
55666
|
+
/* @__PURE__ */ jsxs("span", { children: [
|
|
56643
55667
|
speed,
|
|
56644
55668
|
"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(
|
|
55669
|
+
] })
|
|
55670
|
+
] }),
|
|
55671
|
+
/* @__PURE__ */ jsx(
|
|
56656
55672
|
"input",
|
|
56657
55673
|
{
|
|
56658
55674
|
type: "range",
|
|
@@ -56666,26 +55682,14 @@ const EventControllerPanel = ({
|
|
|
56666
55682
|
cursor: "pointer",
|
|
56667
55683
|
accentColor: theme.colors.primary
|
|
56668
55684
|
}
|
|
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
|
|
55685
|
+
}
|
|
56678
55686
|
)
|
|
56679
|
-
] },
|
|
56680
|
-
|
|
56681
|
-
lineNumber: 439,
|
|
56682
|
-
columnNumber: 7
|
|
56683
|
-
}, void 0),
|
|
56684
|
-
/* @__PURE__ */ jsxDEV("div", { style: {
|
|
55687
|
+
] }),
|
|
55688
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56685
55689
|
display: "flex",
|
|
56686
55690
|
justifyContent: "center",
|
|
56687
55691
|
gap: theme.space[1]
|
|
56688
|
-
}, children: SPEED_OPTIONS.map((s) => /* @__PURE__ */
|
|
55692
|
+
}, children: SPEED_OPTIONS.map((s) => /* @__PURE__ */ jsxs(
|
|
56689
55693
|
"button",
|
|
56690
55694
|
{
|
|
56691
55695
|
onClick: () => setSpeed(s),
|
|
@@ -56705,20 +55709,9 @@ const EventControllerPanel = ({
|
|
|
56705
55709
|
"x"
|
|
56706
55710
|
]
|
|
56707
55711
|
},
|
|
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: {
|
|
55712
|
+
s
|
|
55713
|
+
)) }),
|
|
55714
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56722
55715
|
display: "flex",
|
|
56723
55716
|
alignItems: "center",
|
|
56724
55717
|
gap: theme.space[2],
|
|
@@ -56727,40 +55720,24 @@ const EventControllerPanel = ({
|
|
|
56727
55720
|
borderRadius: theme.radii[1],
|
|
56728
55721
|
border: `1px solid ${theme.colors.border}`
|
|
56729
55722
|
}, children: [
|
|
56730
|
-
/* @__PURE__ */
|
|
55723
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56731
55724
|
width: "8px",
|
|
56732
55725
|
height: "8px",
|
|
56733
55726
|
borderRadius: "50%",
|
|
56734
55727
|
backgroundColor: getStatusColor()
|
|
56735
|
-
} },
|
|
56736
|
-
|
|
56737
|
-
lineNumber: 502,
|
|
56738
|
-
columnNumber: 9
|
|
56739
|
-
}, void 0),
|
|
56740
|
-
/* @__PURE__ */ jsxDEV("span", { style: {
|
|
55728
|
+
} }),
|
|
55729
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
56741
55730
|
textTransform: "capitalize",
|
|
56742
55731
|
fontSize: theme.fontSizes[1],
|
|
56743
55732
|
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: [
|
|
55733
|
+
}, children: status }),
|
|
55734
|
+
status === "playing" && /* @__PURE__ */ jsxs("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[0] }, children: [
|
|
56750
55735
|
"@ ",
|
|
56751
55736
|
speed,
|
|
56752
55737
|
"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: {
|
|
55738
|
+
] })
|
|
55739
|
+
] }),
|
|
55740
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56764
55741
|
flex: 1,
|
|
56765
55742
|
overflow: "auto",
|
|
56766
55743
|
backgroundColor: theme.colors.backgroundSecondary,
|
|
@@ -56768,16 +55745,12 @@ const EventControllerPanel = ({
|
|
|
56768
55745
|
border: `1px solid ${theme.colors.border}`,
|
|
56769
55746
|
minHeight: 0
|
|
56770
55747
|
// Allow shrinking in flex container
|
|
56771
|
-
}, children: /* @__PURE__ */
|
|
55748
|
+
}, children: /* @__PURE__ */ jsx("div", { style: { padding: theme.space[2] }, children: events.length === 0 ? /* @__PURE__ */ jsx("div", { style: {
|
|
56772
55749
|
color: theme.colors.textMuted,
|
|
56773
55750
|
textAlign: "center",
|
|
56774
55751
|
padding: theme.space[5],
|
|
56775
55752
|
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(
|
|
55753
|
+
}, children: "No events loaded" }) : events.map((event, index2) => /* @__PURE__ */ jsxs(
|
|
56781
55754
|
"div",
|
|
56782
55755
|
{
|
|
56783
55756
|
onClick: () => handleSeek(index2),
|
|
@@ -56791,69 +55764,34 @@ const EventControllerPanel = ({
|
|
|
56791
55764
|
transition: "background-color 0.15s"
|
|
56792
55765
|
},
|
|
56793
55766
|
children: [
|
|
56794
|
-
/* @__PURE__ */
|
|
55767
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
56795
55768
|
display: "flex",
|
|
56796
55769
|
justifyContent: "space-between",
|
|
56797
55770
|
alignItems: "center"
|
|
56798
55771
|
}, children: [
|
|
56799
|
-
/* @__PURE__ */
|
|
55772
|
+
/* @__PURE__ */ jsx("span", { style: {
|
|
56800
55773
|
fontFamily: theme.fonts.monospace,
|
|
56801
55774
|
fontSize: theme.fontSizes[0],
|
|
56802
55775
|
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: {
|
|
55776
|
+
}, children: getEventTypeDisplay(event) }),
|
|
55777
|
+
/* @__PURE__ */ jsxs("span", { style: {
|
|
56809
55778
|
fontSize: theme.fontSizes[0],
|
|
56810
55779
|
color: index2 === currentIndex ? "rgba(255,255,255,0.7)" : theme.colors.textMuted
|
|
56811
55780
|
}, children: [
|
|
56812
55781
|
"#",
|
|
56813
55782
|
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: {
|
|
55783
|
+
] })
|
|
55784
|
+
] }),
|
|
55785
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
56825
55786
|
fontSize: theme.fontSizes[0],
|
|
56826
55787
|
color: index2 === currentIndex ? "rgba(255,255,255,0.8)" : index2 <= currentIndex ? theme.colors.textSecondary : theme.colors.textMuted,
|
|
56827
55788
|
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)
|
|
55789
|
+
}, children: getEventTargetDisplay(event) })
|
|
56833
55790
|
]
|
|
56834
55791
|
},
|
|
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);
|
|
55792
|
+
event.id
|
|
55793
|
+
)) }) })
|
|
55794
|
+
] });
|
|
56857
55795
|
};
|
|
56858
55796
|
EventControllerPanel.displayName = "EventControllerPanel";
|
|
56859
55797
|
const panels = [
|