@valbuild/ui 0.46.1 → 0.47.1

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 (11) hide show
  1. package/dist/valbuild-ui.cjs.js +76 -16
  2. package/dist/valbuild-ui.esm.js +76 -16
  3. package/package.json +3 -3
  4. package/server/.tmp/assets/index-7FeUbHhm.css +1 -0
  5. package/server/.tmp/assets/{index-yY5yCkWt.js → index-P3ucL9Mc.js} +30 -30
  6. package/server/.tmp/index.html +2 -2
  7. package/server/dist/valbuild-ui-main.cjs.js +73 -13
  8. package/server/dist/valbuild-ui-main.esm.js +73 -13
  9. package/server/dist/valbuild-ui-server.cjs.js +1 -1
  10. package/server/dist/valbuild-ui-server.esm.js +1 -1
  11. package/server/.tmp/assets/index-0Qeyj20F.css +0 -1
package/server/.tmp/index.html CHANGED
@@ -4,8 +4,8 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>Val</title>
7
- <script type="module" crossorigin src="/api/val/static/assets/index-yY5yCkWt.js"></script>
8
- <link rel="stylesheet" crossorigin href="/api/val/static/assets/index-0Qeyj20F.css">
7
+ <script type="module" crossorigin src="/api/val/static/assets/index-P3ucL9Mc.js"></script>
8
+ <link rel="stylesheet" crossorigin href="/api/val/static/assets/index-7FeUbHhm.css">
9
9
  </head>
10
10
  <body>
11
11
  <div id="root"></div>
package/server/dist/valbuild-ui-main.cjs.js CHANGED
@@ -64246,11 +64246,13 @@ function ValMenu({
64246
64246
  /* @__PURE__ */ jsxRuntimeExports.jsx(
64247
64247
  MenuButton,
64248
64248
  {
64249
- active: editMode === "hover",
64249
+ active: editMode === "hover" || editMode === "window",
64250
64250
  onClick: () => {
64251
- setEditMode((prev) => prev === "hover" ? "off" : "hover");
64251
+ setEditMode(
64252
+ (prev) => prev === "hover" || editMode === "window" ? "off" : "hover"
64253
+ );
64252
64254
  },
64253
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-[24px] w-[24px] flex justify-center items-center", children: editMode === "hover" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Pause, { size: 18 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { size: 18 }) })
64255
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-[24px] w-[24px] flex justify-center items-center", children: editMode === "hover" || editMode === "window" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Pause, { size: 18 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { size: 18 }) })
64254
64256
  }
64255
64257
  ),
64256
64258
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -77210,6 +77212,16 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77210
77212
  },
77211
77213
  []
77212
77214
  );
77215
+ const allModuleIds = Object.entries(modules || {}).flatMap(
77216
+ ([moduleId, valModule]) => {
77217
+ if ((valModule == null ? void 0 : valModule.schema) && (valModule == null ? void 0 : valModule.source)) {
77218
+ return [moduleId];
77219
+ } else if (valModule == null ? void 0 : valModule.errors) {
77220
+ return [moduleId];
77221
+ }
77222
+ return [];
77223
+ }
77224
+ );
77213
77225
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
77214
77226
  ValOverlayContext.Provider,
77215
77227
  {
@@ -77256,7 +77268,7 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77256
77268
  PathTree,
77257
77269
  {
77258
77270
  selectedPath,
77259
- paths: Object.keys(modules),
77271
+ paths: allModuleIds,
77260
77272
  setSelectedModuleId: (path) => {
77261
77273
  navigate(path);
77262
77274
  }
@@ -77275,7 +77287,7 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77275
77287
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77276
77288
  "div",
77277
77289
  {
77278
- className: "truncate max-w-[300px]",
77290
+ className: "truncate max-w-[300px] text-left",
77279
77291
  dir: "rtl",
77280
77292
  title: selectedPath,
77281
77293
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: selectedPath || "/" })
@@ -77287,7 +77299,8 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77287
77299
  "ERROR: ",
77288
77300
  error
77289
77301
  ] }),
77290
- modules && selectedPath && selectedModuleId && moduleSource !== void 0 && moduleSchema !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ValModulesContext.Provider, { value: modules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
77302
+ session.status === "success" && session.data.mode === "unauthorized" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-xl p-4 text-lg bg-destructive text-destructive-foreground", children: "Not authorized" }),
77303
+ session.status === "success" && session.data.mode !== "unauthorized" && modules && selectedPath && selectedModuleId && moduleSource !== void 0 && moduleSchema !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ValModulesContext.Provider, { value: modules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
77291
77304
  ValModule,
77292
77305
  {
77293
77306
  path: selectedPath,
@@ -77403,7 +77416,15 @@ function AnyVal({
77403
77416
  ] });
77404
77417
  }
77405
77418
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
77406
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77419
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77420
+ "div",
77421
+ {
77422
+ className: "truncate max-w-[300px] text-left",
77423
+ title: path,
77424
+ dir: "rtl",
77425
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77426
+ }
77427
+ ),
77407
77428
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77408
77429
  ValList,
77409
77430
  {
@@ -77430,7 +77451,15 @@ function AnyVal({
77430
77451
  ] });
77431
77452
  }
77432
77453
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
77433
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77454
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77455
+ "div",
77456
+ {
77457
+ className: "truncate max-w-[300px] text-left",
77458
+ title: path,
77459
+ dir: "rtl",
77460
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77461
+ }
77462
+ ),
77434
77463
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77435
77464
  ValRecord,
77436
77465
  {
@@ -77461,7 +77490,15 @@ function AnyVal({
77461
77490
  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
77462
77491
  }
77463
77492
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "py-2 gap-y-4", children: [
77464
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77493
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77494
+ "div",
77495
+ {
77496
+ className: "truncate max-w-[300px] text-left",
77497
+ title: path,
77498
+ dir: "rtl",
77499
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77500
+ }
77501
+ ),
77465
77502
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77466
77503
  ValFormField,
77467
77504
  {
@@ -77539,7 +77576,15 @@ function ValTaggedUnion({
77539
77576
  "border-l-2 border-border pl-6": !top
77540
77577
  }),
77541
77578
  children: [
77542
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77579
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77580
+ "div",
77581
+ {
77582
+ className: "truncate max-w-[300px] text-left",
77583
+ title: path,
77584
+ dir: "rtl",
77585
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77586
+ }
77587
+ ),
77543
77588
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
77544
77589
  Select,
77545
77590
  {
@@ -77682,7 +77727,7 @@ function ValList({
77682
77727
  setSelectedPath
77683
77728
  }) {
77684
77729
  const navigate = useNavigate();
77685
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
77730
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldContainer, { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
77686
77731
  const subPath = createValPathOfItem(path, index2);
77687
77732
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
77688
77733
  "button",
@@ -77933,7 +77978,15 @@ function ValOptional({
77933
77978
  }
77934
77979
  }
77935
77980
  ),
77936
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: field ? field : /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) })
77981
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
77982
+ "div",
77983
+ {
77984
+ className: "truncate max-w-[300px] text-left",
77985
+ title: path,
77986
+ dir: "rtl",
77987
+ children: field ? field : /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77988
+ }
77989
+ )
77937
77990
  ] }),
77938
77991
  enable && /* @__PURE__ */ jsxRuntimeExports.jsx(
77939
77992
  ValDefaultOf,
@@ -78032,7 +78085,14 @@ function PathTree({
78032
78085
  const selectedModuleId = selectedPath && Internal.splitModuleIdAndModulePath(selectedPath)[0];
78033
78086
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col w-full py-2 text-xs", children: Object.entries(tree).map(([dir, files]) => {
78034
78087
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2", children: [
78035
- dir && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-bold truncate max-w-[300px]", title: dir, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: dir }) }),
78088
+ dir && /* @__PURE__ */ jsxRuntimeExports.jsx(
78089
+ "div",
78090
+ {
78091
+ className: "font-bold truncate max-w-[300px] text-left",
78092
+ title: dir,
78093
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: dir })
78094
+ }
78095
+ ),
78036
78096
  /* @__PURE__ */ jsxRuntimeExports.jsx(
78037
78097
  "div",
78038
78098
  {
package/server/dist/valbuild-ui-main.esm.js CHANGED
@@ -64245,11 +64245,13 @@ function ValMenu({
64245
64245
  /* @__PURE__ */ jsxRuntimeExports.jsx(
64246
64246
  MenuButton,
64247
64247
  {
64248
- active: editMode === "hover",
64248
+ active: editMode === "hover" || editMode === "window",
64249
64249
  onClick: () => {
64250
- setEditMode((prev) => prev === "hover" ? "off" : "hover");
64250
+ setEditMode(
64251
+ (prev) => prev === "hover" || editMode === "window" ? "off" : "hover"
64252
+ );
64251
64253
  },
64252
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-[24px] w-[24px] flex justify-center items-center", children: editMode === "hover" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Pause, { size: 18 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { size: 18 }) })
64254
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-[24px] w-[24px] flex justify-center items-center", children: editMode === "hover" || editMode === "window" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Pause, { size: 18 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { size: 18 }) })
64253
64255
  }
64254
64256
  ),
64255
64257
  /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -77211,6 +77213,16 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77211
77213
  },
77212
77214
  []
77213
77215
  );
77216
+ const allModuleIds = Object.entries(modules || {}).flatMap(
77217
+ ([moduleId, valModule]) => {
77218
+ if ((valModule == null ? void 0 : valModule.schema) && (valModule == null ? void 0 : valModule.source)) {
77219
+ return [moduleId];
77220
+ } else if (valModule == null ? void 0 : valModule.errors) {
77221
+ return [moduleId];
77222
+ }
77223
+ return [];
77224
+ }
77225
+ );
77214
77226
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
77215
77227
  ValOverlayContext.Provider,
77216
77228
  {
@@ -77257,7 +77269,7 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77257
77269
  PathTree,
77258
77270
  {
77259
77271
  selectedPath,
77260
- paths: Object.keys(modules),
77272
+ paths: allModuleIds,
77261
77273
  setSelectedModuleId: (path) => {
77262
77274
  navigate(path);
77263
77275
  }
@@ -77276,7 +77288,7 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77276
77288
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77277
77289
  "div",
77278
77290
  {
77279
- className: "truncate max-w-[300px]",
77291
+ className: "truncate max-w-[300px] text-left",
77280
77292
  dir: "rtl",
77281
77293
  title: selectedPath,
77282
77294
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: selectedPath || "/" })
@@ -77288,7 +77300,8 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77288
77300
  "ERROR: ",
77289
77301
  error
77290
77302
  ] }),
77291
- modules && selectedPath && selectedModuleId && moduleSource !== void 0 && moduleSchema !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ValModulesContext.Provider, { value: modules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
77303
+ session.status === "success" && session.data.mode === "unauthorized" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-xl p-4 text-lg bg-destructive text-destructive-foreground", children: "Not authorized" }),
77304
+ session.status === "success" && session.data.mode !== "unauthorized" && modules && selectedPath && selectedModuleId && moduleSource !== void 0 && moduleSchema !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ValModulesContext.Provider, { value: modules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
77292
77305
  ValModule,
77293
77306
  {
77294
77307
  path: selectedPath,
@@ -77404,7 +77417,15 @@ function AnyVal({
77404
77417
  ] });
77405
77418
  }
77406
77419
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
77407
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77420
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77421
+ "div",
77422
+ {
77423
+ className: "truncate max-w-[300px] text-left",
77424
+ title: path,
77425
+ dir: "rtl",
77426
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77427
+ }
77428
+ ),
77408
77429
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77409
77430
  ValList,
77410
77431
  {
@@ -77431,7 +77452,15 @@ function AnyVal({
77431
77452
  ] });
77432
77453
  }
77433
77454
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
77434
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77455
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77456
+ "div",
77457
+ {
77458
+ className: "truncate max-w-[300px] text-left",
77459
+ title: path,
77460
+ dir: "rtl",
77461
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77462
+ }
77463
+ ),
77435
77464
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77436
77465
  ValRecord,
77437
77466
  {
@@ -77462,7 +77491,15 @@ function AnyVal({
77462
77491
  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
77463
77492
  }
77464
77493
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "py-2 gap-y-4", children: [
77465
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77494
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77495
+ "div",
77496
+ {
77497
+ className: "truncate max-w-[300px] text-left",
77498
+ title: path,
77499
+ dir: "rtl",
77500
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77501
+ }
77502
+ ),
77466
77503
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77467
77504
  ValFormField,
77468
77505
  {
@@ -77540,7 +77577,15 @@ function ValTaggedUnion({
77540
77577
  "border-l-2 border-border pl-6": !top
77541
77578
  }),
77542
77579
  children: [
77543
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77580
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77581
+ "div",
77582
+ {
77583
+ className: "truncate max-w-[300px] text-left",
77584
+ title: path,
77585
+ dir: "rtl",
77586
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77587
+ }
77588
+ ),
77544
77589
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
77545
77590
  Select,
77546
77591
  {
@@ -77683,7 +77728,7 @@ function ValList({
77683
77728
  setSelectedPath
77684
77729
  }) {
77685
77730
  const navigate = useNavigate();
77686
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
77731
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldContainer, { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
77687
77732
  const subPath = createValPathOfItem(path, index2);
77688
77733
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
77689
77734
  "button",
@@ -77934,7 +77979,15 @@ function ValOptional({
77934
77979
  }
77935
77980
  }
77936
77981
  ),
77937
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: field ? field : /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) })
77982
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
77983
+ "div",
77984
+ {
77985
+ className: "truncate max-w-[300px] text-left",
77986
+ title: path,
77987
+ dir: "rtl",
77988
+ children: field ? field : /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77989
+ }
77990
+ )
77938
77991
  ] }),
77939
77992
  enable && /* @__PURE__ */ jsxRuntimeExports.jsx(
77940
77993
  ValDefaultOf,
@@ -78033,7 +78086,14 @@ function PathTree({
78033
78086
  const selectedModuleId = selectedPath && Internal.splitModuleIdAndModulePath(selectedPath)[0];
78034
78087
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col w-full py-2 text-xs", children: Object.entries(tree).map(([dir, files]) => {
78035
78088
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2", children: [
78036
- dir && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-bold truncate max-w-[300px]", title: dir, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: dir }) }),
78089
+ dir && /* @__PURE__ */ jsxRuntimeExports.jsx(
78090
+ "div",
78091
+ {
78092
+ className: "font-bold truncate max-w-[300px] text-left",
78093
+ title: dir,
78094
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: dir })
78095
+ }
78096
+ ),
78037
78097
  /* @__PURE__ */ jsxRuntimeExports.jsx(
78038
78098
  "div",
78039
78099
  {