@industry-theme/principal-view-panels 0.1.6 → 0.1.7

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.
Files changed (3) hide show
  1. package/dist/panels.bundle.js +254 -283
  2. package/dist/panels.bundle.js.map +1 -1
  3. package/package.json +1 -1
package/dist/panels.bundle.js CHANGED
@@ -13,9 +13,33 @@
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 { jsxDEV, Fragment } from "react/jsx-dev-runtime";
16
17
  import React2, { createContext, useContext, forwardRef, createElement, useRef, useState, useCallback, useEffect, useMemo } from "react";
17
18
  import require$$0 from "react/jsx-runtime";
18
19
  import require$$2 from "react-dom";
20
+ var ThemeContext;
21
+ var getThemeContext = () => {
22
+ if (typeof window !== "undefined") {
23
+ const globalWindow = window;
24
+ if (!globalWindow.__principlemd_theme_context__) {
25
+ globalWindow.__principlemd_theme_context__ = createContext(void 0);
26
+ }
27
+ return globalWindow.__principlemd_theme_context__;
28
+ } else {
29
+ if (!ThemeContext) {
30
+ ThemeContext = createContext(void 0);
31
+ }
32
+ return ThemeContext;
33
+ }
34
+ };
35
+ var ThemeContextSingleton = getThemeContext();
36
+ var useTheme = () => {
37
+ const context = useContext(ThemeContextSingleton);
38
+ if (!context) {
39
+ throw new Error("useTheme must be used within a ThemeProvider");
40
+ }
41
+ return context;
42
+ };
19
43
  function getAugmentedNamespace(n) {
20
44
  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
21
45
  var f = n.default;
@@ -40,59 +64,6 @@ function getAugmentedNamespace(n) {
40
64
  });
41
65
  return a2;
42
66
  }
43
- var jsxDevRuntime = { exports: {} };
44
- var reactJsxDevRuntime_production = {};
45
- /**
46
- * @license React
47
- * react-jsx-dev-runtime.production.js
48
- *
49
- * Copyright (c) Meta Platforms, Inc. and affiliates.
50
- *
51
- * This source code is licensed under the MIT license found in the
52
- * LICENSE file in the root directory of this source tree.
53
- */
54
- var hasRequiredReactJsxDevRuntime_production;
55
- function requireReactJsxDevRuntime_production() {
56
- if (hasRequiredReactJsxDevRuntime_production) return reactJsxDevRuntime_production;
57
- hasRequiredReactJsxDevRuntime_production = 1;
58
- var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
59
- reactJsxDevRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
60
- reactJsxDevRuntime_production.jsxDEV = void 0;
61
- return reactJsxDevRuntime_production;
62
- }
63
- var hasRequiredJsxDevRuntime;
64
- function requireJsxDevRuntime() {
65
- if (hasRequiredJsxDevRuntime) return jsxDevRuntime.exports;
66
- hasRequiredJsxDevRuntime = 1;
67
- {
68
- jsxDevRuntime.exports = requireReactJsxDevRuntime_production();
69
- }
70
- return jsxDevRuntime.exports;
71
- }
72
- var jsxDevRuntimeExports = requireJsxDevRuntime();
73
- var ThemeContext;
74
- var getThemeContext = () => {
75
- if (typeof window !== "undefined") {
76
- const globalWindow = window;
77
- if (!globalWindow.__principlemd_theme_context__) {
78
- globalWindow.__principlemd_theme_context__ = createContext(void 0);
79
- }
80
- return globalWindow.__principlemd_theme_context__;
81
- } else {
82
- if (!ThemeContext) {
83
- ThemeContext = createContext(void 0);
84
- }
85
- return ThemeContext;
86
- }
87
- };
88
- var ThemeContextSingleton = getThemeContext();
89
- var useTheme = () => {
90
- const context = useContext(ThemeContextSingleton);
91
- if (!context) {
92
- throw new Error("useTheme must be used within a ThemeProvider");
93
- }
94
- return context;
95
- };
96
67
  var dist$1 = {};
97
68
  var GraphRenderer = {};
98
69
  var umd$1 = { exports: {} };
@@ -53202,7 +53173,7 @@ function applySugiyamaLayout(canvas, options = {}) {
53202
53173
  }
53203
53174
  }
53204
53175
  const ErrorStateContent = ({ theme, error, onRetry }) => {
53205
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53176
+ return /* @__PURE__ */ jsxDEV("div", { style: {
53206
53177
  display: "flex",
53207
53178
  flexDirection: "column",
53208
53179
  alignItems: "center",
@@ -53214,22 +53185,22 @@ const ErrorStateContent = ({ theme, error, onRetry }) => {
53214
53185
  fontFamily: theme.fonts.body,
53215
53186
  textAlign: "center"
53216
53187
  }, children: [
53217
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(CircleAlert, { size: 48 }, void 0, false, {
53188
+ /* @__PURE__ */ jsxDEV(CircleAlert, { size: 48 }, void 0, false, {
53218
53189
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
53219
53190
  lineNumber: 29,
53220
53191
  columnNumber: 7
53221
53192
  }, void 0),
53222
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h3", { style: { marginTop: theme.space[3], marginBottom: theme.space[2] }, children: "Configuration Error" }, void 0, false, {
53193
+ /* @__PURE__ */ jsxDEV("h3", { style: { marginTop: theme.space[3], marginBottom: theme.space[2] }, children: "Configuration Error" }, void 0, false, {
53223
53194
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
53224
53195
  lineNumber: 30,
53225
53196
  columnNumber: 7
53226
53197
  }, void 0),
53227
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("p", { style: { color: theme.colors.textMuted, marginTop: theme.space[2], maxWidth: "400px" }, children: error }, void 0, false, {
53198
+ /* @__PURE__ */ jsxDEV("p", { style: { color: theme.colors.textMuted, marginTop: theme.space[2], maxWidth: "400px" }, children: error }, void 0, false, {
53228
53199
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/ErrorStateContent.tsx",
53229
53200
  lineNumber: 33,
53230
53201
  columnNumber: 7
53231
53202
  }, void 0),
53232
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
53203
+ /* @__PURE__ */ jsxDEV(
53233
53204
  "button",
53234
53205
  {
53235
53206
  onClick: onRetry,
@@ -53262,7 +53233,7 @@ const ErrorStateContent = ({ theme, error, onRetry }) => {
53262
53233
  }, void 0);
53263
53234
  };
53264
53235
  const EmptyStateContent = ({ theme }) => {
53265
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53236
+ return /* @__PURE__ */ jsxDEV("div", { style: {
53266
53237
  display: "flex",
53267
53238
  flexDirection: "column",
53268
53239
  alignItems: "center",
@@ -53275,7 +53246,7 @@ const EmptyStateContent = ({ theme }) => {
53275
53246
  fontFamily: theme.fonts.body,
53276
53247
  textAlign: "center",
53277
53248
  boxSizing: "border-box"
53278
- }, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53249
+ }, children: /* @__PURE__ */ jsxDEV("div", { style: {
53279
53250
  maxWidth: "800px",
53280
53251
  width: "100%",
53281
53252
  paddingTop: theme.space[4],
@@ -53284,12 +53255,12 @@ const EmptyStateContent = ({ theme }) => {
53284
53255
  flexDirection: "column",
53285
53256
  alignItems: "center"
53286
53257
  }, children: [
53287
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(FileText, { size: 48, color: theme.colors.primary, style: { marginBottom: theme.space[3] } }, void 0, false, {
53258
+ /* @__PURE__ */ jsxDEV(FileText, { size: 48, color: theme.colors.primary, style: { marginBottom: theme.space[3] } }, void 0, false, {
53288
53259
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53289
53260
  lineNumber: 39,
53290
53261
  columnNumber: 9
53291
53262
  }, void 0),
53292
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h2", { style: {
53263
+ /* @__PURE__ */ jsxDEV("h2", { style: {
53293
53264
  margin: 0,
53294
53265
  marginBottom: theme.space[3],
53295
53266
  fontSize: theme.fontSizes[4],
@@ -53300,7 +53271,7 @@ const EmptyStateContent = ({ theme }) => {
53300
53271
  lineNumber: 41,
53301
53272
  columnNumber: 9
53302
53273
  }, void 0),
53303
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("p", { style: {
53274
+ /* @__PURE__ */ jsxDEV("p", { style: {
53304
53275
  margin: 0,
53305
53276
  marginBottom: theme.space[2],
53306
53277
  fontSize: theme.fontSizes[2],
@@ -53311,7 +53282,7 @@ const EmptyStateContent = ({ theme }) => {
53311
53282
  lineNumber: 51,
53312
53283
  columnNumber: 9
53313
53284
  }, void 0),
53314
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53285
+ /* @__PURE__ */ jsxDEV("div", { style: {
53315
53286
  backgroundColor: theme.colors.backgroundSecondary,
53316
53287
  borderRadius: theme.radii[2],
53317
53288
  padding: theme.space[3],
@@ -53321,7 +53292,7 @@ const EmptyStateContent = ({ theme }) => {
53321
53292
  maxWidth: "600px",
53322
53293
  border: `1px solid ${theme.colors.border}`
53323
53294
  }, children: [
53324
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h3", { style: {
53295
+ /* @__PURE__ */ jsxDEV("h3", { style: {
53325
53296
  margin: 0,
53326
53297
  marginBottom: theme.space[2],
53327
53298
  fontSize: theme.fontSizes[2],
@@ -53333,7 +53304,7 @@ const EmptyStateContent = ({ theme }) => {
53333
53304
  lineNumber: 72,
53334
53305
  columnNumber: 11
53335
53306
  }, void 0),
53336
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("ul", { style: {
53307
+ /* @__PURE__ */ jsxDEV("ul", { style: {
53337
53308
  margin: 0,
53338
53309
  padding: 0,
53339
53310
  listStyle: "none",
@@ -53341,13 +53312,13 @@ const EmptyStateContent = ({ theme }) => {
53341
53312
  color: theme.colors.textSecondary,
53342
53313
  fontSize: theme.fontSizes[1]
53343
53314
  }, children: [
53344
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
53345
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
53315
+ /* @__PURE__ */ jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
53316
+ /* @__PURE__ */ jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
53346
53317
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53347
53318
  lineNumber: 92,
53348
53319
  columnNumber: 15
53349
53320
  }, void 0),
53350
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Interactive graph of your components and their relationships" }, void 0, false, {
53321
+ /* @__PURE__ */ jsxDEV("span", { children: "Interactive graph of your components and their relationships" }, void 0, false, {
53351
53322
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53352
53323
  lineNumber: 93,
53353
53324
  columnNumber: 15
@@ -53357,13 +53328,13 @@ const EmptyStateContent = ({ theme }) => {
53357
53328
  lineNumber: 91,
53358
53329
  columnNumber: 13
53359
53330
  }, void 0),
53360
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
53361
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
53331
+ /* @__PURE__ */ jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
53332
+ /* @__PURE__ */ jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
53362
53333
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53363
53334
  lineNumber: 96,
53364
53335
  columnNumber: 15
53365
53336
  }, void 0),
53366
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Path-based validation rules and dependencies" }, void 0, false, {
53337
+ /* @__PURE__ */ jsxDEV("span", { children: "Path-based validation rules and dependencies" }, void 0, false, {
53367
53338
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53368
53339
  lineNumber: 97,
53369
53340
  columnNumber: 15
@@ -53373,13 +53344,13 @@ const EmptyStateContent = ({ theme }) => {
53373
53344
  lineNumber: 95,
53374
53345
  columnNumber: 13
53375
53346
  }, void 0),
53376
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
53377
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
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, {
53378
53349
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53379
53350
  lineNumber: 100,
53380
53351
  columnNumber: 15
53381
53352
  }, void 0),
53382
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Visual feedback on component structure and integration points" }, void 0, false, {
53353
+ /* @__PURE__ */ jsxDEV("span", { children: "Visual feedback on component structure and integration points" }, void 0, false, {
53383
53354
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53384
53355
  lineNumber: 101,
53385
53356
  columnNumber: 15
@@ -53389,13 +53360,13 @@ const EmptyStateContent = ({ theme }) => {
53389
53360
  lineNumber: 99,
53390
53361
  columnNumber: 13
53391
53362
  }, void 0),
53392
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("li", { style: { marginBottom: theme.space[1], display: "flex", alignItems: "flex-start" }, children: [
53393
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.success, marginRight: theme.space[2], flexShrink: 0 }, children: "✓" }, void 0, false, {
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, {
53394
53365
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53395
53366
  lineNumber: 104,
53396
53367
  columnNumber: 15
53397
53368
  }, void 0),
53398
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Customizable layouts and themes" }, void 0, false, {
53369
+ /* @__PURE__ */ jsxDEV("span", { children: "Customizable layouts and themes" }, void 0, false, {
53399
53370
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53400
53371
  lineNumber: 105,
53401
53372
  columnNumber: 15
@@ -53415,13 +53386,13 @@ const EmptyStateContent = ({ theme }) => {
53415
53386
  lineNumber: 62,
53416
53387
  columnNumber: 9
53417
53388
  }, void 0),
53418
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53389
+ /* @__PURE__ */ jsxDEV("div", { style: {
53419
53390
  display: "flex",
53420
53391
  flexDirection: "column",
53421
53392
  gap: theme.space[3],
53422
53393
  marginTop: theme.space[4]
53423
53394
  }, children: [
53424
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h3", { style: {
53395
+ /* @__PURE__ */ jsxDEV("h3", { style: {
53425
53396
  margin: 0,
53426
53397
  fontSize: theme.fontSizes[2],
53427
53398
  fontWeight: theme.fontWeights.medium,
@@ -53431,12 +53402,12 @@ const EmptyStateContent = ({ theme }) => {
53431
53402
  lineNumber: 116,
53432
53403
  columnNumber: 11
53433
53404
  }, void 0),
53434
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53405
+ /* @__PURE__ */ jsxDEV("div", { style: {
53435
53406
  display: "flex",
53436
53407
  flexDirection: "column",
53437
53408
  gap: theme.space[2]
53438
53409
  }, children: [
53439
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
53410
+ /* @__PURE__ */ jsxDEV(
53440
53411
  "a",
53441
53412
  {
53442
53413
  href: "https://github.com/principal-ai/principal-view-core-library/blob/main/docs/CONFIGURATION_REFERENCE.md",
@@ -53464,13 +53435,13 @@ const EmptyStateContent = ({ theme }) => {
53464
53435
  e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
53465
53436
  },
53466
53437
  children: [
53467
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(BookOpen, { size: 20, color: theme.colors.primary, style: { flexShrink: 0 } }, void 0, false, {
53438
+ /* @__PURE__ */ jsxDEV(BookOpen, { size: 20, color: theme.colors.primary, style: { flexShrink: 0 } }, void 0, false, {
53468
53439
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53469
53440
  lineNumber: 156,
53470
53441
  columnNumber: 15
53471
53442
  }, void 0),
53472
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1 }, children: [
53473
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53443
+ /* @__PURE__ */ jsxDEV("div", { style: { flex: 1 }, children: [
53444
+ /* @__PURE__ */ jsxDEV("div", { style: {
53474
53445
  fontSize: theme.fontSizes[2],
53475
53446
  fontWeight: theme.fontWeights.medium,
53476
53447
  marginBottom: theme.space[1]
@@ -53479,7 +53450,7 @@ const EmptyStateContent = ({ theme }) => {
53479
53450
  lineNumber: 158,
53480
53451
  columnNumber: 17
53481
53452
  }, void 0),
53482
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53453
+ /* @__PURE__ */ jsxDEV("div", { style: {
53483
53454
  fontSize: theme.fontSizes[0],
53484
53455
  color: theme.colors.textSecondary
53485
53456
  }, children: "Learn how to create .principal-views/ configurations with path-based validation" }, void 0, false, {
@@ -53492,7 +53463,7 @@ const EmptyStateContent = ({ theme }) => {
53492
53463
  lineNumber: 157,
53493
53464
  columnNumber: 15
53494
53465
  }, void 0),
53495
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } }, void 0, false, {
53466
+ /* @__PURE__ */ jsxDEV(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } }, void 0, false, {
53496
53467
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53497
53468
  lineNumber: 172,
53498
53469
  columnNumber: 15
@@ -53508,7 +53479,7 @@ const EmptyStateContent = ({ theme }) => {
53508
53479
  },
53509
53480
  void 0
53510
53481
  ),
53511
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
53482
+ /* @__PURE__ */ jsxDEV(
53512
53483
  "a",
53513
53484
  {
53514
53485
  href: "https://www.npmjs.com/package/@principal-ai/principal-view-core",
@@ -53536,13 +53507,13 @@ const EmptyStateContent = ({ theme }) => {
53536
53507
  e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
53537
53508
  },
53538
53509
  children: [
53539
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(FileText, { size: 20, color: theme.colors.primary, style: { flexShrink: 0 } }, void 0, false, {
53510
+ /* @__PURE__ */ jsxDEV(FileText, { size: 20, color: theme.colors.primary, style: { flexShrink: 0 } }, void 0, false, {
53540
53511
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53541
53512
  lineNumber: 201,
53542
53513
  columnNumber: 15
53543
53514
  }, void 0),
53544
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1 }, children: [
53545
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53515
+ /* @__PURE__ */ jsxDEV("div", { style: { flex: 1 }, children: [
53516
+ /* @__PURE__ */ jsxDEV("div", { style: {
53546
53517
  fontSize: theme.fontSizes[2],
53547
53518
  fontWeight: theme.fontWeights.medium,
53548
53519
  marginBottom: theme.space[1]
@@ -53551,7 +53522,7 @@ const EmptyStateContent = ({ theme }) => {
53551
53522
  lineNumber: 203,
53552
53523
  columnNumber: 17
53553
53524
  }, void 0),
53554
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53525
+ /* @__PURE__ */ jsxDEV("div", { style: {
53555
53526
  fontSize: theme.fontSizes[0],
53556
53527
  color: theme.colors.textSecondary
53557
53528
  }, children: "View @principal-ai/principal-view-core on npm" }, void 0, false, {
@@ -53564,7 +53535,7 @@ const EmptyStateContent = ({ theme }) => {
53564
53535
  lineNumber: 202,
53565
53536
  columnNumber: 15
53566
53537
  }, void 0),
53567
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } }, void 0, false, {
53538
+ /* @__PURE__ */ jsxDEV(ExternalLink, { size: 16, color: theme.colors.textMuted, style: { flexShrink: 0 } }, void 0, false, {
53568
53539
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/principal-view/EmptyStateContent.tsx",
53569
53540
  lineNumber: 217,
53570
53541
  columnNumber: 15
@@ -53585,7 +53556,7 @@ const EmptyStateContent = ({ theme }) => {
53585
53556
  lineNumber: 125,
53586
53557
  columnNumber: 11
53587
53558
  }, void 0),
53588
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("p", { style: {
53559
+ /* @__PURE__ */ jsxDEV("p", { style: {
53589
53560
  margin: 0,
53590
53561
  fontSize: theme.fontSizes[1],
53591
53562
  color: theme.colors.textMuted,
@@ -53593,7 +53564,7 @@ const EmptyStateContent = ({ theme }) => {
53593
53564
  textAlign: "center"
53594
53565
  }, children: [
53595
53566
  "Once you add a ",
53596
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("code", { style: {
53567
+ /* @__PURE__ */ jsxDEV("code", { style: {
53597
53568
  backgroundColor: theme.colors.backgroundSecondary,
53598
53569
  padding: `2px ${theme.space[1]}`,
53599
53570
  borderRadius: theme.radii[0],
@@ -53881,7 +53852,7 @@ const PrincipalViewGraphPanel = ({
53881
53852
  return unsubscribe;
53882
53853
  }, []);
53883
53854
  if (state.loading) {
53884
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53855
+ return /* @__PURE__ */ jsxDEV("div", { style: {
53885
53856
  display: "flex",
53886
53857
  alignItems: "center",
53887
53858
  justifyContent: "center",
@@ -53889,12 +53860,12 @@ const PrincipalViewGraphPanel = ({
53889
53860
  color: theme.colors.textMuted,
53890
53861
  fontFamily: theme.fonts.body
53891
53862
  }, children: [
53892
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Loader, { size: 24, style: { animation: "spin 1s linear infinite" } }, void 0, false, {
53863
+ /* @__PURE__ */ jsxDEV(Loader, { size: 24, style: { animation: "spin 1s linear infinite" } }, void 0, false, {
53893
53864
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
53894
53865
  lineNumber: 399,
53895
53866
  columnNumber: 9
53896
53867
  }, void 0),
53897
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { marginLeft: theme.space[2] }, children: "Loading configuration..." }, void 0, false, {
53868
+ /* @__PURE__ */ jsxDEV("span", { style: { marginLeft: theme.space[2] }, children: "Loading configuration..." }, void 0, false, {
53898
53869
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
53899
53870
  lineNumber: 400,
53900
53871
  columnNumber: 9
@@ -53906,35 +53877,35 @@ const PrincipalViewGraphPanel = ({
53906
53877
  }, void 0);
53907
53878
  }
53908
53879
  if (state.error) {
53909
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ErrorStateContent, { theme, error: state.error, onRetry: () => loadConfiguration() }, void 0, false, {
53880
+ return /* @__PURE__ */ jsxDEV(ErrorStateContent, { theme, error: state.error, onRetry: () => loadConfiguration() }, void 0, false, {
53910
53881
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
53911
53882
  lineNumber: 406,
53912
53883
  columnNumber: 12
53913
53884
  }, void 0);
53914
53885
  }
53915
53886
  if (!state.canvas) {
53916
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(EmptyStateContent, { theme }, void 0, false, {
53887
+ return /* @__PURE__ */ jsxDEV(EmptyStateContent, { theme }, void 0, false, {
53917
53888
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
53918
53889
  lineNumber: 410,
53919
53890
  columnNumber: 12
53920
53891
  }, void 0);
53921
53892
  }
53922
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53893
+ return /* @__PURE__ */ jsxDEV("div", { style: {
53923
53894
  height: "100%",
53924
53895
  width: "100%",
53925
53896
  display: "flex",
53926
53897
  flexDirection: "column",
53927
53898
  fontFamily: theme.fonts.body
53928
53899
  }, children: [
53929
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
53900
+ /* @__PURE__ */ jsxDEV("div", { style: {
53930
53901
  padding: "16px 20px",
53931
53902
  borderBottom: `1px solid ${theme.colors.border}`,
53932
53903
  backgroundColor: theme.colors.background,
53933
53904
  flexShrink: 0
53934
53905
  }, children: [
53935
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: theme.space[3] }, children: [
53936
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
53937
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h2", { style: {
53906
+ /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: theme.space[3] }, children: [
53907
+ /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
53908
+ /* @__PURE__ */ jsxDEV("h2", { style: {
53938
53909
  margin: 0,
53939
53910
  fontSize: theme.fontSizes[3],
53940
53911
  fontWeight: theme.fontWeights.medium,
@@ -53944,8 +53915,8 @@ const PrincipalViewGraphPanel = ({
53944
53915
  lineNumber: 431,
53945
53916
  columnNumber: 13
53946
53917
  }, void 0),
53947
- state.availableConfigs.length > 1 && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { position: "relative" }, children: [
53948
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
53918
+ state.availableConfigs.length > 1 && /* @__PURE__ */ jsxDEV("div", { style: { position: "relative" }, children: [
53919
+ /* @__PURE__ */ jsxDEV(
53949
53920
  "select",
53950
53921
  {
53951
53922
  value: state.selectedConfigId || "",
@@ -53966,7 +53937,7 @@ const PrincipalViewGraphPanel = ({
53966
53937
  transition: "all 0.2s"
53967
53938
  },
53968
53939
  title: state.hasUnsavedChanges ? "Save or discard changes before switching configs" : void 0,
53969
- children: state.availableConfigs.map((config) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("option", { value: config.id, children: config.name }, config.id, false, {
53940
+ children: state.availableConfigs.map((config) => /* @__PURE__ */ jsxDEV("option", { value: config.id, children: config.name }, config.id, false, {
53970
53941
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
53971
53942
  lineNumber: 464,
53972
53943
  columnNumber: 21
@@ -53981,7 +53952,7 @@ const PrincipalViewGraphPanel = ({
53981
53952
  },
53982
53953
  void 0
53983
53954
  ),
53984
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
53955
+ /* @__PURE__ */ jsxDEV(
53985
53956
  ChevronDown,
53986
53957
  {
53987
53958
  size: 14,
@@ -54013,8 +53984,8 @@ const PrincipalViewGraphPanel = ({
54013
53984
  lineNumber: 430,
54014
53985
  columnNumber: 11
54015
53986
  }, void 0),
54016
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
54017
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
53987
+ /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[3] }, children: [
53988
+ /* @__PURE__ */ jsxDEV(
54018
53989
  "button",
54019
53990
  {
54020
53991
  onClick: toggleLayoutConfig,
@@ -54035,12 +54006,12 @@ const PrincipalViewGraphPanel = ({
54035
54006
  transition: "all 0.2s"
54036
54007
  },
54037
54008
  children: [
54038
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(LayoutGrid, { size: 14 }, void 0, false, {
54009
+ /* @__PURE__ */ jsxDEV(LayoutGrid, { size: 14 }, void 0, false, {
54039
54010
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54040
54011
  lineNumber: 503,
54041
54012
  columnNumber: 15
54042
54013
  }, void 0),
54043
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Auto Layout" }, void 0, false, {
54014
+ /* @__PURE__ */ jsxDEV("span", { children: "Auto Layout" }, void 0, false, {
54044
54015
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54045
54016
  lineNumber: 504,
54046
54017
  columnNumber: 15
@@ -54056,7 +54027,7 @@ const PrincipalViewGraphPanel = ({
54056
54027
  },
54057
54028
  void 0
54058
54029
  ),
54059
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
54030
+ /* @__PURE__ */ jsxDEV(
54060
54031
  "button",
54061
54032
  {
54062
54033
  onClick: toggleEditMode,
@@ -54076,16 +54047,16 @@ const PrincipalViewGraphPanel = ({
54076
54047
  transition: "all 0.2s"
54077
54048
  },
54078
54049
  children: [
54079
- state.isEditMode ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(LockOpen, { size: 14 }, void 0, false, {
54050
+ state.isEditMode ? /* @__PURE__ */ jsxDEV(LockOpen, { size: 14 }, void 0, false, {
54080
54051
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54081
54052
  lineNumber: 526,
54082
54053
  columnNumber: 35
54083
- }, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Lock, { size: 14 }, void 0, false, {
54054
+ }, void 0) : /* @__PURE__ */ jsxDEV(Lock, { size: 14 }, void 0, false, {
54084
54055
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54085
54056
  lineNumber: 526,
54086
54057
  columnNumber: 58
54087
54058
  }, void 0),
54088
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: state.isEditMode ? "Editing" : "Edit" }, void 0, false, {
54059
+ /* @__PURE__ */ jsxDEV("span", { children: state.isEditMode ? "Editing" : "Edit" }, void 0, false, {
54089
54060
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54090
54061
  lineNumber: 527,
54091
54062
  columnNumber: 15
@@ -54111,13 +54082,13 @@ const PrincipalViewGraphPanel = ({
54111
54082
  lineNumber: 429,
54112
54083
  columnNumber: 9
54113
54084
  }, void 0),
54114
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
54085
+ /* @__PURE__ */ jsxDEV("div", { style: {
54115
54086
  display: "flex",
54116
54087
  alignItems: "center",
54117
54088
  gap: theme.space[2],
54118
54089
  marginTop: theme.space[2]
54119
- }, children: state.isEditMode && state.hasUnsavedChanges ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
54120
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
54090
+ }, children: state.isEditMode && state.hasUnsavedChanges ? /* @__PURE__ */ jsxDEV(Fragment, { children: [
54091
+ /* @__PURE__ */ jsxDEV("span", { style: {
54121
54092
  fontSize: theme.fontSizes[1],
54122
54093
  color: theme.colors.warning || "#f59e0b",
54123
54094
  fontStyle: "italic"
@@ -54126,12 +54097,12 @@ const PrincipalViewGraphPanel = ({
54126
54097
  lineNumber: 542,
54127
54098
  columnNumber: 15
54128
54099
  }, void 0),
54129
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1 } }, void 0, false, {
54100
+ /* @__PURE__ */ jsxDEV("div", { style: { flex: 1 } }, void 0, false, {
54130
54101
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54131
54102
  lineNumber: 551,
54132
54103
  columnNumber: 15
54133
54104
  }, void 0),
54134
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
54105
+ /* @__PURE__ */ jsxDEV(
54135
54106
  "button",
54136
54107
  {
54137
54108
  onClick: saveAllChanges,
@@ -54152,16 +54123,16 @@ const PrincipalViewGraphPanel = ({
54152
54123
  transition: "all 0.2s"
54153
54124
  },
54154
54125
  children: [
54155
- state.isSaving ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Loader, { size: 14, style: { animation: "spin 1s linear infinite" } }, void 0, false, {
54126
+ state.isSaving ? /* @__PURE__ */ jsxDEV(Loader, { size: 14, style: { animation: "spin 1s linear infinite" } }, void 0, false, {
54156
54127
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54157
54128
  lineNumber: 574,
54158
54129
  columnNumber: 19
54159
- }, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Save, { size: 14 }, void 0, false, {
54130
+ }, void 0) : /* @__PURE__ */ jsxDEV(Save, { size: 14 }, void 0, false, {
54160
54131
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54161
54132
  lineNumber: 576,
54162
54133
  columnNumber: 19
54163
54134
  }, void 0),
54164
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Save" }, void 0, false, {
54135
+ /* @__PURE__ */ jsxDEV("span", { children: "Save" }, void 0, false, {
54165
54136
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54166
54137
  lineNumber: 578,
54167
54138
  columnNumber: 17
@@ -54177,7 +54148,7 @@ const PrincipalViewGraphPanel = ({
54177
54148
  },
54178
54149
  void 0
54179
54150
  ),
54180
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
54151
+ /* @__PURE__ */ jsxDEV(
54181
54152
  "button",
54182
54153
  {
54183
54154
  onClick: discardChanges,
@@ -54198,12 +54169,12 @@ const PrincipalViewGraphPanel = ({
54198
54169
  transition: "all 0.2s"
54199
54170
  },
54200
54171
  children: [
54201
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(X$1, { size: 14 }, void 0, false, {
54172
+ /* @__PURE__ */ jsxDEV(X$1, { size: 14 }, void 0, false, {
54202
54173
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54203
54174
  lineNumber: 601,
54204
54175
  columnNumber: 17
54205
54176
  }, void 0),
54206
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Discard" }, void 0, false, {
54177
+ /* @__PURE__ */ jsxDEV("span", { children: "Discard" }, void 0, false, {
54207
54178
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54208
54179
  lineNumber: 602,
54209
54180
  columnNumber: 17
@@ -54223,8 +54194,8 @@ const PrincipalViewGraphPanel = ({
54223
54194
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54224
54195
  lineNumber: 540,
54225
54196
  columnNumber: 13
54226
- }, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
54227
- ((_b = state.canvas.pv) == null ? void 0 : _b.version) && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: [
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: [
54228
54199
  "v",
54229
54200
  state.canvas.pv.version
54230
54201
  ] }, void 0, true, {
@@ -54232,13 +54203,13 @@ const PrincipalViewGraphPanel = ({
54232
54203
  lineNumber: 608,
54233
54204
  columnNumber: 17
54234
54205
  }, void 0),
54235
- ((_c = state.canvas.pv) == null ? void 0 : _c.description) && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
54236
- ((_d = state.canvas.pv) == null ? void 0 : _d.version) && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.textMuted }, children: "•" }, void 0, false, {
54206
+ ((_c = state.canvas.pv) == null ? void 0 : _c.description) && /* @__PURE__ */ jsxDEV(Fragment, { children: [
54207
+ ((_d = state.canvas.pv) == null ? void 0 : _d.version) && /* @__PURE__ */ jsxDEV("span", { style: { color: theme.colors.textMuted }, children: "•" }, void 0, false, {
54237
54208
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54238
54209
  lineNumber: 614,
54239
54210
  columnNumber: 48
54240
54211
  }, void 0),
54241
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: state.canvas.pv.description }, void 0, false, {
54212
+ /* @__PURE__ */ jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: state.canvas.pv.description }, void 0, false, {
54242
54213
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54243
54214
  lineNumber: 615,
54244
54215
  columnNumber: 19
@@ -54262,7 +54233,7 @@ const PrincipalViewGraphPanel = ({
54262
54233
  lineNumber: 422,
54263
54234
  columnNumber: 7
54264
54235
  }, void 0),
54265
- state.showLayoutConfig && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
54236
+ state.showLayoutConfig && /* @__PURE__ */ jsxDEV("div", { style: {
54266
54237
  padding: `${theme.space[3]}px 20px`,
54267
54238
  backgroundColor: theme.colors.backgroundSecondary,
54268
54239
  borderBottom: `1px solid ${theme.colors.border}`,
@@ -54271,8 +54242,8 @@ const PrincipalViewGraphPanel = ({
54271
54242
  gap: theme.space[4],
54272
54243
  flexWrap: "wrap"
54273
54244
  }, children: [
54274
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
54275
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { style: {
54245
+ /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
54246
+ /* @__PURE__ */ jsxDEV("label", { style: {
54276
54247
  fontSize: theme.fontSizes[1],
54277
54248
  color: theme.colors.textMuted,
54278
54249
  fontWeight: theme.fontWeights.medium
@@ -54281,7 +54252,7 @@ const PrincipalViewGraphPanel = ({
54281
54252
  lineNumber: 638,
54282
54253
  columnNumber: 13
54283
54254
  }, void 0),
54284
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", gap: theme.space[1] }, children: ["TB", "BT", "LR", "RL"].map((dir) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
54255
+ /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", gap: theme.space[1] }, children: ["TB", "BT", "LR", "RL"].map((dir) => /* @__PURE__ */ jsxDEV(
54285
54256
  "button",
54286
54257
  {
54287
54258
  onClick: () => updateLayoutConfig({ direction: dir }),
@@ -54322,8 +54293,8 @@ const PrincipalViewGraphPanel = ({
54322
54293
  lineNumber: 637,
54323
54294
  columnNumber: 11
54324
54295
  }, void 0),
54325
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
54326
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { style: {
54296
+ /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
54297
+ /* @__PURE__ */ jsxDEV("label", { style: {
54327
54298
  fontSize: theme.fontSizes[1],
54328
54299
  color: theme.colors.textMuted,
54329
54300
  fontWeight: theme.fontWeights.medium
@@ -54332,7 +54303,7 @@ const PrincipalViewGraphPanel = ({
54332
54303
  lineNumber: 676,
54333
54304
  columnNumber: 13
54334
54305
  }, void 0),
54335
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
54306
+ /* @__PURE__ */ jsxDEV(
54336
54307
  "input",
54337
54308
  {
54338
54309
  type: "range",
@@ -54352,7 +54323,7 @@ const PrincipalViewGraphPanel = ({
54352
54323
  },
54353
54324
  void 0
54354
54325
  ),
54355
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
54326
+ /* @__PURE__ */ jsxDEV("span", { style: {
54356
54327
  fontSize: theme.fontSizes[0],
54357
54328
  color: theme.colors.textMuted,
54358
54329
  fontFamily: theme.fonts.monospace,
@@ -54367,8 +54338,8 @@ const PrincipalViewGraphPanel = ({
54367
54338
  lineNumber: 675,
54368
54339
  columnNumber: 11
54369
54340
  }, void 0),
54370
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
54371
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { style: {
54341
+ /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", alignItems: "center", gap: theme.space[2] }, children: [
54342
+ /* @__PURE__ */ jsxDEV("label", { style: {
54372
54343
  fontSize: theme.fontSizes[1],
54373
54344
  color: theme.colors.textMuted,
54374
54345
  fontWeight: theme.fontWeights.medium
@@ -54377,7 +54348,7 @@ const PrincipalViewGraphPanel = ({
54377
54348
  lineNumber: 704,
54378
54349
  columnNumber: 13
54379
54350
  }, void 0),
54380
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
54351
+ /* @__PURE__ */ jsxDEV(
54381
54352
  "input",
54382
54353
  {
54383
54354
  type: "range",
@@ -54397,7 +54368,7 @@ const PrincipalViewGraphPanel = ({
54397
54368
  },
54398
54369
  void 0
54399
54370
  ),
54400
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
54371
+ /* @__PURE__ */ jsxDEV("span", { style: {
54401
54372
  fontSize: theme.fontSizes[0],
54402
54373
  color: theme.colors.textMuted,
54403
54374
  fontFamily: theme.fonts.monospace,
@@ -54412,12 +54383,12 @@ const PrincipalViewGraphPanel = ({
54412
54383
  lineNumber: 703,
54413
54384
  columnNumber: 11
54414
54385
  }, void 0),
54415
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1 } }, void 0, false, {
54386
+ /* @__PURE__ */ jsxDEV("div", { style: { flex: 1 } }, void 0, false, {
54416
54387
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54417
54388
  lineNumber: 731,
54418
54389
  columnNumber: 11
54419
54390
  }, void 0),
54420
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
54391
+ /* @__PURE__ */ jsxDEV(
54421
54392
  "button",
54422
54393
  {
54423
54394
  onClick: applyAutoLayout,
@@ -54436,12 +54407,12 @@ const PrincipalViewGraphPanel = ({
54436
54407
  transition: "all 0.15s"
54437
54408
  },
54438
54409
  children: [
54439
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(LayoutGrid, { size: 14 }, void 0, false, {
54410
+ /* @__PURE__ */ jsxDEV(LayoutGrid, { size: 14 }, void 0, false, {
54440
54411
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54441
54412
  lineNumber: 751,
54442
54413
  columnNumber: 13
54443
54414
  }, void 0),
54444
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Apply Layout" }, void 0, false, {
54415
+ /* @__PURE__ */ jsxDEV("span", { children: "Apply Layout" }, void 0, false, {
54445
54416
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54446
54417
  lineNumber: 752,
54447
54418
  columnNumber: 13
@@ -54457,7 +54428,7 @@ const PrincipalViewGraphPanel = ({
54457
54428
  },
54458
54429
  void 0
54459
54430
  ),
54460
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
54431
+ /* @__PURE__ */ jsxDEV(
54461
54432
  "button",
54462
54433
  {
54463
54434
  onClick: toggleLayoutConfig,
@@ -54475,7 +54446,7 @@ const PrincipalViewGraphPanel = ({
54475
54446
  cursor: "pointer",
54476
54447
  transition: "all 0.15s"
54477
54448
  },
54478
- children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(X$1, { size: 16 }, void 0, false, {
54449
+ children: /* @__PURE__ */ jsxDEV(X$1, { size: 16 }, void 0, false, {
54479
54450
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/PrincipalViewGraphPanel.tsx",
54480
54451
  lineNumber: 773,
54481
54452
  columnNumber: 13
@@ -54495,7 +54466,7 @@ const PrincipalViewGraphPanel = ({
54495
54466
  lineNumber: 627,
54496
54467
  columnNumber: 9
54497
54468
  }, void 0),
54498
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
54469
+ /* @__PURE__ */ jsxDEV("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsxDEV(
54499
54470
  distExports.GraphRenderer,
54500
54471
  {
54501
54472
  ref: graphRef,
@@ -54993,7 +54964,7 @@ const ConfigLibraryBrowserPanel = ({
54993
54964
  );
54994
54965
  }, [state.library, state.libraryFilter]);
54995
54966
  if (state.loading) {
54996
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
54967
+ return /* @__PURE__ */ jsxDEV("div", { style: {
54997
54968
  height: "100%",
54998
54969
  width: "100%",
54999
54970
  display: "flex",
@@ -55002,7 +54973,7 @@ const ConfigLibraryBrowserPanel = ({
55002
54973
  fontFamily: theme.fonts.body,
55003
54974
  overflow: "hidden"
55004
54975
  }, children: [
55005
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("style", { children: `
54976
+ /* @__PURE__ */ jsxDEV("style", { children: `
55006
54977
  @keyframes shimmer {
55007
54978
  0% { background-position: -200% 0; }
55008
54979
  100% { background-position: 200% 0; }
@@ -55012,14 +54983,14 @@ const ConfigLibraryBrowserPanel = ({
55012
54983
  lineNumber: 389,
55013
54984
  columnNumber: 9
55014
54985
  }, void 0),
55015
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
54986
+ /* @__PURE__ */ jsxDEV("div", { style: {
55016
54987
  padding: `${theme.space[3]}px ${theme.space[3]}px`,
55017
54988
  borderBottom: `1px solid ${theme.colors.border}`,
55018
54989
  display: "flex",
55019
54990
  alignItems: "center",
55020
54991
  justifyContent: "space-between"
55021
54992
  }, children: [
55022
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
54993
+ /* @__PURE__ */ jsxDEV("div", { style: {
55023
54994
  width: "80px",
55024
54995
  height: "20px",
55025
54996
  borderRadius: theme.radii[1],
@@ -55031,7 +55002,7 @@ const ConfigLibraryBrowserPanel = ({
55031
55002
  lineNumber: 404,
55032
55003
  columnNumber: 11
55033
55004
  }, void 0),
55034
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55005
+ /* @__PURE__ */ jsxDEV("div", { style: {
55035
55006
  width: "28px",
55036
55007
  height: "28px",
55037
55008
  borderRadius: theme.radii[1],
@@ -55048,19 +55019,19 @@ const ConfigLibraryBrowserPanel = ({
55048
55019
  lineNumber: 397,
55049
55020
  columnNumber: 9
55050
55021
  }, void 0),
55051
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55022
+ /* @__PURE__ */ jsxDEV("div", { style: {
55052
55023
  display: "flex",
55053
55024
  borderBottom: `1px solid ${theme.colors.border}`,
55054
55025
  backgroundColor: theme.colors.backgroundSecondary
55055
55026
  }, children: [
55056
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55027
+ /* @__PURE__ */ jsxDEV("div", { style: {
55057
55028
  flex: 1,
55058
55029
  padding: `${theme.space[2]}px ${theme.space[3]}px`,
55059
55030
  display: "flex",
55060
55031
  alignItems: "center",
55061
55032
  justifyContent: "center",
55062
55033
  gap: theme.space[2]
55063
- }, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55034
+ }, children: /* @__PURE__ */ jsxDEV("div", { style: {
55064
55035
  width: "60px",
55065
55036
  height: "16px",
55066
55037
  borderRadius: theme.radii[1],
@@ -55076,14 +55047,14 @@ const ConfigLibraryBrowserPanel = ({
55076
55047
  lineNumber: 428,
55077
55048
  columnNumber: 11
55078
55049
  }, void 0),
55079
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55050
+ /* @__PURE__ */ jsxDEV("div", { style: {
55080
55051
  flex: 1,
55081
55052
  padding: `${theme.space[2]}px ${theme.space[3]}px`,
55082
55053
  display: "flex",
55083
55054
  alignItems: "center",
55084
55055
  justifyContent: "center",
55085
55056
  gap: theme.space[2]
55086
- }, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55057
+ }, children: /* @__PURE__ */ jsxDEV("div", { style: {
55087
55058
  width: "60px",
55088
55059
  height: "16px",
55089
55060
  borderRadius: theme.radii[1],
@@ -55104,7 +55075,7 @@ const ConfigLibraryBrowserPanel = ({
55104
55075
  lineNumber: 423,
55105
55076
  columnNumber: 9
55106
55077
  }, void 0),
55107
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55078
+ /* @__PURE__ */ jsxDEV("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxDEV(
55108
55079
  "div",
55109
55080
  {
55110
55081
  style: {
@@ -55118,7 +55089,7 @@ const ConfigLibraryBrowserPanel = ({
55118
55089
  border: `1px solid ${theme.colors.border}`
55119
55090
  },
55120
55091
  children: [
55121
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55092
+ /* @__PURE__ */ jsxDEV("div", { style: {
55122
55093
  width: "16px",
55123
55094
  height: "16px",
55124
55095
  borderRadius: theme.radii[1],
@@ -55131,7 +55102,7 @@ const ConfigLibraryBrowserPanel = ({
55131
55102
  lineNumber: 480,
55132
55103
  columnNumber: 15
55133
55104
  }, void 0),
55134
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55105
+ /* @__PURE__ */ jsxDEV("div", { style: {
55135
55106
  flex: 1,
55136
55107
  height: "16px",
55137
55108
  borderRadius: theme.radii[1],
@@ -55166,7 +55137,7 @@ const ConfigLibraryBrowserPanel = ({
55166
55137
  }, void 0);
55167
55138
  }
55168
55139
  if (state.error) {
55169
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55140
+ return /* @__PURE__ */ jsxDEV("div", { style: {
55170
55141
  display: "flex",
55171
55142
  flexDirection: "column",
55172
55143
  alignItems: "center",
@@ -55178,12 +55149,12 @@ const ConfigLibraryBrowserPanel = ({
55178
55149
  fontFamily: theme.fonts.body,
55179
55150
  textAlign: "center"
55180
55151
  }, children: [
55181
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.error || "#ef4444", marginBottom: theme.space[2] }, children: state.error }, void 0, false, {
55152
+ /* @__PURE__ */ jsxDEV("span", { style: { color: theme.colors.error || "#ef4444", marginBottom: theme.space[2] }, children: state.error }, void 0, false, {
55182
55153
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55183
55154
  lineNumber: 519,
55184
55155
  columnNumber: 9
55185
55156
  }, void 0),
55186
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55157
+ /* @__PURE__ */ jsxDEV(
55187
55158
  "button",
55188
55159
  {
55189
55160
  onClick: () => loadData(),
@@ -55201,7 +55172,7 @@ const ConfigLibraryBrowserPanel = ({
55201
55172
  fontSize: theme.fontSizes[1]
55202
55173
  },
55203
55174
  children: [
55204
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(RefreshCw, { size: 14 }, void 0, false, {
55175
+ /* @__PURE__ */ jsxDEV(RefreshCw, { size: 14 }, void 0, false, {
55205
55176
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55206
55177
  lineNumber: 538,
55207
55178
  columnNumber: 11
@@ -55227,7 +55198,7 @@ const ConfigLibraryBrowserPanel = ({
55227
55198
  const hasContent = state.configs.length > 0 || state.library;
55228
55199
  if (!hasContent) {
55229
55200
  const npmPackageUrl = "https://www.npmjs.com/package/@principal-ai/principal-view-cli";
55230
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55201
+ return /* @__PURE__ */ jsxDEV("div", { style: {
55231
55202
  display: "flex",
55232
55203
  flexDirection: "column",
55233
55204
  alignItems: "center",
@@ -55239,34 +55210,34 @@ const ConfigLibraryBrowserPanel = ({
55239
55210
  fontFamily: theme.fonts.body,
55240
55211
  textAlign: "center"
55241
55212
  }, children: [
55242
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Network, { size: 56, style: { marginBottom: theme.space[3], opacity: 0.3 } }, void 0, false, {
55213
+ /* @__PURE__ */ jsxDEV(Network, { size: 56, style: { marginBottom: theme.space[3], opacity: 0.3 } }, void 0, false, {
55243
55214
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55244
55215
  lineNumber: 563,
55245
55216
  columnNumber: 9
55246
55217
  }, void 0),
55247
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[3], fontWeight: theme.fontWeights.medium, marginBottom: theme.space[2], color: theme.colors.text }, children: "No configurations found" }, void 0, false, {
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, {
55248
55219
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55249
55220
  lineNumber: 564,
55250
55221
  columnNumber: 9
55251
55222
  }, void 0),
55252
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[2], marginBottom: theme.space[3], maxWidth: "80%", lineHeight: 1.5 }, children: "Initialize Principal View to create architecture diagrams that connect to your codebase." }, void 0, false, {
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, {
55253
55224
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55254
55225
  lineNumber: 567,
55255
55226
  columnNumber: 9
55256
55227
  }, void 0),
55257
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55228
+ /* @__PURE__ */ jsxDEV("div", { style: {
55258
55229
  display: "flex",
55259
55230
  flexDirection: "column",
55260
55231
  gap: theme.space[2],
55261
55232
  width: "90%",
55262
55233
  maxWidth: "400px"
55263
55234
  }, children: [
55264
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }, void 0, false, {
55235
+ /* @__PURE__ */ jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }, void 0, false, {
55265
55236
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55266
55237
  lineNumber: 579,
55267
55238
  columnNumber: 11
55268
55239
  }, void 0),
55269
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55240
+ /* @__PURE__ */ jsxDEV(
55270
55241
  "button",
55271
55242
  {
55272
55243
  onClick: handleCopyCommand,
@@ -55287,16 +55258,16 @@ const ConfigLibraryBrowserPanel = ({
55287
55258
  transition: "all 0.15s"
55288
55259
  },
55289
55260
  children: [
55290
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("code", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: cliCommand }, void 0, false, {
55261
+ /* @__PURE__ */ jsxDEV("code", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: cliCommand }, void 0, false, {
55291
55262
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55292
55263
  lineNumber: 601,
55293
55264
  columnNumber: 13
55294
55265
  }, void 0),
55295
- copied ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }, void 0, false, {
55266
+ copied ? /* @__PURE__ */ jsxDEV(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }, void 0, false, {
55296
55267
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55297
55268
  lineNumber: 605,
55298
55269
  columnNumber: 15
55299
- }, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } }, void 0, false, {
55270
+ }, void 0) : /* @__PURE__ */ jsxDEV(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } }, void 0, false, {
55300
55271
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55301
55272
  lineNumber: 607,
55302
55273
  columnNumber: 15
@@ -55312,12 +55283,12 @@ const ConfigLibraryBrowserPanel = ({
55312
55283
  },
55313
55284
  void 0
55314
55285
  ),
55315
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }, void 0, false, {
55286
+ /* @__PURE__ */ jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }, void 0, false, {
55316
55287
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55317
55288
  lineNumber: 610,
55318
55289
  columnNumber: 11
55319
55290
  }, void 0),
55320
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55291
+ /* @__PURE__ */ jsxDEV(
55321
55292
  "a",
55322
55293
  {
55323
55294
  href: npmPackageUrl,
@@ -55336,7 +55307,7 @@ const ConfigLibraryBrowserPanel = ({
55336
55307
  },
55337
55308
  children: [
55338
55309
  "Learn more on npm",
55339
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExternalLink, { size: 14 }, void 0, false, {
55310
+ /* @__PURE__ */ jsxDEV(ExternalLink, { size: 14 }, void 0, false, {
55340
55311
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55341
55312
  lineNumber: 632,
55342
55313
  columnNumber: 13
@@ -55380,7 +55351,7 @@ const ConfigLibraryBrowserPanel = ({
55380
55351
  fontWeight: isActive ? theme.fontWeights.medium : theme.fontWeights.body,
55381
55352
  transition: "all 0.15s"
55382
55353
  });
55383
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55354
+ return /* @__PURE__ */ jsxDEV("div", { style: {
55384
55355
  height: "100%",
55385
55356
  width: "100%",
55386
55357
  display: "flex",
@@ -55390,7 +55361,7 @@ const ConfigLibraryBrowserPanel = ({
55390
55361
  overflow: "hidden",
55391
55362
  position: "relative"
55392
55363
  }, children: [
55393
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55364
+ /* @__PURE__ */ jsxDEV("div", { style: {
55394
55365
  padding: `${theme.space[3]}px ${theme.space[3]}px`,
55395
55366
  borderBottom: `1px solid ${theme.colors.border}`,
55396
55367
  backgroundColor: theme.colors.background,
@@ -55399,7 +55370,7 @@ const ConfigLibraryBrowserPanel = ({
55399
55370
  justifyContent: "space-between",
55400
55371
  flexShrink: 0
55401
55372
  }, children: [
55402
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h2", { style: {
55373
+ /* @__PURE__ */ jsxDEV("h2", { style: {
55403
55374
  margin: 0,
55404
55375
  fontSize: theme.fontSizes[3],
55405
55376
  fontWeight: theme.fontWeights.medium,
@@ -55409,8 +55380,8 @@ const ConfigLibraryBrowserPanel = ({
55409
55380
  lineNumber: 679,
55410
55381
  columnNumber: 9
55411
55382
  }, void 0),
55412
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", gap: theme.space[1] }, children: [
55413
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55383
+ /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", gap: theme.space[1] }, children: [
55384
+ /* @__PURE__ */ jsxDEV(
55414
55385
  "button",
55415
55386
  {
55416
55387
  onClick: () => setShowSetupInfo(true),
@@ -55428,7 +55399,7 @@ const ConfigLibraryBrowserPanel = ({
55428
55399
  transition: "color 0.2s"
55429
55400
  },
55430
55401
  title: "Setup instructions",
55431
- children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(CircleQuestionMark, { size: 16 }, void 0, false, {
55402
+ children: /* @__PURE__ */ jsxDEV(CircleQuestionMark, { size: 16 }, void 0, false, {
55432
55403
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55433
55404
  lineNumber: 705,
55434
55405
  columnNumber: 13
@@ -55443,7 +55414,7 @@ const ConfigLibraryBrowserPanel = ({
55443
55414
  },
55444
55415
  void 0
55445
55416
  ),
55446
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55417
+ /* @__PURE__ */ jsxDEV(
55447
55418
  "button",
55448
55419
  {
55449
55420
  onClick: () => loadData(),
@@ -55461,7 +55432,7 @@ const ConfigLibraryBrowserPanel = ({
55461
55432
  transition: "color 0.2s"
55462
55433
  },
55463
55434
  title: "Refresh",
55464
- children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(RefreshCw, { size: 16 }, void 0, false, {
55435
+ children: /* @__PURE__ */ jsxDEV(RefreshCw, { size: 16 }, void 0, false, {
55465
55436
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55466
55437
  lineNumber: 724,
55467
55438
  columnNumber: 13
@@ -55486,29 +55457,29 @@ const ConfigLibraryBrowserPanel = ({
55486
55457
  lineNumber: 670,
55487
55458
  columnNumber: 7
55488
55459
  }, void 0),
55489
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55460
+ /* @__PURE__ */ jsxDEV("div", { style: {
55490
55461
  display: "flex",
55491
55462
  borderBottom: `1px solid ${theme.colors.border}`,
55492
55463
  backgroundColor: theme.colors.backgroundSecondary,
55493
55464
  flexShrink: 0
55494
55465
  }, children: [
55495
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55466
+ /* @__PURE__ */ jsxDEV(
55496
55467
  "button",
55497
55468
  {
55498
55469
  onClick: () => handleTabChange("canvas"),
55499
55470
  style: getTabStyle("canvas", state.activeTab === "canvas"),
55500
55471
  children: [
55501
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(FileBraces, { size: 16 }, void 0, false, {
55472
+ /* @__PURE__ */ jsxDEV(FileBraces, { size: 16 }, void 0, false, {
55502
55473
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55503
55474
  lineNumber: 740,
55504
55475
  columnNumber: 11
55505
55476
  }, void 0),
55506
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Canvas" }, void 0, false, {
55477
+ /* @__PURE__ */ jsxDEV("span", { children: "Canvas" }, void 0, false, {
55507
55478
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55508
55479
  lineNumber: 741,
55509
55480
  columnNumber: 11
55510
55481
  }, void 0),
55511
- state.configs.length > 0 && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
55482
+ state.configs.length > 0 && /* @__PURE__ */ jsxDEV("span", { style: {
55512
55483
  fontSize: theme.fontSizes[0],
55513
55484
  color: state.activeTab === "canvas" ? theme.colors.primary : theme.colors.textMuted,
55514
55485
  backgroundColor: state.activeTab === "canvas" ? `${theme.colors.primary}20` : theme.colors.background,
@@ -55530,19 +55501,19 @@ const ConfigLibraryBrowserPanel = ({
55530
55501
  },
55531
55502
  void 0
55532
55503
  ),
55533
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55504
+ /* @__PURE__ */ jsxDEV(
55534
55505
  "button",
55535
55506
  {
55536
55507
  onClick: () => handleTabChange("library"),
55537
55508
  style: getTabStyle("library", state.activeTab === "library"),
55538
55509
  disabled: !state.library,
55539
55510
  children: [
55540
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Library, { size: 16 }, void 0, false, {
55511
+ /* @__PURE__ */ jsxDEV(Library, { size: 16 }, void 0, false, {
55541
55512
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55542
55513
  lineNumber: 759,
55543
55514
  columnNumber: 11
55544
55515
  }, void 0),
55545
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "Library" }, void 0, false, {
55516
+ /* @__PURE__ */ jsxDEV("span", { children: "Library" }, void 0, false, {
55546
55517
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55547
55518
  lineNumber: 760,
55548
55519
  columnNumber: 11
@@ -55563,11 +55534,11 @@ const ConfigLibraryBrowserPanel = ({
55563
55534
  lineNumber: 730,
55564
55535
  columnNumber: 7
55565
55536
  }, void 0),
55566
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55537
+ /* @__PURE__ */ jsxDEV("div", { style: {
55567
55538
  flex: 1,
55568
55539
  overflow: "auto"
55569
55540
  }, children: [
55570
- state.activeTab === "canvas" && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: state.configs.length === 0 ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55541
+ state.activeTab === "canvas" && /* @__PURE__ */ jsxDEV("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: state.configs.length === 0 ? /* @__PURE__ */ jsxDEV("div", { style: {
55571
55542
  textAlign: "center",
55572
55543
  padding: theme.space[4],
55573
55544
  color: theme.colors.textMuted
@@ -55575,7 +55546,7 @@ const ConfigLibraryBrowserPanel = ({
55575
55546
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55576
55547
  lineNumber: 773,
55577
55548
  columnNumber: 15
55578
- }, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { display: "flex", flexDirection: "column", gap: theme.space[2] }, children: state.configs.map((config) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55549
+ }, void 0) : /* @__PURE__ */ jsxDEV("div", { style: { display: "flex", flexDirection: "column", gap: theme.space[2] }, children: state.configs.map((config) => /* @__PURE__ */ jsxDEV(
55579
55550
  "button",
55580
55551
  {
55581
55552
  onClick: () => handleConfigSelect(config),
@@ -55596,17 +55567,17 @@ const ConfigLibraryBrowserPanel = ({
55596
55567
  transition: "all 0.15s"
55597
55568
  },
55598
55569
  children: [
55599
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(FileBraces, { size: 16, style: { color: theme.colors.primary, flexShrink: 0 } }, void 0, false, {
55570
+ /* @__PURE__ */ jsxDEV(FileBraces, { size: 16, style: { color: theme.colors.primary, flexShrink: 0 } }, void 0, false, {
55600
55571
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55601
55572
  lineNumber: 807,
55602
55573
  columnNumber: 21
55603
55574
  }, void 0),
55604
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { flex: 1 }, children: config.displayName }, void 0, false, {
55575
+ /* @__PURE__ */ jsxDEV("span", { style: { flex: 1 }, children: config.displayName }, void 0, false, {
55605
55576
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55606
55577
  lineNumber: 808,
55607
55578
  columnNumber: 21
55608
55579
  }, void 0),
55609
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ArrowRight, { size: 14, style: { color: theme.colors.textMuted, opacity: 0.5 } }, void 0, false, {
55580
+ /* @__PURE__ */ jsxDEV(ArrowRight, { size: 14, style: { color: theme.colors.textMuted, opacity: 0.5 } }, void 0, false, {
55610
55581
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55611
55582
  lineNumber: 809,
55612
55583
  columnNumber: 21
@@ -55630,12 +55601,12 @@ const ConfigLibraryBrowserPanel = ({
55630
55601
  lineNumber: 771,
55631
55602
  columnNumber: 11
55632
55603
  }, void 0),
55633
- state.activeTab === "library" && state.library && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { padding: `${theme.space[3]}px ${theme.space[3]}px` }, children: [
55634
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
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: {
55635
55606
  position: "relative",
55636
55607
  marginBottom: theme.space[3]
55637
55608
  }, children: [
55638
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55609
+ /* @__PURE__ */ jsxDEV(
55639
55610
  Search,
55640
55611
  {
55641
55612
  size: 16,
@@ -55657,7 +55628,7 @@ const ConfigLibraryBrowserPanel = ({
55657
55628
  },
55658
55629
  void 0
55659
55630
  ),
55660
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55631
+ /* @__PURE__ */ jsxDEV(
55661
55632
  "input",
55662
55633
  {
55663
55634
  type: "text",
@@ -55692,10 +55663,10 @@ const ConfigLibraryBrowserPanel = ({
55692
55663
  lineNumber: 821,
55693
55664
  columnNumber: 13
55694
55665
  }, void 0),
55695
- nodeComponents.length > 0 && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { marginBottom: theme.space[3] }, children: [
55696
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55666
+ nodeComponents.length > 0 && /* @__PURE__ */ jsxDEV("div", { style: { marginBottom: theme.space[3] }, children: [
55667
+ /* @__PURE__ */ jsxDEV("div", { style: {
55697
55668
  marginBottom: theme.space[2]
55698
- }, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
55669
+ }, children: /* @__PURE__ */ jsxDEV("span", { style: {
55699
55670
  fontSize: theme.fontSizes[1],
55700
55671
  fontWeight: theme.fontWeights.medium,
55701
55672
  color: theme.colors.text
@@ -55708,13 +55679,13 @@ const ConfigLibraryBrowserPanel = ({
55708
55679
  lineNumber: 860,
55709
55680
  columnNumber: 17
55710
55681
  }, void 0),
55711
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55682
+ /* @__PURE__ */ jsxDEV("div", { style: {
55712
55683
  display: "flex",
55713
55684
  flexDirection: "column",
55714
55685
  gap: theme.space[2]
55715
55686
  }, children: nodeComponents.map(([key, node]) => {
55716
55687
  const ShapeIcon = getShapeIcon(node.shape);
55717
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55688
+ return /* @__PURE__ */ jsxDEV(
55718
55689
  "div",
55719
55690
  {
55720
55691
  style: {
@@ -55727,7 +55698,7 @@ const ConfigLibraryBrowserPanel = ({
55727
55698
  border: `1px solid ${theme.colors.border}`
55728
55699
  },
55729
55700
  children: [
55730
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55701
+ /* @__PURE__ */ jsxDEV(
55731
55702
  ShapeIcon,
55732
55703
  {
55733
55704
  size: 16,
@@ -55742,8 +55713,8 @@ const ConfigLibraryBrowserPanel = ({
55742
55713
  },
55743
55714
  void 0
55744
55715
  ),
55745
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1, minWidth: 0 }, children: [
55746
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55716
+ /* @__PURE__ */ jsxDEV("div", { style: { flex: 1, minWidth: 0 }, children: [
55717
+ /* @__PURE__ */ jsxDEV("div", { style: {
55747
55718
  fontSize: theme.fontSizes[1],
55748
55719
  color: theme.colors.text
55749
55720
  }, children: key }, void 0, false, {
@@ -55751,7 +55722,7 @@ const ConfigLibraryBrowserPanel = ({
55751
55722
  lineNumber: 897,
55752
55723
  columnNumber: 27
55753
55724
  }, void 0),
55754
- node.description && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55725
+ node.description && /* @__PURE__ */ jsxDEV("div", { style: {
55755
55726
  fontSize: theme.fontSizes[0],
55756
55727
  color: theme.colors.textMuted,
55757
55728
  whiteSpace: "nowrap",
@@ -55788,10 +55759,10 @@ const ConfigLibraryBrowserPanel = ({
55788
55759
  lineNumber: 859,
55789
55760
  columnNumber: 15
55790
55761
  }, void 0),
55791
- edgeComponents.length > 0 && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { children: [
55792
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55762
+ edgeComponents.length > 0 && /* @__PURE__ */ jsxDEV("div", { children: [
55763
+ /* @__PURE__ */ jsxDEV("div", { style: {
55793
55764
  marginBottom: theme.space[2]
55794
- }, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
55765
+ }, children: /* @__PURE__ */ jsxDEV("span", { style: {
55795
55766
  fontSize: theme.fontSizes[1],
55796
55767
  fontWeight: theme.fontWeights.medium,
55797
55768
  color: theme.colors.text
@@ -55804,11 +55775,11 @@ const ConfigLibraryBrowserPanel = ({
55804
55775
  lineNumber: 925,
55805
55776
  columnNumber: 17
55806
55777
  }, void 0),
55807
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55778
+ /* @__PURE__ */ jsxDEV("div", { style: {
55808
55779
  display: "flex",
55809
55780
  flexDirection: "column",
55810
55781
  gap: theme.space[2]
55811
- }, children: edgeComponents.map(([key, edge]) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55782
+ }, children: edgeComponents.map(([key, edge]) => /* @__PURE__ */ jsxDEV(
55812
55783
  "div",
55813
55784
  {
55814
55785
  style: {
@@ -55821,7 +55792,7 @@ const ConfigLibraryBrowserPanel = ({
55821
55792
  border: `1px solid ${theme.colors.border}`
55822
55793
  },
55823
55794
  children: [
55824
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55795
+ /* @__PURE__ */ jsxDEV("div", { style: {
55825
55796
  width: "20px",
55826
55797
  height: "2px",
55827
55798
  backgroundColor: edge.color || theme.colors.textMuted,
@@ -55831,8 +55802,8 @@ const ConfigLibraryBrowserPanel = ({
55831
55802
  lineNumber: 955,
55832
55803
  columnNumber: 23
55833
55804
  }, void 0),
55834
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { flex: 1, minWidth: 0 }, children: [
55835
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55805
+ /* @__PURE__ */ jsxDEV("div", { style: { flex: 1, minWidth: 0 }, children: [
55806
+ /* @__PURE__ */ jsxDEV("div", { style: {
55836
55807
  display: "flex",
55837
55808
  alignItems: "center",
55838
55809
  gap: theme.space[1],
@@ -55840,7 +55811,7 @@ const ConfigLibraryBrowserPanel = ({
55840
55811
  color: theme.colors.text
55841
55812
  }, children: [
55842
55813
  key,
55843
- edge.directed && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ArrowRight, { size: 12, style: { color: theme.colors.textMuted } }, void 0, false, {
55814
+ edge.directed && /* @__PURE__ */ jsxDEV(ArrowRight, { size: 12, style: { color: theme.colors.textMuted } }, void 0, false, {
55844
55815
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55845
55816
  lineNumber: 971,
55846
55817
  columnNumber: 29
@@ -55850,7 +55821,7 @@ const ConfigLibraryBrowserPanel = ({
55850
55821
  lineNumber: 962,
55851
55822
  columnNumber: 25
55852
55823
  }, void 0),
55853
- edge.description && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55824
+ edge.description && /* @__PURE__ */ jsxDEV("div", { style: {
55854
55825
  fontSize: theme.fontSizes[0],
55855
55826
  color: theme.colors.textMuted,
55856
55827
  whiteSpace: "nowrap",
@@ -55891,22 +55862,22 @@ const ConfigLibraryBrowserPanel = ({
55891
55862
  lineNumber: 819,
55892
55863
  columnNumber: 11
55893
55864
  }, void 0),
55894
- state.activeTab === "library" && !state.library && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55865
+ state.activeTab === "library" && !state.library && /* @__PURE__ */ jsxDEV("div", { style: {
55895
55866
  textAlign: "center",
55896
55867
  padding: theme.space[4],
55897
55868
  color: theme.colors.textMuted
55898
55869
  }, children: [
55899
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Library, { size: 32, style: { marginBottom: theme.space[2], opacity: 0.5 } }, void 0, false, {
55870
+ /* @__PURE__ */ jsxDEV(Library, { size: 32, style: { marginBottom: theme.space[2], opacity: 0.5 } }, void 0, false, {
55900
55871
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55901
55872
  lineNumber: 1001,
55902
55873
  columnNumber: 13
55903
55874
  }, void 0),
55904
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { children: "No component library found" }, void 0, false, {
55875
+ /* @__PURE__ */ jsxDEV("div", { children: "No component library found" }, void 0, false, {
55905
55876
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55906
55877
  lineNumber: 1002,
55907
55878
  columnNumber: 13
55908
55879
  }, void 0),
55909
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { fontSize: theme.fontSizes[0], marginTop: theme.space[1] }, children: "Add library.yaml to the .principal-views/ folder" }, void 0, false, {
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, {
55910
55881
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55911
55882
  lineNumber: 1003,
55912
55883
  columnNumber: 13
@@ -55921,7 +55892,7 @@ const ConfigLibraryBrowserPanel = ({
55921
55892
  lineNumber: 765,
55922
55893
  columnNumber: 7
55923
55894
  }, void 0),
55924
- showSetupInfo && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55895
+ showSetupInfo && /* @__PURE__ */ jsxDEV("div", { style: {
55925
55896
  position: "absolute",
55926
55897
  top: 0,
55927
55898
  left: 0,
@@ -55932,7 +55903,7 @@ const ConfigLibraryBrowserPanel = ({
55932
55903
  flexDirection: "column",
55933
55904
  zIndex: 10
55934
55905
  }, children: [
55935
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55906
+ /* @__PURE__ */ jsxDEV("div", { style: {
55936
55907
  padding: `${theme.space[3]}px ${theme.space[3]}px`,
55937
55908
  borderBottom: `1px solid ${theme.colors.border}`,
55938
55909
  display: "flex",
@@ -55940,7 +55911,7 @@ const ConfigLibraryBrowserPanel = ({
55940
55911
  justifyContent: "space-between",
55941
55912
  flexShrink: 0
55942
55913
  }, children: [
55943
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h2", { style: {
55914
+ /* @__PURE__ */ jsxDEV("h2", { style: {
55944
55915
  margin: 0,
55945
55916
  fontSize: theme.fontSizes[3],
55946
55917
  fontWeight: theme.fontWeights.medium,
@@ -55950,7 +55921,7 @@ const ConfigLibraryBrowserPanel = ({
55950
55921
  lineNumber: 1032,
55951
55922
  columnNumber: 13
55952
55923
  }, void 0),
55953
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
55924
+ /* @__PURE__ */ jsxDEV(
55954
55925
  "button",
55955
55926
  {
55956
55927
  onClick: () => setShowSetupInfo(false),
@@ -55968,7 +55939,7 @@ const ConfigLibraryBrowserPanel = ({
55968
55939
  transition: "color 0.2s"
55969
55940
  },
55970
55941
  title: "Close",
55971
- children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(X$1, { size: 16 }, void 0, false, {
55942
+ children: /* @__PURE__ */ jsxDEV(X$1, { size: 16 }, void 0, false, {
55972
55943
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
55973
55944
  lineNumber: 1057,
55974
55945
  columnNumber: 15
@@ -55988,7 +55959,7 @@ const ConfigLibraryBrowserPanel = ({
55988
55959
  lineNumber: 1024,
55989
55960
  columnNumber: 11
55990
55961
  }, void 0),
55991
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55962
+ /* @__PURE__ */ jsxDEV("div", { style: {
55992
55963
  flex: 1,
55993
55964
  display: "flex",
55994
55965
  flexDirection: "column",
@@ -55999,34 +55970,34 @@ const ConfigLibraryBrowserPanel = ({
55999
55970
  textAlign: "center",
56000
55971
  overflow: "auto"
56001
55972
  }, children: [
56002
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Network, { size: 56, style: { marginBottom: theme.space[3], opacity: 0.3 } }, void 0, false, {
55973
+ /* @__PURE__ */ jsxDEV(Network, { size: 56, style: { marginBottom: theme.space[3], opacity: 0.3 } }, void 0, false, {
56003
55974
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
56004
55975
  lineNumber: 1073,
56005
55976
  columnNumber: 13
56006
55977
  }, void 0),
56007
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[3], fontWeight: theme.fontWeights.medium, marginBottom: theme.space[2], color: theme.colors.text }, children: "Visual Validation Setup" }, void 0, false, {
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, {
56008
55979
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
56009
55980
  lineNumber: 1074,
56010
55981
  columnNumber: 13
56011
55982
  }, void 0),
56012
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[2], marginBottom: theme.space[3], maxWidth: "80%", lineHeight: 1.5 }, children: "Initialize Visual Validation to create architecture diagrams that connect to your codebase." }, void 0, false, {
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, {
56013
55984
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
56014
55985
  lineNumber: 1077,
56015
55986
  columnNumber: 13
56016
55987
  }, void 0),
56017
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
55988
+ /* @__PURE__ */ jsxDEV("div", { style: {
56018
55989
  display: "flex",
56019
55990
  flexDirection: "column",
56020
55991
  gap: theme.space[2],
56021
55992
  width: "90%",
56022
55993
  maxWidth: "400px"
56023
55994
  }, children: [
56024
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }, void 0, false, {
55995
+ /* @__PURE__ */ jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: "Run this command to get started:" }, void 0, false, {
56025
55996
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
56026
55997
  lineNumber: 1089,
56027
55998
  columnNumber: 15
56028
55999
  }, void 0),
56029
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56000
+ /* @__PURE__ */ jsxDEV(
56030
56001
  "button",
56031
56002
  {
56032
56003
  onClick: handleCopyCommand,
@@ -56047,16 +56018,16 @@ const ConfigLibraryBrowserPanel = ({
56047
56018
  transition: "all 0.15s"
56048
56019
  },
56049
56020
  children: [
56050
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("code", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: cliCommand }, void 0, false, {
56021
+ /* @__PURE__ */ jsxDEV("code", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: cliCommand }, void 0, false, {
56051
56022
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
56052
56023
  lineNumber: 1111,
56053
56024
  columnNumber: 17
56054
56025
  }, void 0),
56055
- copied ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }, void 0, false, {
56026
+ copied ? /* @__PURE__ */ jsxDEV(Check, { size: 16, style: { color: theme.colors.success || "#22c55e", flexShrink: 0 } }, void 0, false, {
56056
56027
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
56057
56028
  lineNumber: 1115,
56058
56029
  columnNumber: 19
56059
- }, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } }, void 0, false, {
56030
+ }, void 0) : /* @__PURE__ */ jsxDEV(Copy, { size: 16, style: { color: theme.colors.textMuted, flexShrink: 0 } }, void 0, false, {
56060
56031
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
56061
56032
  lineNumber: 1117,
56062
56033
  columnNumber: 19
@@ -56072,12 +56043,12 @@ const ConfigLibraryBrowserPanel = ({
56072
56043
  },
56073
56044
  void 0
56074
56045
  ),
56075
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }, void 0, false, {
56046
+ /* @__PURE__ */ jsxDEV("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textMuted }, children: cliCommandDescription }, void 0, false, {
56076
56047
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
56077
56048
  lineNumber: 1120,
56078
56049
  columnNumber: 15
56079
56050
  }, void 0),
56080
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56051
+ /* @__PURE__ */ jsxDEV(
56081
56052
  "a",
56082
56053
  {
56083
56054
  href: "https://www.npmjs.com/package/@principal-ai/principal-view-cli",
@@ -56096,7 +56067,7 @@ const ConfigLibraryBrowserPanel = ({
56096
56067
  },
56097
56068
  children: [
56098
56069
  "Learn more on npm",
56099
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExternalLink, { size: 14 }, void 0, false, {
56070
+ /* @__PURE__ */ jsxDEV(ExternalLink, { size: 14 }, void 0, false, {
56100
56071
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/ConfigLibraryBrowserPanel.tsx",
56101
56072
  lineNumber: 1142,
56102
56073
  columnNumber: 17
@@ -56420,7 +56391,7 @@ const EventControllerPanel = ({
56420
56391
  return theme.colors.textMuted;
56421
56392
  }
56422
56393
  };
56423
- return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56394
+ return /* @__PURE__ */ jsxDEV("div", { style: {
56424
56395
  height: "100%",
56425
56396
  width: "100%",
56426
56397
  backgroundColor: theme.colors.background,
@@ -56434,14 +56405,14 @@ const EventControllerPanel = ({
56434
56405
  overflow: "hidden",
56435
56406
  boxSizing: "border-box"
56436
56407
  }, children: [
56437
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56408
+ /* @__PURE__ */ jsxDEV("div", { style: {
56438
56409
  display: "flex",
56439
56410
  justifyContent: "space-between",
56440
56411
  alignItems: "center",
56441
56412
  borderBottom: `1px solid ${theme.colors.border}`,
56442
56413
  paddingBottom: theme.space[3]
56443
56414
  }, children: [
56444
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("h3", { style: {
56415
+ /* @__PURE__ */ jsxDEV("h3", { style: {
56445
56416
  margin: 0,
56446
56417
  fontSize: theme.fontSizes[2],
56447
56418
  fontWeight: theme.fontWeights.medium,
@@ -56451,7 +56422,7 @@ const EventControllerPanel = ({
56451
56422
  lineNumber: 301,
56452
56423
  columnNumber: 9
56453
56424
  }, void 0),
56454
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[1] }, children: [
56425
+ /* @__PURE__ */ jsxDEV("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[1] }, children: [
56455
56426
  events.length,
56456
56427
  " events"
56457
56428
  ] }, void 0, true, {
@@ -56464,14 +56435,14 @@ const EventControllerPanel = ({
56464
56435
  lineNumber: 294,
56465
56436
  columnNumber: 7
56466
56437
  }, void 0),
56467
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56438
+ /* @__PURE__ */ jsxDEV("div", { style: {
56468
56439
  display: "flex",
56469
56440
  justifyContent: "center",
56470
56441
  alignItems: "center",
56471
56442
  gap: theme.space[2],
56472
56443
  padding: `${theme.space[2]} 0`
56473
56444
  }, children: [
56474
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56445
+ /* @__PURE__ */ jsxDEV(
56475
56446
  "button",
56476
56447
  {
56477
56448
  onClick: stepPrevious,
@@ -56491,7 +56462,7 @@ const EventControllerPanel = ({
56491
56462
  transition: "all 0.2s"
56492
56463
  },
56493
56464
  title: "Step Back",
56494
- children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(SkipBack, { size: 16 }, void 0, false, {
56465
+ children: /* @__PURE__ */ jsxDEV(SkipBack, { size: 16 }, void 0, false, {
56495
56466
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
56496
56467
  lineNumber: 342,
56497
56468
  columnNumber: 11
@@ -56506,7 +56477,7 @@ const EventControllerPanel = ({
56506
56477
  },
56507
56478
  void 0
56508
56479
  ),
56509
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56480
+ /* @__PURE__ */ jsxDEV(
56510
56481
  "button",
56511
56482
  {
56512
56483
  onClick: handleStop,
@@ -56524,7 +56495,7 @@ const EventControllerPanel = ({
56524
56495
  transition: "all 0.2s"
56525
56496
  },
56526
56497
  title: "Stop",
56527
- children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Square, { size: 16 }, void 0, false, {
56498
+ children: /* @__PURE__ */ jsxDEV(Square, { size: 16 }, void 0, false, {
56528
56499
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
56529
56500
  lineNumber: 363,
56530
56501
  columnNumber: 11
@@ -56539,7 +56510,7 @@ const EventControllerPanel = ({
56539
56510
  },
56540
56511
  void 0
56541
56512
  ),
56542
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56513
+ /* @__PURE__ */ jsxDEV(
56543
56514
  "button",
56544
56515
  {
56545
56516
  onClick: status === "playing" ? handlePause : handlePlay,
@@ -56559,11 +56530,11 @@ const EventControllerPanel = ({
56559
56530
  transition: "all 0.2s"
56560
56531
  },
56561
56532
  title: status === "playing" ? "Pause" : "Play",
56562
- children: status === "playing" ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Pause, { size: 20 }, void 0, false, {
56533
+ children: status === "playing" ? /* @__PURE__ */ jsxDEV(Pause, { size: 20 }, void 0, false, {
56563
56534
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
56564
56535
  lineNumber: 390,
56565
56536
  columnNumber: 35
56566
- }, void 0) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Play, { size: 20 }, void 0, false, {
56537
+ }, void 0) : /* @__PURE__ */ jsxDEV(Play, { size: 20 }, void 0, false, {
56567
56538
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
56568
56539
  lineNumber: 390,
56569
56540
  columnNumber: 57
@@ -56578,7 +56549,7 @@ const EventControllerPanel = ({
56578
56549
  },
56579
56550
  void 0
56580
56551
  ),
56581
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56552
+ /* @__PURE__ */ jsxDEV(
56582
56553
  "button",
56583
56554
  {
56584
56555
  onClick: stepNext,
@@ -56598,7 +56569,7 @@ const EventControllerPanel = ({
56598
56569
  transition: "all 0.2s"
56599
56570
  },
56600
56571
  title: "Step Forward",
56601
- children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(SkipForward, { size: 16 }, void 0, false, {
56572
+ children: /* @__PURE__ */ jsxDEV(SkipForward, { size: 16 }, void 0, false, {
56602
56573
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
56603
56574
  lineNumber: 413,
56604
56575
  columnNumber: 11
@@ -56613,7 +56584,7 @@ const EventControllerPanel = ({
56613
56584
  },
56614
56585
  void 0
56615
56586
  ),
56616
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56587
+ /* @__PURE__ */ jsxDEV(
56617
56588
  "button",
56618
56589
  {
56619
56590
  onClick: handleStop,
@@ -56631,7 +56602,7 @@ const EventControllerPanel = ({
56631
56602
  transition: "all 0.2s"
56632
56603
  },
56633
56604
  title: "Reset",
56634
- children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(RotateCcw, { size: 16 }, void 0, false, {
56605
+ children: /* @__PURE__ */ jsxDEV(RotateCcw, { size: 16 }, void 0, false, {
56635
56606
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
56636
56607
  lineNumber: 434,
56637
56608
  columnNumber: 11
@@ -56651,15 +56622,15 @@ const EventControllerPanel = ({
56651
56622
  lineNumber: 315,
56652
56623
  columnNumber: 7
56653
56624
  }, void 0),
56654
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { padding: `0 ${theme.space[1]}` }, children: [
56655
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56625
+ /* @__PURE__ */ jsxDEV("div", { style: { padding: `0 ${theme.space[1]}` }, children: [
56626
+ /* @__PURE__ */ jsxDEV("div", { style: {
56656
56627
  display: "flex",
56657
56628
  justifyContent: "space-between",
56658
56629
  marginBottom: theme.space[1],
56659
56630
  fontSize: theme.fontSizes[0],
56660
56631
  color: theme.colors.textMuted
56661
56632
  }, children: [
56662
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: [
56633
+ /* @__PURE__ */ jsxDEV("span", { children: [
56663
56634
  currentIndex + 1,
56664
56635
  " / ",
56665
56636
  events.length
@@ -56668,7 +56639,7 @@ const EventControllerPanel = ({
56668
56639
  lineNumber: 447,
56669
56640
  columnNumber: 11
56670
56641
  }, void 0),
56671
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: [
56642
+ /* @__PURE__ */ jsxDEV("span", { children: [
56672
56643
  speed,
56673
56644
  "x"
56674
56645
  ] }, void 0, true, {
@@ -56681,7 +56652,7 @@ const EventControllerPanel = ({
56681
56652
  lineNumber: 440,
56682
56653
  columnNumber: 9
56683
56654
  }, void 0),
56684
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56655
+ /* @__PURE__ */ jsxDEV(
56685
56656
  "input",
56686
56657
  {
56687
56658
  type: "range",
@@ -56710,11 +56681,11 @@ const EventControllerPanel = ({
56710
56681
  lineNumber: 439,
56711
56682
  columnNumber: 7
56712
56683
  }, void 0),
56713
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56684
+ /* @__PURE__ */ jsxDEV("div", { style: {
56714
56685
  display: "flex",
56715
56686
  justifyContent: "center",
56716
56687
  gap: theme.space[1]
56717
- }, children: SPEED_OPTIONS.map((s) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56688
+ }, children: SPEED_OPTIONS.map((s) => /* @__PURE__ */ jsxDEV(
56718
56689
  "button",
56719
56690
  {
56720
56691
  onClick: () => setSpeed(s),
@@ -56747,7 +56718,7 @@ const EventControllerPanel = ({
56747
56718
  lineNumber: 466,
56748
56719
  columnNumber: 7
56749
56720
  }, void 0),
56750
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56721
+ /* @__PURE__ */ jsxDEV("div", { style: {
56751
56722
  display: "flex",
56752
56723
  alignItems: "center",
56753
56724
  gap: theme.space[2],
@@ -56756,7 +56727,7 @@ const EventControllerPanel = ({
56756
56727
  borderRadius: theme.radii[1],
56757
56728
  border: `1px solid ${theme.colors.border}`
56758
56729
  }, children: [
56759
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56730
+ /* @__PURE__ */ jsxDEV("div", { style: {
56760
56731
  width: "8px",
56761
56732
  height: "8px",
56762
56733
  borderRadius: "50%",
@@ -56766,7 +56737,7 @@ const EventControllerPanel = ({
56766
56737
  lineNumber: 502,
56767
56738
  columnNumber: 9
56768
56739
  }, void 0),
56769
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
56740
+ /* @__PURE__ */ jsxDEV("span", { style: {
56770
56741
  textTransform: "capitalize",
56771
56742
  fontSize: theme.fontSizes[1],
56772
56743
  color: theme.colors.text
@@ -56775,7 +56746,7 @@ const EventControllerPanel = ({
56775
56746
  lineNumber: 508,
56776
56747
  columnNumber: 9
56777
56748
  }, void 0),
56778
- status === "playing" && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[0] }, children: [
56749
+ status === "playing" && /* @__PURE__ */ jsxDEV("span", { style: { color: theme.colors.textMuted, fontSize: theme.fontSizes[0] }, children: [
56779
56750
  "@ ",
56780
56751
  speed,
56781
56752
  "x speed"
@@ -56789,7 +56760,7 @@ const EventControllerPanel = ({
56789
56760
  lineNumber: 493,
56790
56761
  columnNumber: 7
56791
56762
  }, void 0),
56792
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56763
+ /* @__PURE__ */ jsxDEV("div", { style: {
56793
56764
  flex: 1,
56794
56765
  overflow: "auto",
56795
56766
  backgroundColor: theme.colors.backgroundSecondary,
@@ -56797,7 +56768,7 @@ const EventControllerPanel = ({
56797
56768
  border: `1px solid ${theme.colors.border}`,
56798
56769
  minHeight: 0
56799
56770
  // Allow shrinking in flex container
56800
- }, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: { padding: theme.space[2] }, children: events.length === 0 ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56771
+ }, children: /* @__PURE__ */ jsxDEV("div", { style: { padding: theme.space[2] }, children: events.length === 0 ? /* @__PURE__ */ jsxDEV("div", { style: {
56801
56772
  color: theme.colors.textMuted,
56802
56773
  textAlign: "center",
56803
56774
  padding: theme.space[5],
@@ -56806,7 +56777,7 @@ const EventControllerPanel = ({
56806
56777
  fileName: "/Users/griever/Developer/visual-validation/industry-themed-principal-view-panels/src/panels/EventControllerPanel.tsx",
56807
56778
  lineNumber: 533,
56808
56779
  columnNumber: 13
56809
- }, void 0) : events.map((event, index2) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
56780
+ }, void 0) : events.map((event, index2) => /* @__PURE__ */ jsxDEV(
56810
56781
  "div",
56811
56782
  {
56812
56783
  onClick: () => handleSeek(index2),
@@ -56820,12 +56791,12 @@ const EventControllerPanel = ({
56820
56791
  transition: "background-color 0.15s"
56821
56792
  },
56822
56793
  children: [
56823
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56794
+ /* @__PURE__ */ jsxDEV("div", { style: {
56824
56795
  display: "flex",
56825
56796
  justifyContent: "space-between",
56826
56797
  alignItems: "center"
56827
56798
  }, children: [
56828
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
56799
+ /* @__PURE__ */ jsxDEV("span", { style: {
56829
56800
  fontFamily: theme.fonts.monospace,
56830
56801
  fontSize: theme.fontSizes[0],
56831
56802
  color: index2 === currentIndex ? "white" : index2 <= currentIndex ? theme.colors.primary : theme.colors.textMuted
@@ -56834,7 +56805,7 @@ const EventControllerPanel = ({
56834
56805
  lineNumber: 567,
56835
56806
  columnNumber: 19
56836
56807
  }, void 0),
56837
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { style: {
56808
+ /* @__PURE__ */ jsxDEV("span", { style: {
56838
56809
  fontSize: theme.fontSizes[0],
56839
56810
  color: index2 === currentIndex ? "rgba(255,255,255,0.7)" : theme.colors.textMuted
56840
56811
  }, children: [
@@ -56850,7 +56821,7 @@ const EventControllerPanel = ({
56850
56821
  lineNumber: 562,
56851
56822
  columnNumber: 17
56852
56823
  }, void 0),
56853
- /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { style: {
56824
+ /* @__PURE__ */ jsxDEV("div", { style: {
56854
56825
  fontSize: theme.fontSizes[0],
56855
56826
  color: index2 === currentIndex ? "rgba(255,255,255,0.8)" : index2 <= currentIndex ? theme.colors.textSecondary : theme.colors.textMuted,
56856
56827
  marginTop: theme.space[1]