@agent-native/core 0.165.3 → 0.167.0

package/corpus/templates/design/actions/apply-component-prop-edit.ts

@@ -48,11 +48,7 @@ import {
   applyVisualEdit,
   buildCodeLayerProjection,
 } from "../shared/code-layer.js";
-import type {
-  CodeLayerSource,
-  ClassEditIntent,
-  StyleEditIntent,
-} from "../shared/code-layer.js";
+import type { CodeLayerSource, ClassEditIntent } from "../shared/code-layer.js";
 import { agentSelectionDescriptor } from "../shared/collab-selection.js";
 import {
   componentNameFor,

package/corpus/templates/design/actions/generate-design.ts

@@ -13,7 +13,6 @@ import { buildDeepLink } from "@agent-native/core/server";
 import { assertAccess } from "@agent-native/core/sharing";
 import {
   getGenerationCreativeContext,
-  mergeCreativeContextReuseLabels,
   recordGenerationCreativeContext,
   replaceCreativeContextElementProvenance,
   resolveGenerationCreativeContext,

package/corpus/templates/design/actions/generate-screens.ts

@@ -1,5 +1,8 @@
 import { defineAction, embedApp } from "@agent-native/core";
-import { writeAppState } from "@agent-native/core/application-state";
+import {
+  writeAppState,
+  writeAppStateForCurrentTab,
+} from "@agent-native/core/application-state";
 import { buildDeepLink } from "@agent-native/core/server";
 import { assertAccess } from "@agent-native/core/sharing";
 import {
@@ -430,7 +433,7 @@ export default defineAction({
       designGenerationSessionKey(designId),
       session as unknown as Record<string, unknown>,
     );
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "overview",

package/corpus/templates/design/actions/go-to-main-component.ts

@@ -28,7 +28,7 @@
  */
 
 import { defineAction } from "@agent-native/core/action";
-import { writeAppState } from "@agent-native/core/application-state";
+import { writeAppStateForCurrentTab } from "@agent-native/core/application-state";
 import { getText, hasCollabState } from "@agent-native/core/collab";
 import { accessFilter, resolveAccess } from "@agent-native/core/sharing";
 import { and, eq } from "drizzle-orm";
@@ -223,7 +223,7 @@ export default defineAction({
       };
     }
 
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "single",

package/corpus/templates/design/actions/list-design-systems.ts

@@ -44,6 +44,16 @@ export default defineAction({
     await Promise.all(
       rows.map(async (row) => {
         const access = await resolveAccess("design-system", row.id);
+        if (!access) {
+          // accessFilter admitted this row but resolveAccess cannot name a
+          // role, so create-design's assertAccess will reject the same id the
+          // picker just offered.
+          console.warn(
+            `[design] list-design-systems: no resolvable access for ` +
+              `design-system ${row.id} ("${row.title}") that accessFilter ` +
+              `admitted; create-design will reject it.`,
+          );
+        }
         const role = access?.role ?? "viewer";
         accessById.set(row.id, { role, canManage: canManageRole(role) });
       }),

package/corpus/templates/design/actions/navigate.ts

@@ -29,7 +29,7 @@
  */
 
 import { defineAction } from "@agent-native/core";
-import { writeAppState } from "@agent-native/core/application-state";
+import { writeAppStateForCurrentTab } from "@agent-native/core/application-state";
 import { z } from "zod";
 
 const designEditorToolSchema = z.enum([
@@ -176,7 +176,7 @@ export default defineAction({
     if (args.designSystemId) nav.designSystemId = args.designSystemId;
     if (args.templateId) nav.templateId = args.templateId;
     if (args.path) nav.path = args.path;
-    await writeAppState("navigate", nav);
+    await writeAppStateForCurrentTab("navigate", nav);
     return `Navigating to ${args.view || args.path}${
       args.designId ? ` (design: ${args.designId})` : ""
     }${editorView ? ` (${editorView} view)` : ""}${

package/corpus/templates/design/actions/open-component-source.ts

@@ -17,15 +17,15 @@
  * gate is checked and the response includes the external file path for the IDE
  * to open.
  *
- * Navigation is written via `writeAppState("navigate", ...)` — the same
- * mechanism used by the `navigate` action. Because this writes transient
+ * Navigation is written via `writeAppStateForCurrentTab("navigate", ...)` —
+ * the same mechanism as the `navigate` action. Because this writes transient
  * application state, the action uses the default POST mutation transport.
  *
  * See DESIGN-STUDIO-PLAN.md §6.1 (jump-to-source) and §7 (action surface).
  */
 
 import { defineAction } from "@agent-native/core";
-import { writeAppState } from "@agent-native/core/application-state";
+import { writeAppStateForCurrentTab } from "@agent-native/core/application-state";
 import { getText, hasCollabState } from "@agent-native/core/collab";
 import { accessFilter, resolveAccess } from "@agent-native/core/sharing";
 import { and, eq } from "drizzle-orm";
@@ -190,7 +190,7 @@ export default defineAction({
     // ── Emit navigation command ──────────────────────────────────────────────
     // Use the same application state key as the `navigate` action so the UI
     // client picks it up and selects the element in the editor.
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "single",

package/corpus/templates/design/actions/present-design-variants.ts

@@ -1,7 +1,6 @@
 import { defineAction, embedApp } from "@agent-native/core";
 import {
   deleteAppState,
-  writeAppState,
   writeAppStateForCurrentTab,
 } from "@agent-native/core/application-state";
 import { seedFromText } from "@agent-native/core/collab";
@@ -1169,7 +1168,7 @@ export default defineAction({
       },
     });
 
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "overview",

package/corpus/templates/design/actions/run-design-audit.ts

@@ -34,28 +34,6 @@ import {
 // HTML helpers (static analysis — no DOM runtime available server-side)
 // ---------------------------------------------------------------------------
 
-/** Extract all attribute values matching a simple regex over raw HTML. */
-function extractAttrs(
-  html: string,
-  tagPattern: RegExp,
-  attrName: string,
-): string[] {
-  const attrRegex = new RegExp(
-    `${attrName}\\s*=\\s*(?:"([^"]*?)"|'([^']*?)')`,
-    "gi",
-  );
-  const results: string[] = [];
-  let match: RegExpExecArray | null;
-  const tagMatches = [...html.matchAll(tagPattern)];
-  for (const tm of tagMatches) {
-    attrRegex.lastIndex = 0;
-    while ((match = attrRegex.exec(tm[0])) !== null) {
-      results.push(match[1] ?? match[2] ?? "");
-    }
-  }
-  return results;
-}
-
 /** Pull a node id from a raw tag string (data-agent-native-node-id attr). */
 function extractNodeId(tagHtml: string): string | undefined {
   const m = tagHtml.match(

package/corpus/templates/design/actions/show-design-questions.ts

@@ -1,5 +1,8 @@
 import { defineAction, embedApp } from "@agent-native/core";
-import { writeAppState } from "@agent-native/core/application-state";
+import {
+  writeAppState,
+  writeAppStateForCurrentTab,
+} from "@agent-native/core/application-state";
 import { buildDeepLink } from "@agent-native/core/server";
 import { assertAccess } from "@agent-native/core/sharing";
 import { z } from "zod";
@@ -131,7 +134,7 @@ export default defineAction({
       submitLabel: submitLabel ?? "Continue",
       questions: normalizedQuestions,
     });
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "overview",

package/corpus/templates/design/app/components/design/DesignCanvas.tsx

@@ -1312,7 +1312,7 @@ export function DesignCanvas({
   // twice from the same drawing.
   const [annotationCaptureBusy, setAnnotationCaptureBusy] = useState(false);
   const annotationCaptureBusyRef = useRef(false);
-  const [fetchedExternalSnapshot, setFetchedExternalSnapshot] = useState<{
+  const [, setFetchedExternalSnapshot] = useState<{
     url: string;
     html: string;
   } | null>(null);
@@ -1433,11 +1433,7 @@ export function DesignCanvas({
     (sourceType === "localhost" || sourceType === "fusion") &&
     Boolean(rawExternalPreviewUrl) &&
     Boolean(onRuntimeLayerSnapshot);
-  const activeExternalSnapshotHtml =
-    externalSnapshotHtml ??
-    (fetchedExternalSnapshot?.url === rawExternalPreviewUrl
-      ? fetchedExternalSnapshot.html
-      : undefined);
+
   // Bake a neutral scale of 1 here (not the zoom-folded scale): this script is
   // registered with the localhost bridge via a large POST, so folding live zoom
   // in would re-fire the registration effect on every zoom tick. Live scale is
@@ -4076,8 +4072,17 @@ export function DesignCanvas({
         preserveTextEditingSession?: boolean;
       },
     ) => {
+      // Raw content here drops the injected offset/background styles, moving a
+      // frame authored at a negative offset off screen. Both channels push the
+      // same shape.
       const replaced = replacePreviewContent(
-        nextContent,
+        getEmbeddedFrameDocumentContent({
+          content: withLocalRuntimes(nextContent),
+          embeddedFrameBackground,
+          transparentBackground,
+          contentOffsetX: embeddedFrame?.contentOffsetX ?? 0,
+          contentOffsetY: embeddedFrame?.contentOffsetY ?? 0,
+        }),
         selector,
         candidates,
         options,
@@ -4091,7 +4096,13 @@ export function DesignCanvas({
       }
       return replaced;
     },
-    [replacePreviewContent],
+    [
+      embeddedFrame?.contentOffsetX,
+      embeddedFrame?.contentOffsetY,
+      embeddedFrameBackground,
+      replacePreviewContent,
+      transparentBackground,
+    ],
   );
 
   const replaceRuntimeContentInPlace = useCallback(

package/corpus/templates/design/app/components/design/EditPanel.tsx

@@ -1,94 +1,24 @@
-import {
-  useActionMutation,
-  useActionQuery,
-} from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import type { TweakDefinition } from "@shared/api";
-import {
-  getBreakpointOverrideState,
-  type BreakpointOverrideState,
-} from "@shared/breakpoint-media";
-import {
-  composeTransform3D,
-  isTransform3DActive,
-  parseTransform3DParts,
-  type Transform3DParts,
-} from "@shared/canvas-math";
-import {
-  alphaToOpacity,
-  parseCssColor,
-  rgbaToCss,
-  rgbaToHex,
-  withColorOpacity,
-} from "@shared/color-utils";
-import { propNameToDataAttribute } from "@shared/component-model";
+import { alphaToOpacity, parseCssColor } from "@shared/color-utils";
 import {
   listInteractionStates,
   readResolvedStateStyles,
   type InteractionState,
 } from "@shared/interaction-states";
 import {
-  IconAlignCenter,
-  IconAlignJustified,
-  IconAlignLeft,
-  IconAlignRight,
-  IconAngle,
-  IconArrowAutofitHeight,
-  IconArrowAutofitWidth,
-  IconArrowRight,
-  IconAxisX,
-  IconAxisY,
-  IconBackground,
-  IconBlur,
-  IconBorderCorners,
-  IconBorderRadius,
-  IconBorderStyle,
-  IconCheck,
   IconChevronDown,
   IconChevronRight,
   IconCode,
   IconComponents,
   IconDeviceMobile,
   IconExternalLink,
-  IconDroplet,
-  IconEye,
-  IconEyeOff,
-  IconFlipHorizontal,
-  IconFlipVertical,
   IconFrame,
-  IconGridDots,
-  IconGripVertical,
-  IconLayoutDistributeHorizontal,
-  IconLayoutGrid,
-  IconLoader2,
-  IconLayoutAlignBottom,
-  IconLayoutAlignCenter,
-  IconLayoutAlignLeft,
-  IconLayoutAlignMiddle,
-  IconLayoutAlignRight,
-  IconLayoutAlignTop,
-  IconLetterCase,
-  IconLetterSpacing,
-  IconLineHeight,
-  IconLink,
-  IconLinkOff,
-  IconMinus,
-  IconPerspective,
   IconPhoto,
   IconPlus,
-  IconRadiusBottomLeft,
-  IconRadiusBottomRight,
-  IconRadiusTopLeft,
-  IconRadiusTopRight,
   IconRefresh,
-  IconRotate3d,
-  IconShadow,
-  IconSquare,
-  IconUnlink,
   IconVector,
-  IconWaveSine,
 } from "@tabler/icons-react";
-import { useQueryClient } from "@tanstack/react-query";
 import {
   memo,
   useCallback,
@@ -96,20 +26,10 @@ import {
   useMemo,
   useRef,
   useState,
-  type DragEvent,
   type ReactNode,
 } from "react";
-import { useParams } from "react-router";
-import { toast } from "sonner";
 
 import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import {
@@ -117,15 +37,6 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "@/components/ui/popover";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Slider } from "@/components/ui/slider";
-import { Switch } from "@/components/ui/switch";
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import {
   Tooltip,
@@ -135,11 +46,7 @@ import {
 } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
-import {
-  AppearanceProperties,
-  AppearanceScrubField,
-  CornerRadiusControl,
-} from "./edit-panel/appearance-properties";
+import { AppearanceProperties } from "./edit-panel/appearance-properties";
 import {
   alpineDataValueLiteral,
   canRebuildAlpineDataLosslessly,
@@ -163,54 +70,27 @@ import {
 } from "./edit-panel/document-colors";
 import { EffectsProperties } from "./edit-panel/effects-properties";
 import {
-  autoLayoutAlignmentFromStyles,
-  availableSizingForElement,
-  commitElementMinMax,
-  commitElementSizing,
-  componentNameForElementInfo,
-  cssElementSize,
-  displayLabel,
   elementIsComponentSelection,
-  horizontalToJustify,
-  inferElementSizing,
   inspectorObjectTitle,
   isContainerElement,
-  isParentFlex,
-  isParentGrid,
   isTextElement,
-  justifyToHorizontal,
-  parentFlexDirection,
-  readElementMinMax,
   TEXT_TAGS,
-  verticalToAlign,
 } from "./edit-panel/element-classification";
 import {
   deriveLockedAspectSize,
   interactionStateSelectionKey,
-  useAspectRatioLock,
 } from "./edit-panel/element-identity";
-import {
-  commitStylePatch,
-  DesignSpacingControl,
-  FieldTrailer,
-  ScrubStyleInput,
-} from "./edit-panel/field-primitives";
+import { commitStylePatch } from "./edit-panel/field-primitives";
 import {
   averageGradientOpacity,
   buildGradientLayer,
   DEFAULT_EXPORT_SETTINGS,
-  defaultGradientLayer,
   defaultGradientStops,
-  clampNumber,
-  fillLayerId,
-  fillLayerIndex,
   type FillLayerArrays,
-  gradientLabel,
   isLayerHiddenBySize,
   joinCssLayers,
   parseGradientLayer,
   removeFillLayerAtIndex,
-  SOLID_FILL_ID,
   solidToGradientPatch,
   splitCssLayers,
   withLayerSizeMarker,
@@ -218,13 +98,7 @@ import {
 import { FillProperties } from "./edit-panel/fill-properties";
 import { FramePresetsPanel } from "./edit-panel/frame-presets-panel";
 import type { InspectCodeSourceLocation } from "./edit-panel/inspect-code-source";
-import {
-  InspectorIconButton,
-  InspectorSegment,
-  RowDragHandle,
-  SectionIconButton,
-  useRowDragReorder,
-} from "./edit-panel/inspector-controls";
+import { SectionIconButton } from "./edit-panel/inspector-controls";
 import {
   authoredStyleValue,
   elementWithInteractionStateStyles,
@@ -236,18 +110,13 @@ import {
 } from "./edit-panel/layout-properties";
 import {
   ColorInput,
-  FieldLabel,
   PanelSection,
   PropInput,
   PropSelect,
-  PropSlider,
   SubsectionLabel,
 } from "./edit-panel/panel-primitives";
 import {
-  colorHasVisibleAlpha,
-  compactCssValue,
   cssColorOrFallback,
-  cssLengthNumber,
   fourValuesEqual,
   outlineOffsetForPosition,
   readStrokeOutlinePosition,
@@ -255,86 +124,41 @@ import {
   resolveTextStrokeColor,
   roundToOneDecimal,
   strokeHiddenByColor,
-  strokeIsVisible,
   swatchStyle,
   textStrokeIsVisible,
 } from "./edit-panel/position-helpers";
 import { PositionLayoutProperties } from "./edit-panel/position-layout-properties";
-import {
-  isMixedValue,
-  MIXED_VALUE,
-  mixedElementFromSelection,
-  sameOrMixed,
-} from "./edit-panel/selection-helpers";
+import { mixedElementFromSelection } from "./edit-panel/selection-helpers";
 import { StrokeProperties } from "./edit-panel/stroke-properties";
 import {
   type BreakpointOverrideFieldContext,
   type MotionKeyframeFieldContext,
-  resolveBreakpointOverride,
   type StyleChangeHandler,
   type StyleChangeMeta,
   type StylesChangeHandler,
 } from "./edit-panel/style-change-types";
-import {
-  ALIGN_SELF_OPTIONS,
-  BLEND_MODE_OPTIONS,
-  optionValue,
-  parseNumericValue,
-  resolveLineHeight,
-  sidesAreLinked,
-  STROKE_POSITION_OPTIONS,
-} from "./edit-panel/style-options";
 import {
   mergeRotationValue,
-  mergeTranslateFunction,
   normalizeRotationDegrees,
-  parseRotationValue,
-  parseScaleValue,
 } from "./edit-panel/transform-helpers";
 import {
   displayFontFamilyName,
   FONT_FAMILY_OPTIONS,
-  FONT_WEIGHT_OPTIONS,
   resolveFontFamilySelectValue,
-  splitFontFamilyList,
-  type TextResizeMode,
 } from "./edit-panel/typography-helpers";
 import { TypographyProperties } from "./edit-panel/typography-properties";
 import {
-  AutoLayoutMatrix,
-  BreakpointOverrideIndicator,
-  ConstraintsPreview,
-  ConstraintsWidget,
   ExportSettingsPanel,
   DesignColorPicker,
-  FRAME_SIZE_PRESET_CATEGORIES,
-  MotionKeyframeDiamond,
-  motionPropertyHasKeyframe,
   ScrubInput,
-  SizingField,
-  type AlignmentMatrixValue,
-  type AutoLayoutMatrixValue,
-  type AutoLayoutSizing,
-  type AutoLayoutSizingAxis,
-  type ConstraintsValue,
   type ExportSettingsValue,
   type FrameSizePreset,
-  type FrameSizePresetCategoryKey,
   InteractionStatePanel,
   type ActiveInteractionState,
-  type DesignFillRow,
-  type DesignGradientStop,
-  type DesignGradientType,
-  type ImageFillValue,
   type MotionKeyframeCssProperty,
-  type ScrubInputChangeMeta,
 } from "./inspector";
-import { IconLayoutSettings, IconText } from "./inspector/design-icons";
-import type { DesignPaintType } from "./inspector/DesignColorPicker";
-import {
-  GlslShaderEffectSection,
-  type GlslShaderPanelContext,
-} from "./inspector/GlslShaderPanel";
+import { IconText } from "./inspector/design-icons";
+import { type GlslShaderPanelContext } from "./inspector/GlslShaderPanel";
 import {
   ReviewCommentsPanel,
   type ReviewCommentsPanelProps,
@@ -583,6 +407,8 @@ interface EditPanelProps {
    *   always shows this row) but no-op, since EditPanel has no selection
    *   bbox/parent geometry of its own to act on.
    */
+  /** Convert this container to freeform, pinning children where they render. */
+  onDisableAutoLayout?: (nodeId: string) => void;
   onAlignSelection?: (
     edge: "left" | "center-h" | "right" | "top" | "center-v" | "bottom",
   ) => void;
@@ -1837,6 +1663,7 @@ export const EditPanel = memo(function EditPanel({
   activeTool,
   onCreateScreenFromPreset,
   onAlignSelection,
+  onDisableAutoLayout,
   onInteractionStateChange,
   availableInteractionStates,
   onEditCode,
@@ -2360,6 +2187,7 @@ export const EditPanel = memo(function EditPanel({
                     element={stateResolvedInspectorElement ?? inspectorElement}
                     onStyleChange={onStyleChange}
                     onStylesChange={onStylesChange}
+                    onDisableAutoLayout={onDisableAutoLayout}
                     motionKeyframeContext={motionKeyframeFieldContext}
                     breakpointOverrideContext={breakpointOverrideFieldContext}
                   />

package/corpus/templates/design/app/components/design/MultiScreenCanvas.tsx

@@ -2258,7 +2258,11 @@ export const MultiScreenCanvas = memo(function MultiScreenCanvas({
         sourceScreenId !== boardFileId &&
         boardFileId &&
         boardFrameGeometry &&
-        geometryContainsPoint(boardFrameGeometry, boardPoint)
+        boardSurfaceRenderGeometry &&
+        // boardFrameGeometry is a 131,072px square centred on the origin, so
+        // testing against it makes every pointer a board hit and silently
+        // relocates the layer into an invisible file.
+        geometryContainsPoint(boardSurfaceRenderGeometry, boardPoint)
       ) {
         const nextTarget = { id: boardFileId, geometry: boardFrameGeometry };
         if (crossScreenTargetRef.current?.id !== boardFileId) {
@@ -2323,14 +2327,27 @@ export const MultiScreenCanvas = memo(function MultiScreenCanvas({
           ? "discarded — pointer never left the source screen"
           : candidate
             ? "moving into candidate"
-            : "no candidate; falling back to the board",
+            : "no candidate — refused unless over the board surface",
       });
+      const boardSurfaceHit =
+        !!boardFileId &&
+        sourceScreenId !== boardFileId &&
+        !!boardFrameGeometry &&
+        !!boardSurfaceRenderGeometry &&
+        geometryContainsPoint(boardSurfaceRenderGeometry, lastBoardPoint);
       const targetCandidate =
         candidate ??
-        (boardFileId && sourceScreenId !== boardFileId && boardFrameGeometry
+        (boardSurfaceHit && boardFileId && boardFrameGeometry
           ? { id: boardFileId, geometry: boardFrameGeometry }
           : null);
-      if (!targetCandidate) return;
+      if (!targetCandidate) {
+        trace("drop", "refused", {
+          reason: "no screen under the pointer and not over the board surface",
+          sourceScreen: sourceScreenId,
+          lastBoardPoint,
+        });
+        return;
+      }
 
       if (targetCandidate.id === boardFileId) {
         void runHitTest(targetCandidate, lastBoardPoint).then(

package/corpus/templates/design/app/components/design/QuestionFlow.tsx

@@ -69,16 +69,12 @@ export function QuestionFlow({
       return v.trim().length > 0;
     return hasGuidedAnswer(v);
   };
-  const answeredCount = guidedQuestions.filter(isAnswered).length;
+
   const requiredQuestions = guidedQuestions.filter(
     (question) => question.required,
   );
   const requiredAnswered = requiredQuestions.filter(isAnswered).length;
   const allRequiredAnswered = requiredAnswered === requiredQuestions.length;
-  const progress =
-    guidedQuestions.length === 0
-      ? 0
-      : Math.round((answeredCount / guidedQuestions.length) * 100);
 
   return (
     /* `items-start` is what makes the trailing space real: stretched, this

package/corpus/templates/design/app/components/design/bridge/codegen.ts

@@ -25,7 +25,7 @@
  */
 
 import { execSync } from "node:child_process";
-import { readdirSync, readFileSync, writeFileSync } from "node:fs";
+import { readdirSync, writeFileSync } from "node:fs";
 import { join, resolve } from "node:path";
 import { fileURLToPath } from "node:url";